:root{--orange:#f97316;--orange-dark:#ea580c;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--soft:#fff7ed}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,Arial,sans-serif;line-height:1.75}a{color:var(--orange-dark)}
.topbar{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5}.topbar-inner{max-width:1080px;margin:auto;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;text-decoration:none}.brand img{width:34px;height:34px}.back{font-size:.88rem;font-weight:700;text-decoration:none}
.hero{padding:78px 22px 58px;background:linear-gradient(145deg,#fff7ed,#fff)}.hero-inner,.content{max-width:860px;margin:auto}.eyebrow{color:var(--orange-dark);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(2.1rem,6vw,3.7rem);line-height:1.1;letter-spacing:-.045em;margin:15px 0 20px}.lead{font-size:1.12rem;color:#475569;max-width:720px}.meta{color:var(--muted);font-size:.83rem}
.content{padding:55px 22px 80px}.content h2{font-size:1.65rem;line-height:1.25;margin:46px 0 14px}.content h3{font-size:1.1rem;margin:28px 0 8px}.content p,.content li{color:#334155}.content li{margin-bottom:9px}.summary,.tip{padding:22px 24px;border-radius:16px}.summary{background:var(--soft);border:1px solid #fed7aa}.tip{margin:30px 0;background:#f8fafc;border-left:4px solid var(--orange)}
.article-image{margin:34px 0;padding:28px;text-align:center;background:linear-gradient(145deg,#fff7ed,#f8fafc);border:1px solid var(--line);border-radius:20px}.article-image img{display:block;width:min(100%,390px);height:auto;max-height:300px;object-fit:contain;margin:auto;border-radius:14px}.article-image figcaption{margin-top:14px;color:var(--muted);font-size:.8rem}
.cta{margin-top:50px;padding:30px;border-radius:20px;background:var(--ink);color:#fff;text-align:center}.cta h2{margin:0 0 10px;color:#fff}.cta p{color:#cbd5e1}.button{display:inline-block;margin-top:8px;padding:13px 20px;border-radius:10px;background:var(--orange);color:#fff;text-decoration:none;font-weight:800}.related{margin-top:46px;padding-top:28px;border-top:1px solid var(--line)}.related a{display:block;margin:8px 0;font-weight:700}footer{text-align:center;padding:28px 20px;color:var(--muted);font-size:.8rem;border-top:1px solid var(--line)}
.guide-index-hero{text-align:center}.guide-index-hero .lead{margin-left:auto;margin-right:auto}.guide-index{max-width:1180px;margin:auto;padding:64px 22px 90px}.guide-index-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.guide-index-card{display:flex;flex-direction:column;min-height:275px;padding:25px;color:var(--ink);text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 35px rgba(15,23,42,.06);transition:transform .25s,border-color .25s,box-shadow .25s}.guide-index-card:hover{transform:translateY(-5px);border-color:var(--orange);box-shadow:0 18px 44px rgba(249,115,22,.12)}.guide-index-card img{width:52px;height:52px;object-fit:contain;margin-bottom:20px;border-radius:12px}.guide-index-card h2{margin:0 0 11px;font-size:1.05rem;line-height:1.4}.guide-index-card p{margin:0 0 20px;color:var(--muted);font-size:.85rem;line-height:1.65}.guide-index-card span{margin-top:auto;color:var(--orange-dark);font-weight:800;font-size:.82rem}
@media(max-width:1000px){.guide-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.topbar-inner{padding:12px 16px}.brand span{font-size:.9rem}.back{font-size:0;white-space:nowrap}.back::after{content:"← Guides";font-size:.82rem}.hero{padding:54px 17px 42px}.content{padding:38px 17px 60px}.hero h1{font-size:2.2rem}.content h2{font-size:1.4rem}.article-image{padding:18px}}
@media(max-width:600px){.guide-index{padding:44px 16px 64px}.guide-index-grid{grid-template-columns:1fr}.guide-index-card{min-height:0}.guide-index-hero h1{font-size:2.35rem}}