:root{--forest:#3d2e3f;--forest-deep:#2a1f2e;--moss:#6b4d6e;--fern:#8a6d8f;--stone:#f7f4ec;--sand:#ece3cf;--parchment:#fffdf7;--sunset:#e8933c;--sunset-dark:#c07a28;--sunset-soft:#fdf3e3;--ink:#20291f;--muted:#5f6e60;--line:#ddd6c2;--max:74rem;--narrow:46rem;--radius:.9rem;--serif:"Iowan Old Style",Charter,"Bitstream Charter","Sitka Text",Cambria,Georgia,"Times New Roman",serif;--sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--shadow:0 10px 30px rgba(42,31,46,.12)}*,::after,::before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--stone);line-height:1.68;font-size:1.0625rem;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:var(--moss);text-underline-offset:.15em}a:hover{color:var(--sunset-dark)}h1,h2,h3,h4{font-family:var(--serif);line-height:1.18;color:var(--forest-deep);text-wrap:balance;margin:0 0 .7em;font-weight:700}.wrap{max-width:var(--max);margin:0 auto;padding:0 1.25rem}.skip-link{position:absolute;left:-9999px;top:0;background:var(--sunset);color:#fff;padding:.6rem 1.1rem;z-index:200;border-radius:0 0 .6rem 0;font-weight:700}.skip-link:focus{left:0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:3px solid var(--sunset);outline-offset:2px;border-radius:2px}.site-header{background:var(--forest-deep);color:#f3efe2;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(0,0,0,.25)}.header-inner{display:flex;align-items:center;gap:1rem;padding:.7rem 1.25rem;max-width:var(--max);margin:0 auto}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:#fff;margin-right:auto}.brand-mark{width:2.3rem;height:2.3rem;flex:none;border-radius:.6rem;background:linear-gradient(135deg,#f0a24a 0%,#e8933c 48%,#c07a28 100%);display:grid;place-items:center;font-size:1.25rem;color:#fff;font-family:var(--serif)}.brand-text{font-family:var(--serif);font-weight:700;font-size:1.3rem;line-height:1.05;display:flex;flex-direction:column}.brand-text small{font-family:var(--sans);font-weight:400;font-size:.68rem;color:#c9c2ab;letter-spacing:.02em}.site-nav{display:flex;gap:.25rem;align-items:center}.site-nav a{color:#e9e4d2;text-decoration:none;font-weight:600;font-size:.95rem;padding:.55rem .8rem;border-radius:.55rem}.site-nav a:hover{color:#fff;background:rgba(255,255,255,.09)}.nav-toggle{display:none;background:0 0;border:1px solid rgba(255,255,255,.35);border-radius:.55rem;color:#fff;font-size:1.15rem;line-height:1;padding:.45rem .65rem;cursor:pointer}.search-toggle{background:0 0;border:1px solid rgba(255,255,255,.35);border-radius:.55rem;color:#fff;font-size:1rem;padding:.45rem .6rem;cursor:pointer;line-height:1}.nav-toggle:hover,.search-toggle:hover{border-color:#fff}.search-bar{display:none;background:var(--forest);border-top:1px solid rgba(255,255,255,.12);padding:.8rem 1.25rem;position:relative}.search-bar.open{display:block}.search-wrap{max-width:var(--max);margin:0 auto;position:relative}.search-bar input{width:100%;padding:.75rem 1rem .75rem 2.8rem;font-size:1rem;border-radius:.7rem;border:1px solid rgba(255,255,255,.25);background:#fff;color:var(--ink)}.search-bar .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);opacity:.55}.search-results{position:absolute;top:calc(100% + .4rem);left:0;right:0;background:#fff;border-radius:.7rem;box-shadow:var(--shadow);overflow:hidden;z-index:120;display:none;max-height:22rem;overflow-y:auto}.search-results.open{display:block}.search-results a{display:flex;flex-direction:column;gap:.1rem;padding:.7rem 1rem;text-decoration:none;border-bottom:1px solid var(--sand);color:var(--ink)}.search-results a:hover{background:var(--stone)}.search-results .r-title{font-weight:700;font-size:.95rem}.search-results .r-sec{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.search-empty{padding:.9rem 1rem;color:var(--muted);font-size:.92rem}.hero{position:relative;background:linear-gradient(160deg,var(--forest-deep) 0,var(--forest) 55%,#4a3548 100%);color:#f5f1e3;overflow:hidden;padding:4.2rem 0 3.6rem}.hero::before{content:"";position:absolute;inset:0;opacity:.16;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1'%3E%3Cpath d='M-20 60 Q60 20 120 60 T260 60'/%3E%3Cpath d='M-20 120 Q60 80 120 120 T260 120'/%3E%3Cpath d='M-20 180 Q60 140 120 180 T260 180'/%3E%3Cpath d='M-20 240 Q60 200 120 240 T260 240'/%3E%3C/g%3E%3C/svg%3E")}.hero .wrap{position:relative}.hero-kicker{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ffd9ae;background:rgba(217,108,44,.18);border:1px solid rgba(217,108,44,.5);padding:.35rem .9rem;border-radius:99px;margin-bottom:1.1rem}.hero h1{color:#fff;font-size:2.5rem;margin:0 0 .7rem;max-width:16em}.hero .tagline{font-size:1.25rem;color:#ffe3c2;font-weight:600;margin:0 0 .9rem;max-width:34rem}.hero-sub{color:#cfc8b0;max-width:40rem;margin:0 0 1.8rem}.hero-ctas{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1.8rem}.btn{display:inline-block;text-decoration:none;font-weight:700;padding:.8rem 1.5rem;border-radius:.7rem;font-size:1rem;transition:transform .12s ease,box-shadow .12s ease;cursor:pointer;border:2px solid transparent}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--sunset),var(--sunset-dark));color:#fff;box-shadow:0 6px 18px rgba(217,108,44,.35)}.btn-primary:hover{color:#fff;background:var(--sunset-dark)}.btn-ghost{border-color:rgba(255,255,255,.55);color:#fff}.btn-ghost:hover{color:#fff;border-color:#fff;background:rgba(255,255,255,.08)}.hero-stats{display:flex;gap:2rem;flex-wrap:wrap;color:#b9b298;font-size:.9rem}.hero-stats strong{display:block;color:#fff;font-size:1.35rem;font-family:var(--serif)}.section{padding:3rem 0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.4rem;flex-wrap:wrap}.section-head h2{font-size:1.7rem;margin:0}.section-head a{font-weight:700;font-size:.95rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16.5rem,1fr));gap:1.3rem}.card{display:flex;flex-direction:column;background:var(--parchment);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);color:var(--ink)}.card-media{aspect-ratio:16/10;overflow:hidden;background:var(--sand);margin:0}.card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.card:hover .card-media img{transform:scale(1.04)}.card-body{padding:1.1rem 1.2rem 1.25rem;display:flex;flex-direction:column;gap:.45rem;flex:1}.card-tag{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--sunset-dark)}.card-body h3{font-size:1.12rem;margin:0;line-height:1.3}.card-body p{margin:0;font-size:.92rem;color:var(--muted);flex:1}.card-date{font-size:.8rem;color:var(--muted)}.hub-card-lg .card-body h3{font-size:1.3rem}.method{background:var(--forest);color:#e8e2cf;padding:3rem 0}.method h2{color:#fff;font-size:1.7rem}.method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.4rem;margin-top:1.6rem}.method-step{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:1.3rem}.method-step .n{font-family:var(--serif);font-size:1.6rem;color:var(--sunset);font-weight:700}.method-step h3{color:#fff;font-size:1.05rem;margin:.4rem 0}.method-step p{margin:0;font-size:.9rem;color:#c9c2ab}.method-cta{margin-top:1.6rem}.method-cta a{color:#ffd9ae;font-weight:700}.page{padding:2.2rem 1.25rem 3.5rem;max-width:var(--narrow)}.breadcrumbs{font-size:.84rem;color:var(--muted);margin-bottom:1.3rem;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--sunset-dark)}.breadcrumbs .sep{opacity:.6}.article-head h1{font-size:2.15rem;margin:0 0 .7rem}.lede{font-size:1.16rem;color:var(--muted);margin:0 0 1.2rem;line-height:1.6}.byline{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;font-size:.88rem;color:var(--muted);padding:.8rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 1.6rem}.byline .dot{opacity:.5}.toc{margin:0 0 1.8rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--parchment)}.toc summary{padding:.9rem 1.2rem;font-weight:700;cursor:pointer;list-style:none;display:flex;align-items:center;gap:.6rem}.toc summary::-webkit-details-marker{display:none}.toc summary::before{content:"+";color:var(--sunset);font-weight:800;font-size:1.2rem}.toc[open] summary::before{content:"–"}.toc nav{padding:0 1.2rem 1rem}.toc ul{margin:0;padding-left:1.1rem}.toc li{margin:.35rem 0;font-size:.94rem}.toc a{text-decoration:none;color:var(--ink)}.toc a:hover{color:var(--sunset-dark)}.content{font-size:1.06rem}.content h2{font-size:1.55rem;margin:2.4rem 0 .9rem;padding-top:.4rem}.content h3{font-size:1.25rem;margin:1.9rem 0 .7rem}.content h4{font-size:1.08rem;margin:1.5rem 0 .5rem}.content p{margin:0 0 1.15rem}.content ol,.content ul{margin:0 0 1.2rem;padding-left:1.5rem}.content li{margin:.35rem 0}.content li::marker{color:var(--sunset)}.content table{width:100%;border-collapse:collapse;margin:1.4rem 0;font-size:.94rem;display:block;overflow-x:auto;background:#fff;border-radius:.5rem}.content td,.content th{border:1px solid var(--line);padding:.65rem .85rem;text-align:left;vertical-align:top}.content th{background:var(--forest);color:#fff;font-weight:700}.content tbody tr:nth-child(2n){background:var(--stone)}.content blockquote{border-left:4px solid var(--sunset);margin:1.4rem 0;padding:.6rem 1.2rem;background:var(--sunset-soft);border-radius:0 .6rem .6rem 0;color:var(--ink)}.content blockquote p:last-child{margin-bottom:0}.content code{background:var(--sand);padding:.15em .4em;border-radius:.3em;font-size:.88em}.content pre{background:var(--forest-deep);color:#e8e2cf;padding:1.1rem;border-radius:.6rem;overflow-x:auto}.content pre code{background:0 0;color:inherit;padding:0}.content hr{border:none;border-top:1px solid var(--line);margin:2.2rem 0}.article-hero{margin:0 0 1.8rem;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.article-hero img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}.article-hero figcaption,.video-break figcaption{font-size:.83rem;color:var(--muted);padding:.55rem 1rem;background:var(--parchment)}.video-break{margin:2.2rem 0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#000}.video-break video{width:100%;height:auto;display:block;aspect-ratio:16/9;background:#000}figcaption{font-size:.85rem;color:var(--muted);margin-top:.4rem}.content p strong:first-child{color:inherit}.aff-note{background:var(--sunset-soft);border:1px solid #f0c795;border-left:4px solid var(--sunset);border-radius:.6rem;padding:1rem 1.2rem;margin:1.8rem 0;font-size:.95rem}.aff-note a{font-weight:700}a.aff-link{font-weight:700;color:var(--sunset-dark);text-decoration:underline;text-underline-offset:.15em}a.aff-link::after{content:" ↗";font-size:.85em}.faqs{margin:2.8rem 0}.faqs h2{font-size:1.5rem}.faqs details{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:.7rem;background:var(--parchment);overflow:hidden;transition:box-shadow .15s}.faqs details[open]{box-shadow:var(--shadow)}.faqs summary{font-weight:700;cursor:pointer;padding:1rem 1.25rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:1rem}.faqs summary::-webkit-details-marker{display:none}.faqs summary::after{content:"+";flex:none;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--forest);color:#fff;display:grid;place-items:center;font-size:1.1rem;line-height:1}.faqs details[open] summary::after{content:"–";background:var(--sunset)}.faqs details>div,.faqs details>p{padding:0 1.25rem 1.1rem;margin:0}.faqs details p{margin:0 0 .8rem;color:var(--ink)}.method-box{display:flex;gap:1.1rem;background:var(--forest);color:#e8e2cf;border-radius:var(--radius);padding:1.4rem;margin:2.5rem 0;align-items:flex-start}.method-box .m-mark{flex:none;width:3rem;height:3rem;border-radius:.7rem;background:linear-gradient(135deg,#f0a24a 0%,#e8933c 48%,#c07a28 100%);display:grid;place-items:center;font-size:1.5rem;color:#fff;font-family:var(--serif)}.method-box h2{color:#fff;font-size:1.1rem;margin:0 0 .4rem}.method-box p{margin:0;font-size:.92rem;color:#c9c2ab}.method-box a{color:#ffd9ae;font-weight:700}.related{margin:2.8rem 0}.related h2{font-size:1.5rem;margin-bottom:1.1rem}.site-footer{background:var(--forest-deep);color:#b9b298;padding:3rem 0 1.8rem;margin-top:3rem;font-size:.93rem}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2rem}.footer-brand .brand-text{color:#fff}.footer-brand p{font-size:.9rem;max-width:22rem}.footer-col h3{color:#fff;font-size:1rem;font-family:var(--sans);font-weight:700;margin:0 0 .9rem;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem}.footer-col ul{list-style:none;margin:0;padding:0}.footer-col li{margin:.5rem 0}.footer-col a{color:#b9b298;text-decoration:none}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:1.4rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.84rem}.footer-bottom a{color:#b9b298}.cookie-settings{background:0 0;border:none;color:#b9b298;cursor:pointer;font-size:.84rem;text-decoration:underline;padding:0;font-family:inherit}.cookie-settings:hover{color:#fff}.consent-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:300;background:var(--parchment);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.2rem 1.3rem;display:none;gap:1rem;align-items:center;max-width:44rem;margin:0 auto}.consent-banner.show{display:flex}.consent-banner p{margin:0;font-size:.9rem;flex:1}.consent-banner p a{font-weight:700}.consent-actions{display:flex;gap:.6rem;flex:none}.btn-sm{padding:.55rem 1.1rem;font-size:.9rem}.btn-accept{background:var(--forest);color:#fff}.btn-accept:hover{background:var(--moss);color:#fff}.btn-decline{background:0 0;border-color:var(--line);color:var(--muted)}.btn-decline:hover{border-color:var(--muted);color:var(--ink);transform:none}.to-top{position:fixed;right:1.2rem;bottom:1.2rem;z-index:250;width:2.9rem;height:2.9rem;border-radius:50%;background:var(--forest);color:#fff;border:none;font-size:1.25rem;cursor:pointer;display:none;box-shadow:var(--shadow);align-items:center;justify-content:center}.to-top.show{display:flex}.to-top:hover{background:var(--sunset)}@media (prefers-reduced-motion:no-preference){.card{animation:rise .5s ease both}.card-grid .card:nth-child(2){animation-delay:.06s}.card-grid .card:nth-child(3){animation-delay:.12s}.card-grid .card:nth-child(4){animation-delay:.18s}.card-grid .card:nth-child(5){animation-delay:.24s}.card-grid .card:nth-child(6){animation-delay:.3s}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}html{scroll-behavior:smooth}}@media (max-width:60rem){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:48rem){.nav-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--forest-deep);flex-direction:column;align-items:stretch;padding:.6rem 1.25rem 1rem;gap:.15rem;border-top:1px solid rgba(255,255,255,.12)}.site-nav.open{display:flex}.site-nav a{padding:.7rem .8rem}.site-header .header-inner{position:relative;flex-wrap:nowrap}.hero{padding:3rem 0 2.6rem}.hero h1{font-size:1.9rem}.article-head h1{font-size:1.7rem}.method-box{flex-direction:column}.consent-banner{flex-direction:column;align-items:stretch}.consent-actions{justify-content:flex-end}}@media (min-width:48rem){.hero h1{font-size:3.1rem}.article-head h1{font-size:2.6rem}}@media print{.consent-banner,.method-box .m-mark,.search-bar,.site-footer,.site-header,.to-top{display:none}body{background:#fff}}/* ---- Premium brand lockup (2026-10-02): bigger wordmark + SVG logo ---- */
.brand-mark{width:2.9rem;height:2.9rem}
.brand-mark img{width:2.9rem;height:2.9rem;display:block;border-radius:.7rem;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.brand-text{font-size:1.62rem;letter-spacing:.01em}
.brand-text small{font-size:.72rem;margin-top:.15rem}
/* ---- Language switcher ---- */
.lang-switch select{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.35);border-radius:.55rem;color:#fff;font-size:.85rem;font-weight:600;padding:.45rem .5rem;cursor:pointer;font-family:inherit;max-width:8.5rem}
.lang-switch select:hover{border-color:#fff}
.lang-switch option{color:#20291f}
/* ---- Hiker tools ---- */
.tool{background:var(--parchment);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;margin:2rem 0;box-shadow:var(--shadow);max-width:var(--narrow)}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem;margin-bottom:1.2rem}
.tool-field{display:flex;flex-direction:column;gap:.4rem;font-weight:600;font-size:.92rem}
.tool-field input,.tool-field select{padding:.7rem .9rem;font-size:1rem;border:1px solid var(--line);border-radius:.6rem;font-family:inherit;background:#fff;color:var(--ink)}
.tool-field input:focus,.tool-field select:focus{outline:3px solid var(--sunset);outline-offset:1px;border-color:var(--sunset)}
.tool-row{display:grid;grid-template-columns:1fr 6.5rem 4.5rem 2.4rem;gap:.5rem;margin-bottom:.6rem}
.tool-row input,.tool-row select{padding:.6rem .7rem;font-size:.95rem;border:1px solid var(--line);border-radius:.55rem;font-family:inherit;background:#fff;color:var(--ink);min-width:0}
.tool-x{background:0 0;border:1px solid var(--line);border-radius:.55rem;color:var(--muted);font-size:1.2rem;cursor:pointer;line-height:1}
.tool-x:hover{border-color:#c07a28;color:#c07a28}
.tool-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0}
.tool-result{background:var(--forest);color:#f5f1e3;border-radius:.7rem;padding:1.2rem 1.4rem;margin-top:1.2rem}
.tool-result-value{font-size:1.15rem;margin-bottom:.5rem}
.tool-result-value strong{color:#ffd9ae;font-size:1.4rem}
.tool-verdict{margin:.4rem 0;font-weight:600;color:#ffe3c2}
.tool-note{font-size:.88rem;color:#c9c2ab;margin:.6rem 0 0}
.tool-checklist{background:#fff;border:1px solid var(--line);border-radius:.7rem;padding:1.2rem 1.4rem;margin-top:1.2rem}
.tool-checklist h3{margin-top:0}
.check-list{list-style:none;padding:0;margin:0 0 1rem}
.check-list li{padding:.4rem 0;border-bottom:1px solid var(--sand);font-size:.95rem}
.check-list label{display:flex;gap:.6rem;align-items:flex-start;cursor:pointer}
.check-list input{margin-top:.3rem;accent-color:var(--moss);width:1.05rem;height:1.05rem;flex:none}
.tool-inline{display:flex;gap:.5rem}.tool-inline input{flex:1;min-width:0}.tool-inline select{flex:0 0 4.6rem}
.tool-breakdown{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}
.tool-bd-row{display:grid;grid-template-columns:minmax(9rem,1fr) 1fr 4.5rem;gap:.7rem;align-items:center;font-size:.88rem}
.tool-bd-label{color:#f5f1e3}
.tool-bd-bar{background:rgba(255,255,255,.18);border-radius:99px;height:.7rem;overflow:hidden}
.tool-bd-bar span{display:block;height:100%;background:#ffd9ae;border-radius:99px}
.tool-bd-val{text-align:right;color:#ffe3c2;font-variant-numeric:tabular-nums}
.tool-cta{background:var(--sunset-soft);border:1px solid #f0c795;border-radius:var(--radius);padding:1.8rem;margin:2.5rem 0;max-width:var(--narrow)}
.tool-cta h2{margin-top:0}
.translate-note{background:#fff8e8;border:1px solid #ecd9a0;border-left:4px solid #d9a62c;border-radius:.6rem;padding:1rem 1.2rem;margin:0 0 1.6rem;font-size:.95rem}
@media (max-width:48rem){.brand-text{font-size:1.32rem}.brand-mark,.brand-mark img{width:2.4rem;height:2.4rem}.brand-text small{font-size:.62rem}.lang-switch select{max-width:6.5rem;font-size:.78rem}.tool-row{grid-template-columns:1fr 5.5rem 4rem 2.2rem}}
@media print{body.printing-checklist .site-header,body.printing-checklist .site-footer,body.printing-checklist .consent-banner,body.printing-checklist .to-top,body.printing-checklist .tool-actions,body.printing-checklist .tool-grid,body.printing-checklist .tool-cta,body.printing-checklist .related,body.printing-checklist .breadcrumbs{display:none!important}body.printing-checklist .tool{box-shadow:none;border:none}}

/* ---- Design overhaul 2026-10-07: per-language accents, 3D CTAs, richer cards ---- */
/* Accent theming. Only the warm trio + gradient top stop change per language;
   forest-green identity, body text, and all contrast-critical colors are untouched. */
:root{--sunset-hi:#f0a24a}
html[lang|="es"]{--sunset:#c4561e;--sunset-dark:#963c11;--sunset-soft:#fbeadf;--sunset-hi:#e0702f}
html[lang|="pt"]{--sunset:#cf7f16;--sunset-dark:#a05e0b;--sunset-soft:#fdf0da;--sunset-hi:#efa93e}
html[lang|="fr"]{--sunset:#bd4d1e;--sunset-dark:#8c3410;--sunset-soft:#fbe9dc;--sunset-hi:#dd6a33}
html[lang|="de"]{--sunset:#b2521c;--sunset-dark:#7f3a10;--sunset-soft:#fae9d7;--sunset-hi:#d4702c}
html[lang|="hi"]{--sunset:#cd6114;--sunset-dark:#9c460c;--sunset-soft:#fce8d2;--sunset-hi:#ee8134}

/* 3D primary CTA: 3-stop gradient, inset top highlight, solid base edge, drop shadow.
   Zero box-size change (border stays 2px; depth is paint-only via box-shadow). */
.btn-primary,.tool-actions .btn-primary,.newsletter button,.newsletter .btn-primary{
  background:linear-gradient(180deg,var(--sunset-hi) 0%,var(--sunset) 55%,var(--sunset-dark) 100%);
  border-color:var(--sunset-dark);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -2px 3px rgba(0,0,0,.14),
    0 3px 0 var(--sunset-dark),0 10px 20px rgba(120,55,10,.28);
  transition:transform .1s ease,box-shadow .15s ease,filter .15s ease}
.btn-primary:hover,.tool-actions .btn-primary:hover,.newsletter button:hover,.newsletter .btn-primary:hover{
  color:#fff;filter:brightness(1.07);transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -2px 3px rgba(0,0,0,.14),
    0 4px 0 var(--sunset-dark),0 14px 24px rgba(120,55,10,.32)}
.btn-primary:active,.tool-actions .btn-primary:active,.newsletter button:active,.newsletter .btn-primary:active{
  transform:translateY(2px);filter:brightness(.97);color:#fff;
  box-shadow:inset 0 2px 6px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.15),
    0 1px 0 var(--sunset-dark),0 4px 10px rgba(120,55,10,.22)}
/* 3D consent accept in the green family */
.btn-accept{background:linear-gradient(180deg,#3d7a53 0%,var(--forest) 55%,var(--forest-deep) 100%);
  border-color:var(--forest-deep);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -2px 3px rgba(0,0,0,.18),
    0 3px 0 var(--forest-deep),0 10px 20px rgba(42,31,46,.3);
  transition:transform .1s ease,box-shadow .15s ease,filter .15s ease}
.btn-accept:hover{color:#fff;filter:brightness(1.1);transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -2px 3px rgba(0,0,0,.18),
    0 4px 0 var(--forest-deep),0 14px 24px rgba(42,31,46,.34)}
.btn-accept:active{transform:translateY(2px);filter:brightness(.96);color:#fff;
  box-shadow:inset 0 2px 6px rgba(0,0,0,.3),0 1px 0 var(--forest-deep),0 4px 10px rgba(42,31,46,.25)}
/* Ghost / decline buttons: subtle press sink */
.btn-ghost:active,.btn-decline:active{transform:translateY(1px)}
/* Affiliate money-links: tappable hover chip (spread shadow = no layout shift) */
a.aff-link{transition:background-color .15s ease,box-shadow .15s ease,color .15s ease}
a.aff-link:hover{background:var(--sunset-soft);border-radius:.3em;box-shadow:0 0 0 .3em var(--sunset-soft)}
/* Richer cards: top highlight, hover lift, accent bar reveal */
.card{position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 1px 3px rgba(42,31,46,.08)}
.card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;z-index:2;
  border-radius:var(--radius) var(--radius) 0 0;
  background:linear-gradient(90deg,var(--sunset-hi),var(--sunset) 55%,var(--sunset-dark));
  opacity:0;transition:opacity .18s ease}
.card:hover::before{opacity:1}
.card:active{transform:translateY(-1px)}
@media (prefers-reduced-motion:no-preference){
  .card:hover{transform:translateY(-4px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 18px 36px rgba(42,31,46,.16)}}
/* Modern tap feedback, mobile-first */
.btn,.card,.to-top,.tool-x{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
/* Accent-driven selection */
::selection{background:var(--sunset);color:#fff}

/* ---- Brand prominence + tagline + nav sizing (2026-10-07) ---- */
.brand-text{font-size:2.05rem}
.brand-text small{font-size:.85rem;margin-top:.2rem;max-width:24rem;line-height:1.35}
.brand-mark,.brand-mark img{width:4.35rem;height:4.35rem}
.site-nav a{font-size:1.05rem;font-weight:700}
@media (max-width:48rem){
  .brand-text{font-size:1.6rem}
  .brand-text small{font-size:.72rem}
  .brand-mark,.brand-mark img{width:3.2rem;height:3.2rem}
  .site-nav a{font-size:1rem}
}

/* ============ GURU DESIGN UPGRADES 2026-10-18 (Whisker & Wag) ============ */

/* --- Ripple effect on interactive elements --- */
.ripple{position:relative;overflow:hidden}
.ripple-ink{position:absolute;border-radius:50%;transform:scale(0);animation:ripple .6s ease-out;pointer-events:none;background:rgba(255,255,255,.45)}
@keyframes ripple{to{transform:scale(4);opacity:0}}

/* --- Button press states (never flat/dead) --- */
.btn{position:relative;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}
.btn:active{transform:translateY(1px) scale(.98);filter:brightness(.94)}
.btn-primary:hover{box-shadow:0 8px 24px rgba(232,147,60,.45)}
.card{transition:transform .18s cubic-bezier(.34,1.4,.64,1),box-shadow .18s ease}
.card:active{transform:translateY(-1px) scale(.99)}

/* --- Nav dropdown --- */
.nav-dropdown{position:relative}
.nav-drop-btn{display:flex;align-items:center;gap:.4rem;background:0 0;border:none;color:#e9e4d2;font-weight:600;font-size:.95rem;padding:.55rem .8rem;border-radius:.55rem;cursor:pointer;font-family:inherit}
.nav-drop-btn:hover{color:#fff;background:rgba(255,255,255,.09)}
.drop-arrow{font-size:.75rem;transition:transform .2s ease}
.nav-dropdown.open .drop-arrow{transform:rotate(180deg)}
.nav-drop-menu{position:absolute;top:calc(100% + .4rem);left:0;min-width:13rem;background:var(--parchment);border:1px solid var(--line);border-radius:.8rem;box-shadow:0 12px 32px rgba(42,31,46,.18);padding:.5rem;display:none;z-index:200;overflow:hidden}
.nav-dropdown.open .nav-drop-menu{display:block;animation:dropIn .18s ease}
@keyframes dropIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.nav-drop-menu a{display:flex;align-items:center;gap:.7rem;padding:.65rem .9rem;border-radius:.55rem;text-decoration:none;color:var(--ink);font-weight:600;font-size:.93rem;transition:background .12s ease,transform .12s ease}
.nav-drop-menu a:hover{background:var(--sunset-soft);transform:translateX(3px);color:var(--ink)}
.drop-icon{font-size:1.15rem;width:1.6rem;text-align:center;flex:none}
.nav-link{color:#e9e4d2;text-decoration:none;font-weight:600;font-size:.95rem;padding:.55rem .8rem;border-radius:.55rem}
.nav-link:hover{color:#fff;background:rgba(255,255,255,.09)}

/* --- Scroll-triggered fade-in --- */
.fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,.61,.36,1)}
.fade-in.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.fade-in{opacity:1;transform:none;transition:none}.ripple-ink{display:none}}

/* --- Enhanced card micro-interactions --- */
.card-media{position:relative}
.card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(42,31,46,.12));opacity:0;transition:opacity .2s ease;pointer-events:none}
.card:hover .card-media::after{opacity:1}
.card-tag{display:inline-flex;align-items:center;gap:.3rem}
.card-tag::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--sunset);flex:none}

/* --- Hero enhancements --- */
.hero{position:relative}
.hero-ctas .btn{box-shadow:0 6px 20px rgba(0,0,0,.2)}
.hero-stats div{transition:transform .15s ease}
.hero-stats div:hover{transform:translateY(-2px)}

/* --- FAQ accordion polish --- */
.faqs details{transition:box-shadow .18s ease,border-color .18s ease}
.faqs details:hover{border-color:var(--sunset)}
.faqs summary{transition:background .12s ease;border-radius:var(--radius)}
.faqs summary:hover{background:rgba(232,147,60,.06)}

/* --- Method box hover --- */
.method-step{transition:transform .15s ease,box-shadow .15s ease}
.method-step:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.15)}

/* --- Back-to-top polish --- */
.to-top{transition:transform .15s ease,background .15s ease,opacity .2s ease}
.to-top:hover{transform:translateY(-3px) scale(1.05)}

/* --- Mobile nav dropdown --- */
@media (max-width:48rem){
  .nav-dropdown{width:100%}
  .nav-drop-btn{width:100%;justify-content:space-between;padding:.7rem .8rem}
  .nav-drop-menu{position:static;box-shadow:none;border:none;background:rgba(255,255,255,.06);margin-top:.3rem;display:none}
  .nav-dropdown.open .nav-drop-menu{display:block}
  .nav-drop-menu a{color:#e9e4d2}
  .nav-drop-menu a:hover{background:rgba(255,255,255,.1);color:#fff}
  .nav-link{display:block;padding:.7rem .8rem}
}

/* --- Focus visibility (a11y) --- */
.nav-drop-btn:focus-visible,.nav-drop-menu a:focus-visible{outline:3px solid var(--sunset);outline-offset:2px}

/* --- Smooth image loading --- */
.card-media img,.article-hero img{transition:transform .3s ease,opacity .3s ease}
img[loading="lazy"]{opacity:0}
img[loading="lazy"].loaded{opacity:1}