:root{--surface: #131313;--surface-lowest: #0e0e0e;--surface-low: #1c1b1b;--surface-mid: #201f1f;--surface-high: #2a2a2a;--surface-bright: #3a3939;--text: #e5e2e1;--text-muted: #e2bfb2;--cream: #faf7f2;--primary: #ffb596;--orange: #ff6b1a;--red: #c0392b;--deep-red: #8e130c;--outline: #a98a7e;--outline-dark: #5a4137;--max: 1280px;--gutter: 24px}*{box-sizing:border-box}html{background:var(--surface-lowest);color:var(--text);font-family:Inter,system-ui,sans-serif;scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--surface-lowest);color:var(--text)}body::selection{background:var(--orange);color:#0d0d0d}a{color:inherit;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-underline-offset:.18em}img{display:block;max-width:100%}.site-shell{min-height:100vh;display:flex;flex-direction:column}.container{width:min(var(--max),calc(100vw - 32px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(16px,4vw,40px);background:color-mix(in srgb,var(--surface-lowest) 94%,transparent);border-bottom:1px solid color-mix(in srgb,var(--cream) 10%,transparent);backdrop-filter:blur(18px)}.brand{font-family:Playfair Display,serif;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:900;line-height:1;letter-spacing:0;color:var(--cream);text-decoration:none}.nav-links{display:flex;align-items:center;gap:clamp(14px,2.5vw,32px)}.nav-links a,.footer-links a,.eyebrow,.button,.meta{font-family:JetBrains Mono,monospace;font-size:.76rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.nav-links a{color:var(--text-muted);padding-bottom:6px;text-decoration:none;border-bottom:2px solid transparent}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--primary);border-bottom-color:var(--primary)}.header-actions{display:flex;align-items:center;gap:14px}.icon-button{width:40px;height:40px;display:inline-grid;place-items:center;color:var(--primary);background:transparent;border:0;cursor:pointer}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;padding:14px 22px;color:#0d0d0d;background:var(--orange);border:2px solid var(--orange);text-decoration:none}.button.secondary{color:var(--cream);background:transparent;border-color:var(--cream)}.button:hover{filter:brightness(1.08)}.hero{min-height:min(820px,calc(100vh - 72px));display:grid;place-items:center;position:relative;overflow:hidden;isolation:isolate;padding:92px 16px 120px;text-align:center}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(to top,#0d0d0d,#0d0d0db3 34%,#0d0d0d3d),var(--hero-image) center / cover no-repeat;filter:saturate(1.15) contrast(1.08)}.hero:after{content:"";position:absolute;inset:auto 0 0;z-index:-1;height:34%;background:linear-gradient(to top,#0d0d0d,transparent)}.hero-inner{width:min(920px,100%)}h1,h2,h3{margin:0;font-family:Playfair Display,serif;color:var(--cream);letter-spacing:0}.display{font-size:clamp(3rem,7vw,5.4rem);line-height:.98;font-weight:900;text-transform:uppercase}.headline-xl{font-size:clamp(2.4rem,5vw,4rem);line-height:1.05;font-weight:800}.headline-lg{font-size:clamp(1.8rem,3.2vw,2.6rem);line-height:1.1;font-weight:800}.hero p,.lede{font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.65;color:var(--text-muted)}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:36px}.section{padding-block:clamp(56px,9vw,96px)}.section-title{margin-bottom:32px}.hub-grid,.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.hub-card,.content-card,.panel{background:var(--surface-high);border-left:4px solid var(--red)}.hub-card,.content-card{min-height:220px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;transition:background .16s ease,transform .16s ease}.hub-card:hover,.content-card:hover{background:var(--surface-bright);transform:translateY(-2px)}.hub-icon{width:40px;height:40px;margin-bottom:20px;color:var(--orange)}.content-card{min-height:260px}.content-card h3{font-size:1.7rem;line-height:1.15}.content-card p,.hub-card p,.panel p,.article-body p,.article-body li{color:var(--text-muted);line-height:1.7}.card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.chip{display:inline-flex;align-items:center;min-height:28px;padding:5px 8px;color:var(--cream);background:var(--surface-low);font-family:JetBrains Mono,monospace;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase}.arrow-link{margin-top:24px;color:var(--primary);font-family:JetBrains Mono,monospace;font-size:.76rem;letter-spacing:.05em;text-transform:uppercase}.article-header{width:min(820px,calc(100vw - 32px));margin-inline:auto;padding:clamp(56px,8vw,96px) 0 32px;text-align:center}.breadcrumb{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px;color:var(--outline)}.article-hero{width:100%;height:clamp(320px,52vw,620px);margin-bottom:clamp(48px,8vw,88px);background:linear-gradient(to top,#0d0d0d94,#0d0d0d0a),var(--article-image) center / cover no-repeat}.article-layout{display:grid;grid-template-columns:280px minmax(0,760px);gap:48px;align-items:start;width:min(1180px,calc(100vw - 32px));margin-inline:auto}.toc{position:sticky;top:104px;padding:24px}.toc a{display:block;color:var(--text-muted);padding:8px 0;text-decoration:none}.toc a:hover{color:var(--primary)}.article-body{padding-bottom:clamp(56px,9vw,96px)}.article-body h2{margin-top:52px;margin-bottom:18px;font-size:clamp(2rem,4vw,3rem)}.article-body h3{margin-top:32px;margin-bottom:12px;font-size:1.55rem}.article-body ul{padding-left:0;list-style:none}.article-body li{position:relative;padding-left:22px;margin:12px 0}.article-body li:before{content:"";position:absolute;left:0;top:.68em;width:8px;height:8px;background:var(--red)}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0}.stat{padding:20px;background:var(--surface-high);border-top:3px solid var(--orange)}.stat strong{display:block;color:var(--cream);font-family:Playfair Display,serif;font-size:2rem;line-height:1}.heat-scale{display:flex;gap:7px;color:var(--orange)}.heat-scale svg{width:26px;height:26px}.heat-empty{color:var(--outline)}.callout{padding:24px;margin:32px 0;background:var(--surface-high);border-left:4px solid var(--orange)}.site-footer{margin-top:auto;padding:clamp(48px,8vw,80px) clamp(16px,4vw,40px);background:var(--surface-lowest);border-top:1px solid color-mix(in srgb,var(--cream) 14%,transparent)}.footer-inner{width:min(var(--max),100%);margin-inline:auto;display:grid;grid-template-columns:1fr 2fr;gap:32px}.footer-links{display:flex;flex-wrap:wrap;gap:18px 32px;justify-content:end;align-items:start}.footer-links a{color:var(--text-muted)}.footer-links a:hover{color:var(--primary)}.article-hero-gradient{width:100%;height:clamp(160px,28vw,320px);margin-bottom:clamp(40px,6vw,72px)}.article-header{width:min(820px,calc(100vw - 32px));margin-inline:auto;padding:clamp(40px,6vw,72px) 0 32px}.quick-answer{padding:28px 32px;margin-bottom:40px;background:var(--surface-high);border-left:4px solid var(--primary)}.quick-answer__label{color:var(--primary);margin-top:0;margin-bottom:12px}.quick-answer__q{display:block;font-family:Playfair Display,serif;font-size:1.15rem;line-height:1.4;color:var(--cream);margin-bottom:12px}.quick-answer__a{color:var(--text-muted);line-height:1.75;margin:0;font-size:1.05rem}.callout-box{padding:24px 28px;margin:36px 0;background:var(--surface-mid);border-left:4px solid var(--callout-accent, var(--orange))}.callout-box__eyebrow{color:var(--callout-accent, var(--orange));margin-top:0;margin-bottom:12px}.callout-box p:last-child,.callout-box ul:last-child{margin-bottom:0}.recipe-card{background:var(--surface-high);border:1px solid var(--outline-dark);padding:32px;margin:40px 0}.recipe-card__meta{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:24px;border-bottom:1px solid var(--outline-dark);margin-bottom:28px;text-align:center}.recipe-card__meta-label{display:block;font-family:JetBrains Mono,monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--outline);margin-bottom:6px}.recipe-card__meta-value{font-family:Playfair Display,serif;font-size:1.3rem;color:var(--cream)}.recipe-card__body{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:24px}.recipe-card__section-title{font-family:JetBrains Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--primary);margin:0 0 14px;font-weight:700}.recipe-card__ingredients{list-style:none;padding:0;margin:0}.recipe-card__ingredients li{padding:9px 0;border-bottom:1px solid color-mix(in srgb,var(--outline-dark) 60%,transparent);color:var(--text);font-size:.97rem}.recipe-card__ingredients li:before{display:none}.recipe-card__steps{list-style:none;padding:0;margin:0;counter-reset:step-counter}.recipe-card__steps li{padding:14px 0 14px 50px;border-bottom:1px solid color-mix(in srgb,var(--outline-dark) 60%,transparent);color:var(--text-muted);counter-increment:step-counter;position:relative;font-size:.97rem}.recipe-card__steps li:before{content:counter(step-counter);position:absolute;left:0;top:14px;width:30px;height:30px;background:var(--red);color:var(--cream);display:grid;place-items:center;font-family:Playfair Display,serif;font-weight:900;font-size:.95rem;border-radius:0}.recipe-card__tips{border-top:1px solid var(--outline-dark);padding-top:24px}.recipe-card__tip-list{list-style:none;padding:0;margin:0}.recipe-card__tip-list li{padding:7px 0 7px 20px;color:var(--text-muted);font-size:.95rem;position:relative}.recipe-card__tip-list li:before{content:"→";position:absolute;left:0;color:var(--orange);background:none;width:auto;height:auto;border-radius:0}.comparison-table-wrapper{margin:36px 0;overflow-x:auto}.comparison-table__caption{font-family:JetBrains Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);margin-bottom:12px}.comparison-table{width:100%;border-collapse:collapse;min-width:560px}.comparison-table th{padding:12px 16px;background:var(--surface-high);color:var(--primary);font-family:JetBrains Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:2px solid var(--orange);white-space:nowrap}.comparison-table td{padding:12px 16px;border-bottom:1px solid var(--outline-dark);color:var(--text-muted);font-size:.95rem}.comparison-table tr:hover td{background:var(--surface-high)}.comparison-table .highlight-row td{background:color-mix(in srgb,var(--orange) 10%,transparent);color:var(--cream);font-weight:600}.best-pick{color:var(--primary)}.brand-rating{background:var(--surface-high);border:1px solid var(--outline-dark);padding:28px 32px;margin:36px 0}.brand-rating__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--outline-dark)}.brand-rating__name{font-size:1.5rem;margin:0}.brand-rating__score{font-family:Playfair Display,serif;font-size:2.6rem;font-weight:900;color:var(--orange);line-height:1;flex-shrink:0}.brand-rating__denom{font-size:1rem;color:var(--outline)}.brand-rating__bars{display:grid;grid-template-columns:90px 1fr 44px;align-items:center;gap:10px 14px;margin-bottom:20px}.brand-rating__bar-label{font-family:JetBrains Mono,monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--outline)}.brand-rating__bar-track{height:8px;background:var(--surface-bright)}.brand-rating__bar-fill{height:100%;background:var(--orange);transition:width .4s ease}.brand-rating__bar-value{font-family:JetBrains Mono,monospace;font-size:.68rem;color:var(--text-muted);text-align:right}.brand-rating__details{display:flex;gap:24px;margin-bottom:16px;font-size:.92rem;color:var(--text-muted)}.brand-rating__verdict{padding:16px 20px;background:var(--surface-mid);border-left:3px solid var(--primary);color:var(--text-muted);font-style:italic;margin:16px 0 0;font-size:.97rem;line-height:1.65}.ratio-table{margin:36px 0}.ratio-row{display:grid;grid-template-columns:100px 1fr 1fr;gap:16px;align-items:center;padding:16px 20px;background:var(--surface-high);margin-bottom:8px;border-left:3px solid transparent}.ratio-row.classic{border-left-color:var(--orange)}.ratio-label{font-family:JetBrains Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--primary)}.ratio-formula{font-family:Playfair Display,serif;font-size:1.05rem;color:var(--cream)}.ratio-result{font-size:.9rem;color:var(--text-muted);line-height:1.5}.faq-section h2{margin-bottom:24px}.faq-list{border-top:1px solid var(--outline-dark)}.faq-item{border-bottom:1px solid var(--outline-dark)}.faq-question{width:100%;padding:20px 0;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;cursor:pointer;text-align:left;font-family:Playfair Display,serif;font-size:1.1rem;color:var(--cream);gap:16px;transition:color .12s ease}.faq-question:hover{color:var(--primary)}.faq-question__icon{flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:1.3rem;color:var(--orange);width:24px;text-align:center}.faq-answer{padding:4px 0 24px;color:var(--text-muted);line-height:1.75;font-size:1.02rem}.faq-answer[hidden]{display:none}.procon-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:32px 0}.procon-panel{padding:24px 28px;background:var(--surface-high)}.procon-panel--pro{border-top:3px solid #5cb85c}.procon-panel--con{border-top:3px solid var(--red)}.procon-panel__title{font-family:JetBrains Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin:0 0 16px}.procon-panel--pro .procon-panel__title{color:#5cb85c}.procon-panel--con .procon-panel__title{color:var(--red)}.procon-list{list-style:none;padding:0;margin:0}.procon-list li{padding:9px 0 9px 24px;border-bottom:1px solid color-mix(in srgb,var(--outline-dark) 60%,transparent);color:var(--text-muted);font-size:.95rem;position:relative}.procon-list li:before{position:absolute;left:0;top:9px;background:none;width:auto;height:auto;border-radius:0;font-family:JetBrains Mono,monospace;font-weight:700;font-size:1rem}.procon-list--pro li:before{content:"+";color:#5cb85c}.procon-list--con li:before{content:"−";color:var(--red)}.article-body p{font-size:1.06rem;line-height:1.78;margin-bottom:1.4em}.article-body a{color:var(--primary);text-decoration-color:color-mix(in srgb,var(--primary) 40%,transparent)}.article-body a:hover{text-decoration-color:var(--primary)}.article-body ol{padding-left:0;list-style:none;counter-reset:article-counter}.article-body ol>li{padding-left:40px;counter-increment:article-counter;position:relative;margin:14px 0}.article-body ol>li:before{content:counter(article-counter) ".";position:absolute;left:0;color:var(--orange);font-family:Playfair Display,serif;font-weight:900;background:none;width:auto;height:auto}@media(max-width:980px){.nav-links{display:none}.hub-grid,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{display:block}.toc{position:static;margin-bottom:32px}.recipe-card__body,.procon-grid{grid-template-columns:1fr}.ratio-row{grid-template-columns:80px 1fr;grid-template-rows:auto auto}.ratio-result{grid-column:2}}@media(max-width:640px){.site-header{align-items:flex-start}.header-actions .button{display:none}.hub-grid,.card-grid,.stat-grid,.footer-inner{grid-template-columns:1fr}.footer-links{justify-content:start}.hero-actions .button{width:100%}}