.mag-index-header{margin-bottom:28px}.mag-index-header h1{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--brand-fg);margin:0 0 8px}.mag-index-header p{color:var(--muted);font-size:14px;line-height:1.7;margin:0;max-width:560px}.mag-grid{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px}@media (min-width:760px){.mag-grid{grid-template-columns:repeat(3,1fr)}}.mag-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;text-decoration:none;color:inherit;transition:box-shadow .15s ease}.mag-card:hover{box-shadow:var(--shadow-1)}.mag-card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.mag-card svg{width:26px;height:26px;stroke:var(--gold-deep)}.mag-card b{display:block;margin-top:8px;font-size:14px;font-weight:700;color:var(--ink)}.mag-card small{display:block;color:var(--muted);font-size:12.5px;line-height:1.6;margin-top:4px}.mag-card .read-time{display:block;margin-top:10px;font-size:11.5px;color:var(--muted)}.mag-article{max-width:680px;margin-inline:auto;position:relative}.mag-article-header{margin-bottom:28px}.mag-article-header h1{font-family:var(--font-display);font-size:26px;font-weight:800;color:var(--brand-fg);margin:0 0 10px;line-height:1.35}.mag-article-header .dek{font-size:15px;color:var(--muted);line-height:1.7;margin:0 0 12px}.mag-article-meta{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:12.5px;color:var(--muted)}.mag-body{font-size:15px;line-height:1.8;color:var(--ink)}.mag-body h2{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--brand-fg);margin:32px 0 12px}.mag-body p{margin:0 0 16px}.mag-body a{color:var(--brand-fg);font-weight:600;text-decoration:underline;text-underline-offset:3px}.mag-body a:hover{color:var(--gold-deep)}.mag-body ol,.mag-body ul{margin:0 0 16px;-webkit-padding-start:20px;padding-inline-start:20px}.mag-body li{margin-bottom:8px}.mag-illustration{margin:24px 0;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);text-align:center}.mag-illustration svg{max-width:100%;height:auto}.mag-faq{margin-top:36px;padding:20px;background:var(--gold-tint);border:1px solid var(--border);border-radius:var(--r-lg)}.mag-faq h2{font-family:var(--font-display);font-size:17px;font-weight:800;color:var(--brand-fg);margin:0 0 16px}.mag-faq dl{margin:0}.mag-faq dt{font-weight:700;font-size:14px;color:var(--ink);margin-bottom:6px}.mag-faq dd{margin:0 0 16px;font-size:14px;line-height:1.75;color:var(--muted)}.mag-faq dd:last-child{margin-bottom:0}.mag-more{margin-top:48px;padding-top:28px;border-top:1px solid var(--border)}.mag-more h2{font-family:var(--font-display);font-size:16px;font-weight:800;color:var(--brand-fg);margin:0 0 14px}.mag-more-grid{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}@media (min-width:760px){.mag-more-grid{grid-template-columns:repeat(2,1fr)}}.mag-crumb{font-size:11px;color:var(--muted);display:flex;gap:7px;align-items:center;margin-bottom:12px;min-width:0}.mag-crumb a{color:var(--muted);text-decoration:none}.mag-crumb a:hover{color:var(--brand-fg)}.mag-crumb i{font-style:normal;opacity:.55}.mag-crumb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mag-pillar-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--gold);background:var(--gold-tint);color:var(--gold-deep);border-radius:999px;padding:2px 12px;font-size:11px;font-weight:700;text-decoration:none;margin-bottom:10px}.mag-pillar-chip svg{width:13px;height:13px;stroke:var(--gold-deep)}.mag-tldr{margin:20px 0 4px;background:var(--gold-tint);border:1px solid var(--gold);border-radius:var(--r-lg);padding:14px 16px}.mag-tldr-head{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:var(--gold-deep);margin-bottom:6px}.mag-tldr-head svg{width:15px;height:15px;stroke:var(--gold-deep)}.mag-tldr ul{margin:0;-webkit-padding-start:18px;padding-inline-start:18px;font-size:13.5px;line-height:2}.mag-tldr li{margin-bottom:2px}.mag-toc-box{margin:16px 0 4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:13px 16px}.mag-toc-box b{font-size:12px;color:var(--ink);display:flex;align-items:center;gap:7px}.mag-toc-box b svg{width:14px;height:14px;stroke:var(--gold-deep)}.mag-toc-box ol{margin:8px 0 0;-webkit-padding-start:20px;padding-inline-start:20px;font-size:12.5px;line-height:2.2;color:var(--muted)}.mag-toc-box ol a{color:var(--ink);text-decoration:none;font-weight:600}.mag-toc-box ol a.on,.mag-toc-box ol a:hover{color:var(--brand-fg)}.mag-toc-rail{display:none}@media (min-width:1100px){.mag-toc-box{display:none}.mag-toc-rail{display:block;position:absolute;top:0;bottom:0;inset-inline-start:100%;-webkit-margin-start:40px;margin-inline-start:40px;width:190px}.mag-toc-rail nav{position:-webkit-sticky;position:sticky;top:90px;font-size:11.5px;-webkit-border-start:1px solid var(--border);border-inline-start:1px solid var(--border);-webkit-padding-start:14px;padding-inline-start:14px}.mag-toc-rail b{display:block;font-size:11px;color:var(--muted);font-weight:700;margin-bottom:8px}.mag-toc-rail ol{list-style:none;margin:0;padding:0}.mag-toc-rail a{display:block;color:var(--muted);text-decoration:none;line-height:1.9;padding-block:2px}.mag-toc-rail a:hover{color:var(--ink)}.mag-toc-rail a.on{color:var(--brand-fg);font-weight:700;-webkit-border-start:2px solid var(--gold);border-inline-start:2px solid var(--gold);-webkit-margin-start:-15px;margin-inline-start:-15px;-webkit-padding-start:13px;padding-inline-start:13px}}.mag-co{display:flex;gap:12px;margin:18px 0;border-radius:var(--r-lg);padding:13px 15px;font-size:13.5px;line-height:1.95}.mag-co .ic{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface)}.mag-co .ic svg{width:16px;height:16px}.mag-co b{display:block;font-size:12.5px;margin-bottom:2px}.mag-co.tip{background:var(--gold-tint)}.mag-co.tip,.mag-co.tip .ic{border:1px solid var(--gold)}.mag-co.tip .ic,.mag-co.tip b{color:var(--gold-deep)}.mag-co.warn{background:var(--brand-tint);border:1px solid var(--brand)}.mag-co.warn .ic{border:1px solid var(--brand)}.mag-co.warn .ic,.mag-co.warn b{color:var(--brand-fg)}.mag-steps{margin:18px 0;padding:0;list-style:none;counter-reset:mag-step}.mag-steps li{position:relative;-webkit-padding-start:46px;padding-inline-start:46px;padding-bottom:20px;counter-increment:mag-step}.mag-steps li:before{content:"";position:absolute;inset-inline-start:15px;top:36px;bottom:2px;width:1px;background:var(--border)}.mag-steps li:last-child:before{display:none}.mag-steps .num{position:absolute;inset-inline-start:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--surface);border:1px solid var(--gold);color:var(--gold-deep);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}.mag-steps .num:before{content:counter(mag-step,persian)}.mag-steps b{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14.5px;padding-top:4px}.mag-steps .stime{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;color:var(--gold-deep);background:var(--gold-tint);border:1px solid var(--gold);border-radius:999px;padding:0 8px}.mag-steps .stime svg{width:11px;height:11px;stroke:var(--gold-deep)}.mag-steps .stext{margin-top:3px;font-size:13px;color:var(--muted);line-height:1.95}.mag-steps .stext p{margin:0 0 8px}.mag-brewspec{margin:18px 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.mag-brewspec .bs-head{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border);font-size:12.5px;font-weight:800;color:var(--brand-fg)}.mag-brewspec .bs-head svg{width:15px;height:15px;stroke:var(--gold-deep)}.mag-brewspec .cells{display:grid;grid-template-columns:repeat(3,1fr)}.mag-brewspec .cell{padding:12px 16px 13px;-webkit-border-start:1px solid var(--border);border-inline-start:1px solid var(--border)}.mag-brewspec .cell:nth-child(3n+1){-webkit-border-start:none;border-inline-start:none}.mag-brewspec .cell:nth-child(n+4){border-top:1px solid var(--border)}.mag-brewspec small{display:block;font-size:10.5px;color:var(--muted)}.mag-brewspec b{font-size:15px;font-weight:800;color:var(--ink)}.mag-brewspec b em{font-style:normal;font-size:11px;color:var(--muted);font-weight:400;-webkit-margin-start:3px;margin-inline-start:3px}@media (max-width:480px){.mag-brewspec .cells{grid-template-columns:repeat(2,1fr)}.mag-brewspec .cell:nth-child(3n+1){-webkit-border-start:1px solid var(--border);border-inline-start:1px solid var(--border)}.mag-brewspec .cell:nth-child(odd){-webkit-border-start:none;border-inline-start:none}.mag-brewspec .cell:nth-child(n+3){border-top:1px solid var(--border)}}.mag-cmpwrap{margin:18px 0}.mag-cmpwrap .scroll{border:1px solid var(--border);border-radius:var(--r-lg);overflow-x:auto;background:var(--surface)}table.mag-cmp{border-collapse:collapse;width:100%;min-width:460px;font-size:12.5px}table.mag-cmp th{background:var(--gold-tint);color:var(--ink);font-weight:800;text-align:start;white-space:nowrap}table.mag-cmp td,table.mag-cmp th{padding:9px 14px;border-bottom:1px solid var(--border)}table.mag-cmp tr:last-child td{border-bottom:none}table.mag-cmp td:first-child{font-weight:700;white-space:nowrap}.mag-cmpwrap figcaption{font-size:11px;color:var(--muted);margin-top:6px}.mag-prod{margin:20px 0;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:13px 16px;box-shadow:var(--shadow-1);flex-wrap:wrap}.mag-prod,.mag-prod .pimg{display:flex;align-items:center}.mag-prod .pimg{flex:0 0 auto;width:64px;height:84px;justify-content:center;background:var(--gold-tint);border-radius:var(--r-md);overflow:hidden}.mag-prod .pimg svg{width:76%;height:auto}.mag-prod .ptext{min-width:0;flex:1 1 180px}.mag-prod .kick{font-size:10px;font-weight:700;color:var(--gold-deep)}.mag-prod .ptext b{display:block;font-family:var(--font-display);font-size:14px;font-weight:800;line-height:1.7}.mag-prod .ptext small{display:block;color:var(--muted);font-size:11px}.mag-prod .pbuy{display:flex;align-items:center;gap:14px;-webkit-margin-start:auto;margin-inline-start:auto}.mag-prod .price{font-size:15px;font-weight:700;color:var(--ink)}.mag-prod .price small{font-size:10px;font-weight:400;color:var(--muted);-webkit-margin-start:3px;margin-inline-start:3px}.mag-prod .soldout{font-size:12px;color:var(--muted)}.mag-prod .go{flex:0 0 auto;background:var(--brand);color:var(--on-brand);border-radius:var(--r-sm);padding:8px 18px;font-size:12px;font-weight:600;text-decoration:none}.mag-prod .go:hover{background:var(--brand-strong)}.mag-prod-fallback{display:block;margin:20px 0;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);font-size:13px;font-weight:600;color:var(--brand-fg);text-decoration:none}.mag-fig{margin:18px 0}.mag-fig img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:var(--r-lg)}.mag-fig figcaption{font-size:11.5px;color:var(--muted);margin-top:7px;line-height:1.8}.mag-fig .credit{display:block;direction:ltr;text-align:end;font-size:10px;opacity:.8}.mag-fig .credit a{color:var(--muted);font-weight:400;text-decoration:none}.mag-pq{margin:20px 0;-webkit-border-start:3px solid var(--gold);border-inline-start:3px solid var(--gold);padding:4px 0;-webkit-padding-start:18px;padding-inline-start:18px;font-family:var(--font-display);font-size:16.5px;font-weight:700;color:var(--brand-fg);line-height:2}.mag-pq small{display:block;font-family:var(--font-body);font-size:11.5px;font-weight:400;color:var(--muted);margin-top:6px}.mag-gloss{margin:18px 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 16px}.mag-gloss .gt{font-size:12.5px;font-weight:800;color:var(--brand-fg);display:flex;align-items:center;gap:7px;margin-bottom:10px}.mag-gloss .gt svg{width:14px;height:14px;stroke:var(--gold-deep)}.mag-gloss dl{margin:0}.mag-gloss dt{display:inline-flex;gap:6px;align-items:baseline;font-weight:800;font-size:12.5px}.mag-gloss dt i{font-style:normal;font-size:10px;color:var(--gold-deep);direction:ltr}.mag-gloss dd{margin:2px 0 10px;font-size:12px;color:var(--muted);line-height:1.9}.mag-gloss div:last-child dd{margin-bottom:0}.mag-srcs{margin:26px 0 0;border-top:1px solid var(--border);padding-top:14px}.mag-srcs b{font-size:12px;color:var(--muted);font-weight:700}.mag-srcs ol{margin:8px 0 0;-webkit-padding-start:18px;padding-inline-start:18px;font-size:11px;color:var(--muted);line-height:2.1}.mag-srcs a{color:var(--muted);direction:ltr;unicode-bidi:embed;font-weight:400;text-decoration:underline;text-underline-offset:2px}.mag-pillars{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.mag-pillar{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border-strong);background:var(--surface);border-radius:999px;padding:4px 14px;font-size:12px;font-weight:600;color:var(--ink);text-decoration:none;min-height:32px}.mag-pillar svg{width:14px;height:14px;stroke:var(--brand-fg)}.mag-pillar:hover{border-color:var(--gold)}.mag-pillar.on{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.mag-pillar.on svg{stroke:var(--on-brand)}.mag-pillar:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.mag-featured{display:grid;grid-template-columns:1fr;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-1);margin-bottom:16px;text-decoration:none;color:inherit;transition:box-shadow .15s ease}.mag-featured:hover{box-shadow:var(--shadow-2,var(--shadow-1))}.mag-featured:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.mag-featured .fx{padding:22px 24px}.mag-featured .fkick{font-size:10.5px;font-weight:800;color:var(--gold-deep)}.mag-featured h2{font-family:var(--font-display);font-size:18px;font-weight:800;margin:6px 0;color:var(--ink);line-height:1.6}.mag-featured p{font-size:12.5px;color:var(--muted);margin:0 0 12px;line-height:1.9}.mag-featured .fmeta{font-size:11px;color:var(--muted)}.mag-featured .fart{display:none;background:var(--gold-tint);align-items:center;justify-content:center;-webkit-border-start:1px solid var(--border);border-inline-start:1px solid var(--border)}.mag-featured .fart svg{width:72px;height:72px;stroke:var(--gold-deep)}@media (min-width:760px){.mag-featured{grid-template-columns:1.4fr 1fr}.mag-featured .fart{display:flex}}.mag-card{position:relative}.mag-card-pill{float:inline-end;font-size:9.5px;font-weight:700;color:var(--gold-deep);border:1px solid var(--gold);background:var(--gold-tint);border-radius:999px;padding:0 8px;line-height:1.9}.mag-empty{color:var(--muted);font-size:13px;padding:24px 0}.mag-card.with-thumb{padding:0;overflow:hidden}.mag-card .thumb{display:block;aspect-ratio:16/10;overflow:hidden}.mag-card .thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:sepia(.08) saturate(.92) contrast(.97);transition:transform .25s ease}.mag-card.with-thumb:hover .thumb img{transform:scale(1.03)}.mag-card-body{display:block}.mag-card.with-thumb .mag-card-body{padding:14px 18px 16px}.mag-card.with-thumb .mag-card-pill{position:absolute;top:12px;inset-inline-start:12px;float:none;background:var(--cream)}.mag-featured .fart.with-photo{background:none;position:relative;min-height:200px}.mag-featured .fart.with-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:sepia(.08) saturate(.92) contrast(.97)}@media (max-width:759px){.mag-featured .fart.with-photo{display:block;aspect-ratio:16/9;-webkit-border-start:none;border-inline-start:none;border-top:1px solid var(--border);order:-1}}.mag-body h2{clear:both}.mag-fig.bleed{margin-block:24px}@media (min-width:900px){.mag-fig.bleed{width:min(calc(100vw - 48px),860px);-webkit-margin-start:calc((100% - min(calc(100vw - 48px), 860px)) / 2);margin-inline-start:calc((100% - min(calc(100vw - 48px), 860px)) / 2)}}@media (min-width:560px){.mag-fig.half{width:min(46%,300px);margin-block:4px 12px}.mag-fig.half.half-start{float:inline-start;-webkit-margin-end:18px;margin-inline-end:18px}.mag-fig.half.half-end{float:inline-end;-webkit-margin-start:18px;margin-inline-start:18px}.mag-fig.half figcaption{font-size:10.5px}}.mag-figpair{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin:18px 0}.mag-figpair .mag-fig{margin:0}.mag-figpair .mag-fig img{aspect-ratio:4/3;object-fit:cover}.mag-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px;gap:10px;margin:20px 0}.mag-stats .stat{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--gold-tint);padding:12px 14px;display:grid;grid-gap:4px;gap:4px}.mag-stats .stat small{font-size:11.5px;color:var(--muted)}.mag-stats .stat b{font-family:var(--font-display);font-size:19px;font-weight:800;color:var(--brand-fg);line-height:1.3}.mag-stats .stat b em{font-style:normal;font-size:11.5px;font-weight:600;color:var(--muted);-webkit-margin-start:4px;margin-inline-start:4px}.mag-stats .stat .note{font-size:11px;color:var(--muted);line-height:1.6}.mag-bars{margin:20px 0;display:grid;grid-gap:9px;gap:9px}.mag-bars .bar{display:grid;grid-template-columns:minmax(90px,130px) 1fr auto;align-items:center;grid-gap:10px;gap:10px;font-size:12.5px}.mag-bars .bar .l{color:var(--ink);line-height:1.5}.mag-bars .bar .t{height:10px;border-radius:999px;background:var(--gold-tint);border:1px solid var(--border);overflow:hidden}.mag-bars .bar .t i{display:block;height:100%;border-radius:inherit;background:linear-gradient(to left,var(--gold),var(--gold-deep))}.mag-bars .bar .v{font-weight:700;color:var(--gold-deep);white-space:nowrap;font-size:12px}.mag-bars figcaption{font-size:11.5px;color:var(--muted);margin-top:2px;line-height:1.8}.mag-flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 2px;margin:20px 0}.mag-flow .fstep{display:inline-flex;align-items:center;gap:2px;font-size:12.5px;font-weight:600;color:var(--gold-deep);background:var(--gold-tint);border:1px solid var(--gold);border-radius:999px;padding:5px 12px;line-height:1.6}.mag-flow .fstep svg{width:14px;height:14px;stroke:var(--muted);-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:-8px;margin-inline-end:-8px;flex:none}.mag-tl{margin:20px 0;-webkit-border-start:2px solid var(--gold);border-inline-start:2px solid var(--gold);display:grid;grid-gap:14px;gap:14px;-webkit-padding-start:16px;padding-inline-start:16px}.mag-tl .trow{position:relative;font-size:13.5px;line-height:1.8}.mag-tl .trow:before{content:"";position:absolute;inset-inline-start:-21px;top:7px;width:8px;height:8px;border-radius:50%;background:var(--gold-deep);border:2px solid var(--gold-tint)}.mag-tl .trow b{display:block;font-size:12px;color:var(--gold-deep);font-weight:700}.mag-share{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-block:32px 0;padding:16px 18px;border:1px solid var(--border);border-radius:16px}.mag-share-label{font-family:var(--font-display);font-size:13.5px;font-weight:800;color:var(--brand-fg)}.mag-share-btns{display:flex;flex-wrap:wrap;gap:8px}.mag-share-btn{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding-block:0;padding-inline:16px;border:1px solid var(--border);border-radius:999px;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--ink);text-decoration:none;cursor:pointer;transition:border-color .18s ease,color .18s ease}.mag-share-btn:hover{border-color:var(--brand-fg);color:var(--brand-fg)}.mag-share-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.mag-share-btn svg{width:16px;height:16px;flex:none}.mag-video{margin:24px 0}.mag-video iframe{display:block;width:100%;aspect-ratio:16/9;border:1px solid var(--border);border-radius:12px;background:#000}.mag-video figcaption{margin-top:8px;font-size:12.5px;color:var(--muted);line-height:1.8}