:root{color-scheme:dark;--bg:#191a21;--panel:#242630;--line:#3e414e;--ink:#f1efec;--muted:#bfc0cc;--accent:#f79b91}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.75 system-ui,sans-serif}a{color:var(--accent);text-underline-offset:4px}a:hover{color:#ffd1c9}a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.guide-top{max-width:1280px;margin:auto;padding:24px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.guide-brand{font-size:23px;font-weight:800;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:12px}.guide-brand img{object-fit:contain}.guide-top nav{display:flex;flex-wrap:wrap;gap:12px 26px;font-size:15px}.guide-top nav a{text-decoration:none}.guide-shell{max-width:1208px;margin:auto;padding:48px 36px 80px}.guide-crumbs{font-size:14px;color:var(--muted);margin:0 0 28px}.guide-hero{display:grid;grid-template-columns:1fr 260px;gap:40px;align-items:center;margin-bottom:40px}.guide-kicker{color:var(--accent);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px}h1{font-size:clamp(34px,4.5vw,54px);line-height:1.12;letter-spacing:-1.7px;margin:16px 0 22px;max-width:800px}.guide-deck{font-size:20px;color:var(--muted);max-width:720px}.guide-meta{font-size:13px;color:var(--muted);margin-top:22px}.guide-art{width:100%;height:240px;object-fit:contain;filter:drop-shadow(0 18px 22px #0006)}.guide-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:50px}.guide-toc{align-self:start;position:sticky;top:26px;font-size:14px;border-top:1px solid var(--line);padding-top:18px}.guide-toc strong{color:var(--muted);font-size:11px;letter-spacing:1.5px}.guide-toc a{display:block;color:var(--muted);text-decoration:none;margin:13px 0;line-height:1.45}.guide-toc a:hover{color:var(--accent)}.guide-content{min-width:0}.guide-content h2{font-size:28px;line-height:1.25;letter-spacing:-.6px;margin:46px 0 18px}.guide-content h3{font-size:20px;line-height:1.4}.guide-content p,.guide-content li{color:var(--muted)}.guide-content li{margin:10px 0}.guide-content strong{color:var(--ink)}.guide-answer{border-left:3px solid var(--accent);background:var(--panel);padding:22px 26px;margin:0 0 28px}.guide-answer p{margin:0}.guide-item{display:inline-flex;align-items:center;gap:7px;vertical-align:middle;text-decoration:none}.guide-item img{width:28px;height:28px;object-fit:contain;flex-shrink:0}.guide-recipe{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:20px 24px;margin:20px 0}.guide-recipe h3{margin:0 0 12px}.guide-materials{display:flex;flex-wrap:wrap;gap:8px 18px}.guide-recipe .guide-caption{font-size:14px;color:var(--muted);margin:12px 0 0}.guide-recipe .recipe-arrow{color:var(--accent);margin:10px 0}.guide-note{border:1px solid #786044;border-radius:8px;background:#b28b4610;padding:16px 22px;margin:24px 0}.guide-note p{margin:0}.guide-table-wrap{overflow-x:auto;margin:22px 0}.guide-table{width:100%;border-collapse:collapse;font-size:15px}.guide-table th{text-align:left;color:var(--ink);background:var(--panel);font-size:13px}.guide-table td,.guide-table th{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}.guide-table td{color:var(--muted)}.guide-calculator{background:var(--panel);padding:24px;border-radius:10px;border:1px solid var(--line);margin:24px 0}.guide-calculator label{display:block;font-size:14px;margin-bottom:10px}.guide-calculator input{font:inherit;color:var(--ink);background:var(--bg);border:1px solid #777988;border-radius:5px;padding:9px 12px;width:180px;max-width:100%}.guide-calculator output{display:block;font-size:20px;color:var(--accent);font-weight:700;line-height:1.5;margin-top:18px}.guide-calculator p{font-size:14px;margin-bottom:0}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.guide-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:26px;color:var(--ink);text-decoration:none;display:block;transition:border-color .15s,transform .15s}.guide-card:hover{border-color:var(--accent);transform:translateY(-3px);color:var(--ink)}.guide-card img{width:64px;height:64px;object-fit:contain;margin-bottom:20px}.guide-card h2{font-size:24px;line-height:1.3;margin:10px 0}.guide-card p{font-size:16px;line-height:1.65;color:var(--muted);margin:12px 0 20px}.guide-card span:last-child{color:var(--accent);font-size:14px}.guide-sources{font-size:14px;border-top:1px solid var(--line);margin-top:42px;padding-top:10px}.guide-sources h2{font-size:22px}.guide-footer{max-width:1136px;margin:0 auto;padding:30px 0 42px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.guide-footer nav{display:flex;gap:24px;flex-wrap:wrap}.guide-footer p{max-width:900px}.guide-related{margin-top:50px;border-top:1px solid var(--line);padding-top:24px}.guide-related h2{font-size:24px}.guide-related a{display:block;margin:12px 0}.guide-promo{margin:18px 0;padding:18px 22px;border:1px solid #755653;border-radius:8px;background:#f79b9108}.guide-promo strong{display:block;margin-bottom:8px}.guide-promo a{display:inline-block;margin-right:20px}
@media(max-width:800px){.guide-shell{padding:30px 22px 55px}.guide-top{padding:20px 22px;align-items:flex-start}.guide-top nav{gap:8px 16px}.guide-hero{grid-template-columns:1fr 145px;gap:20px}.guide-art{height:170px}.guide-layout{display:block}.guide-toc{position:static;display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:32px}.guide-toc strong{width:100%}.guide-toc a{margin:3px 0}.guide-footer{margin:0 22px}.guide-deck{font-size:18px}.guide-grid{gap:16px}}
@media(max-width:520px){.guide-top{display:block}.guide-top nav{margin-top:16px;font-size:14px}.guide-hero{display:block}.guide-art{width:150px;height:145px;display:block;margin:15px auto 0}.guide-grid{grid-template-columns:1fr}h1{letter-spacing:-1px}.guide-content h2{font-size:25px}.guide-recipe{padding:18px}.guide-table td,.guide-table th{padding:12px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.guide-card{transition:none}}