:root{--ink:#121823;--soft:#526070;--paper:#f6f7fa;--white:#fff;--line:#dfe4ea;--blue:#275fe8;--blue-dark:#1747bf;--blue-soft:#e8eeff;--mint:#bdf6d2;--mint-ink:#13633c;--coral:#ff806f;--shadow:0 24px 70px rgba(31,48,80,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 86% 5%,rgba(217,212,255,.55),transparent 28%),var(--paper);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.guide-header{min-height:78px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(246,247,250,.93);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.guide-brand{display:flex;align-items:center;gap:10px;font:700 18px Manrope,sans-serif;letter-spacing:-.035em}.guide-brand img{width:42px;height:42px}.guide-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.guide-nav a{padding:10px 13px;border-radius:11px;color:var(--soft);font-weight:600}.guide-nav a:hover{background:var(--white);color:var(--ink)}.guide-cta,.article-cta{display:inline-flex;align-items:center;justify-content:center;border-radius:13px;padding:13px 18px;background:var(--blue);color:white;font-weight:700}.guide-cta:hover,.article-cta:hover{background:var(--blue-dark)}.guide-wrap{max-width:1140px;margin:0 auto;padding:clamp(46px,7vw,88px) 20px 80px}.guide-hero{max-width:860px}.eyebrow{color:var(--blue);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.guide-hero h1{font:700 clamp(40px,6vw,72px)/1 Manrope,sans-serif;letter-spacing:-.055em;margin:18px 0 24px}.guide-hero .lead{font-size:clamp(18px,2vw,22px);line-height:1.65;color:var(--soft);max-width:760px}.answer-box{margin:34px 0;padding:25px 28px;border:1px solid #8de9b0;border-radius:20px;background:rgba(189,246,210,.65)}.answer-box strong{display:block;color:var(--mint-ink);font:700 20px Manrope,sans-serif;margin-bottom:8px}.answer-box p{margin:0;color:#244b39}.guide-layout{display:grid;grid-template-columns:minmax(0,740px) 270px;gap:56px;align-items:start;margin-top:45px}.guide-article{background:var(--white);border:1px solid var(--line);border-radius:26px;padding:clamp(24px,5vw,52px);box-shadow:var(--shadow)}.guide-article h2{font:700 clamp(26px,4vw,38px)/1.12 Manrope,sans-serif;letter-spacing:-.04em;margin:44px 0 15px}.guide-article h2:first-child{margin-top:0}.guide-article h3{font:700 21px Manrope,sans-serif;margin:30px 0 10px}.guide-article p,.guide-article li{color:var(--soft);line-height:1.75;font-size:17px}.guide-article li+li{margin-top:9px}.guide-article a:not(.article-cta){color:var(--blue);text-decoration:underline;text-underline-offset:3px}.guide-table{width:100%;border-collapse:collapse;margin:22px 0;font-size:15px}.guide-table th,.guide-table td{text-align:left;padding:14px;border-bottom:1px solid var(--line);vertical-align:top}.guide-table th{font-family:Manrope,sans-serif}.article-cta{margin-top:18px}.guide-aside{position:sticky;top:24px}.aside-card{background:var(--blue-soft);border:1px solid #cad7ff;border-radius:20px;padding:22px}.aside-card strong{font:700 19px Manrope,sans-serif}.aside-card p{color:var(--soft);line-height:1.55}.aside-card a{display:block;color:var(--blue);font-weight:700;margin-top:13px}.source-note{margin-top:35px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;color:var(--soft)}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:38px}.guide-card{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:25px;box-shadow:0 14px 42px rgba(31,48,80,.07);transition:.2s}.guide-card:hover{transform:translateY(-3px);border-color:#b9c9ff}.guide-card small{color:var(--blue);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.guide-card h2{font:700 25px/1.15 Manrope,sans-serif;letter-spacing:-.035em;margin:13px 0}.guide-card p{color:var(--soft);line-height:1.6}.guide-footer{padding:30px 20px;border-top:1px solid var(--line);text-align:center;color:var(--soft);font-size:14px}.disclosure{margin-top:34px;padding:18px;border-radius:15px;background:#fff0de;color:#6d4b24;font-size:14px;line-height:1.6}@media(max-width:820px){.guide-nav{display:none}.guide-layout{grid-template-columns:1fr}.guide-aside{position:static}.guide-grid{grid-template-columns:1fr}.guide-article{border-radius:20px}.guide-hero h1{font-size:clamp(38px,12vw,58px)}}
