:root{--header-height:91px;--ease-out:cubic-bezier(.22,1,.36,1)}
[hidden]{display:none!important}
button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--orange-dark);outline-offset:4px}
html{scroll-padding-top:calc(var(--header-height) + 24px)}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:box-shadow .25s ease,background .25s ease}
.header.is-scrolled{background:rgba(255,255,255,.97);box-shadow:0 6px 25px #22231f0a}
.nav-links a{position:relative;padding-block:5px}
.nav-links a:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--orange);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease-out)}
.nav-links a:hover:after,.nav-links a[aria-current]:after{transform:scaleX(1)}
.nav-links a[aria-current="location"]{color:var(--orange-dark)}
.deal,.story-card{transition:transform .3s var(--ease-out),border-color .3s,box-shadow .3s}
.merchant-logo{transition:transform .35s var(--ease-out);transform-origin:left center}
.button,.nav-contact{transition:background .2s,box-shadow .2s,transform .2s var(--ease-out)}
.button:active,.nav-contact:active{transform:translateY(1px) scale(.985)}
.hero-image,.journal-hero-image{overflow:hidden}.hero-image img,.journal-hero-image img{transition:transform .8s var(--ease-out)}
.deal:focus-within,.story-card:focus-within{border-color:var(--orange-dark);box-shadow:0 5px 20px #a334120c}
.policy summary:after{transition:transform .25s var(--ease-out)}.policy[open] summary:after{transform:rotate(180deg)}
.collection,.article-section,.article-sources,.article-takeaway,[id="deals"],[id="guides"],[id="about"],[id="contact"]{scroll-margin-top:0}
.article-toc{top:calc(var(--header-height) + 24px)}
.article-toc a{transition:color .18s}.article-toc a[aria-current="location"]{color:var(--orange-dark);font-weight:650}
.reading-progress{height:3px;position:fixed;inset:0 0 auto;z-index:70;pointer-events:none;background:transparent}
.reading-progress span{height:100%;display:block;background:var(--orange);transform:scaleX(0);transform-origin:left}
.back-top{position:fixed;right:28px;bottom:26px;z-index:60;width:46px;height:46px;border:1px solid #e0e3d9;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;box-shadow:0 5px 20px #22231f24;transition:transform .25s var(--ease-out),background .2s}
.back-top .icon{width:19px;height:19px;transform:rotate(-90deg)}.back-top:hover{background:var(--orange-dark);transform:translateY(-3px)}
.journal-tools{margin-bottom:6px;padding:25px;border:1px solid var(--line);background:#fbfcf9;border-radius:18px}
.journal-search-label{display:block;font-size:.875rem;font-weight:650;margin-bottom:10px}
.journal-search-row{display:flex;gap:12px;align-items:center}.journal-search-box{position:relative;flex:1;min-width:0}
.journal-search-box>.icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#747b6b;pointer-events:none}
.journal-search-box input{width:100%;height:48px;padding:11px 16px 11px 45px;border:1px solid #d8ddcf;border-radius:10px;color:var(--ink);background:white;font-size:1rem;transition:border-color .2s,box-shadow .2s}
.journal-search-box input:focus{border-color:var(--orange-dark);box-shadow:0 0 0 3px #ff6b3512}.journal-search-box input::placeholder{color:#7c8373}
.filter-reset{border:0;background:transparent;padding:11px 4px;color:var(--orange-dark);text-decoration:underline;text-underline-offset:4px;white-space:nowrap;font-size:.875rem;font-weight:600}
.category-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.category-filters button{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);background:white;padding:9px 13px;border-radius:8px;font-size:.8125rem;font-weight:650;color:#58604d;transition:background .2s,color .2s,border-color .2s,transform .2s var(--ease-out)}
.category-filters button:hover{border-color:#aeb89b}.category-filters button:active{transform:scale(.98)}
.category-filters button[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:white}
.category-filters [data-filter-count]{font-size:.75rem;font-weight:500;opacity:.78}
.search-status{font-size:.8125rem;color:var(--muted);line-height:1.7;margin-top:15px;min-height:1.7em}
.search-empty{margin-top:32px;text-align:center;padding:46px 25px;border:1px dashed #cdd4c1;border-radius:16px;background:var(--soft)}.search-empty h2{font-size:1.6rem;margin-bottom:12px}.search-empty p{font-size:.9375rem}.search-empty button{margin-top:16px}
.article-info{border-top:1px solid var(--line);margin-top:22px;padding:16px 0 0;color:var(--muted);font-size:.8125rem}
.article-info summary{cursor:pointer;font-weight:650;color:var(--ink);padding:4px 0;list-style:none;display:flex;align-items:center;gap:8px}
.article-info summary:before{content:"+";width:16px;font-size:1.125rem;line-height:1}.article-info[open] summary:before{content:"−"}
.article-info dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 22px;margin:15px 0 0}.article-info dt{font-weight:600}.article-info dd{margin:0;overflow-wrap:anywhere}
@media(hover:hover) and (pointer:fine){.deal:hover,.story-card:hover{transform:translateY(-5px);box-shadow:0 14px 34px #29311b12}.deal:hover .merchant-logo{transform:scale(1.035)}.hero-image:hover img,.journal-hero-image:hover img{transform:scale(1.035)}.button:hover{box-shadow:0 5px 18px #22231f1c}}
@media(max-width:1050px){:root{--header-height:137px}}
@media(max-width:760px){.article-toc{position:static}.journal-tools{padding:20px}.category-filters{gap:7px}.category-filters button{padding:9px 11px}.back-top{right:17px;bottom:17px;width:43px;height:43px}.article-info dl{grid-template-columns:1fr;gap:4px}.article-info dd{margin-bottom:6px}}
@media(max-width:480px){.journal-search-row{flex-wrap:wrap}.journal-search-box{flex-basis:100%}.filter-reset{padding-block:3px}.category-filters button{flex:1;justify-content:space-between;min-width:125px}.journal-tools{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.deal:hover,.story-card:hover,.deal:hover .merchant-logo,.button:hover,.button:active,.nav-contact:active,.hero-image:hover img,.journal-hero-image:hover img,.back-top:hover,.category-filters button:active{transform:none!important}}
@media print{.header{position:static}.reading-progress,.back-top,.journal-tools{display:none!important}.article-info{display:block}.article-toc{position:static}}
