:root{--navy:#06172b;--ink:#132238;--muted:#596b80;--cyan:#19bdd1;--line:#dce5ee;--paper:#f7f9fc;--white:#fff;--max:1120px;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7}
a{color:#087d9c}
.guideHeader{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px max(20px,calc((100% - var(--max))/2));border-bottom:1px solid #163354;background:rgba(6,23,43,.97)}
.guideHeader img{display:block;width:214px;height:58px;object-fit:contain}
.guideHeader nav{display:flex;align-items:center;gap:18px}
.guideHeader nav a{color:#dceaff;font-size:14px;font-weight:700;text-decoration:none}
.guideHeader .headerCta{padding:10px 16px;border-radius:9px;background:var(--cyan);color:#041622}
.guideHero{padding:82px 20px 72px;background:var(--navy);color:#fff;text-align:center}
.guideHero>div{max-width:880px;margin:auto}
.guideHero .eyebrow{display:inline-block;margin-bottom:14px;color:#62dbe8;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.guideHero h1{max-width:820px;margin:0 auto 18px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,7vw,72px);line-height:1.03;letter-spacing:-.035em}
.guideHero p{max-width:720px;margin:0 auto 26px;color:#c2d1e3;font-size:18px}
.primaryCta{display:inline-block;padding:13px 21px;border-radius:10px;background:var(--cyan);color:#042031;font-weight:900;text-decoration:none}
.guideLayout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:42px;width:min(calc(100% - 40px),var(--max));margin:54px auto 70px;align-items:start}
.guideArticle{min-width:0;padding:36px 42px;border:1px solid var(--line);border-radius:16px;background:var(--white);box-shadow:0 16px 46px rgba(10,35,63,.07)}
.guideArticle h2{margin:42px 0 12px;font-size:30px;line-height:1.2;letter-spacing:-.02em}
.guideArticle h2:first-child{margin-top:0}
.guideArticle h3{margin:28px 0 8px;font-size:21px;line-height:1.3}
.guideArticle p{margin:0 0 17px;color:#34475c}
.guideArticle ul,.guideArticle ol{padding-left:23px;color:#34475c}
.guideArticle li{margin:8px 0}
.guideArticle blockquote,.exampleBox,.checklist{margin:24px 0;padding:20px 22px;border-left:4px solid var(--cyan);border-radius:0 12px 12px 0;background:#effafd;color:#23384d}
.exampleBox b,.checklist b{display:block;margin-bottom:7px;color:#0b5065}
.guideAside{position:sticky;top:100px;display:grid;gap:15px}
.asideCard{padding:20px;border:1px solid var(--line);border-radius:13px;background:#fff}
.asideCard b{display:block;margin-bottom:9px;font-size:16px}
.asideCard a{display:block;padding:6px 0;border-bottom:1px solid #edf1f5;font-size:13px;text-decoration:none}
.asideCard a:last-child{border-bottom:0}
.guideFaq{width:min(calc(100% - 40px),var(--max));margin:0 auto 72px}
.guideFaq h2{font-size:34px;text-align:center}
.guideFaq details{margin:10px 0;padding:17px 20px;border:1px solid var(--line);border-radius:11px;background:#fff}
.guideFaq summary{cursor:pointer;font-weight:800}
.guideFaq p{margin:10px 0 0;color:var(--muted)}
.relatedGuides{width:min(calc(100% - 40px),var(--max));margin:0 auto 78px}
.relatedGuides h2{text-align:center}
.relatedGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.relatedGrid a{min-height:120px;padding:19px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-weight:800;text-decoration:none}
.relatedGrid span{display:block;margin-top:8px;color:var(--muted);font-size:13px;font-weight:500}
.guideFooter{padding:30px 20px;background:var(--navy);color:#b6c8da;text-align:center}
.guideFooter a{color:#65d9e6}
.seoFallback{min-height:100vh;padding:42px 20px;background:#06172b;color:#fff;text-align:center}
.seoFallback header img{width:235px;height:66px;object-fit:contain}
.seoFallback section{max-width:780px;margin:70px auto 40px}
.seoFallback h1{font-family:Georgia,serif;font-size:clamp(42px,7vw,72px);line-height:1.05}
.seoFallback section>a{display:inline-block;padding:13px 20px;border-radius:10px;background:#19bdd1;color:#041622;font-weight:900;text-decoration:none}
.seoFallback nav{display:flex;max-width:920px;margin:auto;flex-wrap:wrap;justify-content:center;gap:10px}
.seoFallback nav a{padding:8px 12px;border:1px solid #2b4a6d;border-radius:8px;color:#d8e8f8;text-decoration:none}
@media(max-width:850px){.guideHeader nav>a:not(.headerCta){display:none}.guideLayout{grid-template-columns:1fr}.guideAside{position:static}.relatedGrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.guideHeader{padding:8px 14px}.guideHeader img{width:160px;height:48px}.guideHero{padding:58px 18px}.guideHero p{font-size:16px}.guideLayout{width:min(calc(100% - 24px),var(--max));margin-top:24px}.guideArticle{padding:24px 19px}.guideArticle h2{font-size:26px}.relatedGrid{grid-template-columns:1fr}}