/* FrameSpend editorial system — compatible with original v5 assets. */
:root{color-scheme:dark;--g-bg:#020711;--g-panel:#071527;--g-panel2:#0a1c30;--g-line:#1a3553;--g-ink:#f3f8ff;--g-muted:#aac0da;--g-accent:#37b6ff;--g-aqua:#3ee2e0}
html{scroll-behavior:smooth}*{box-sizing:border-box}
body.guide-page{margin:0;background:radial-gradient(ellipse 62% 25% at 85% 0%,#09336766,transparent 80%),linear-gradient(180deg,#030b17,#020711 42%,#030b16);color:var(--g-ink);font:16px/1.73 Inter,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body.guide-page a{color:#75c8ff}body.guide-page a:hover{color:#b7e6ff}body.guide-page a:focus-visible,body.guide-page button:focus-visible,body.guide-page input:focus-visible,body.guide-page select:focus-visible{outline:3px solid #90e7ff;outline-offset:3px}
.g-wrap{max-width:1160px;margin:auto;padding:0 26px}.g-header{border-bottom:1px solid #17314c;background:#030b17e8;position:sticky;top:0;z-index:100;backdrop-filter:blur(12px)}.g-nav{display:flex;align-items:center;gap:24px;justify-content:space-between;min-height:68px}.g-brand{font-weight:850;letter-spacing:-.045em;font-size:1.46rem;color:#fff;text-decoration:none;white-space:nowrap}.g-brand span{color:#45adff}.g-links{display:flex;gap:22px;flex-wrap:wrap;align-items:center}.g-links a{color:#d4e1f2;text-decoration:none;font-size:.82rem;font-weight:650}.g-links a:hover{color:#59cbff}.g-cta{background:#167cf7;border-radius:9px;padding:9px 14px!important;color:#fff!important}
.g-breadcrumb{font-size:.75rem;color:#92aac7;display:flex;flex-wrap:wrap;gap:7px;margin:30px 0 19px}.g-breadcrumb a{color:#9fc7ed;text-decoration:none}
.g-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(245px,.8fr);align-items:center;gap:34px;padding:10px 0 36px;border-bottom:1px solid #193150}.g-kicker{display:inline-flex;align-items:center;gap:9px;border-radius:99px;color:#86cbff;font-size:.71rem;letter-spacing:.11em;text-transform:uppercase;background:#0a2440;border:1px solid #1a5893;padding:7px 13px;font-weight:800}.g-hero h1{font-size:clamp(2.1rem,4.2vw,3.95rem);line-height:1.12;letter-spacing:-.045em;margin:18px 0 14px;max-width:820px}.g-hero h1 strong{color:#46abff}.g-deck{font-size:1.1rem;color:#c2d3e9;max-width:800px;line-height:1.65}.g-byline{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#94aecb;font-size:.77rem;margin-top:19px}.g-byline b{color:#d6eaff;font-weight:680}.g-decor{background:linear-gradient(135deg,#0c2e57,#071524);border:1px solid #2460a0;min-height:210px;border-radius:18px;display:flex;flex-direction:column;justify-content:center;padding:27px;position:relative;overflow:hidden;box-shadow:0 20px 55px #0006}.g-decor:after{content:"";position:absolute;width:210px;height:210px;right:-95px;top:-90px;background:conic-gradient(#2782ff,#28daff,#7e43ff,#2782ff);filter:blur(35px);opacity:.32;border-radius:50%}.g-decor>span{font-size:.66rem;letter-spacing:.11em;color:#95c7f9;text-transform:uppercase;font-weight:800;position:relative;z-index:2}.g-decor strong{font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.1;margin:15px 0 13px;color:#f2f9ff;position:relative;z-index:2}.g-decor p{font-size:.79rem;color:#b5cced;line-height:1.5;position:relative;z-index:2;margin:0}
.g-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:40px;padding:32px 0 70px;align-items:start}.g-article{min-width:0}.g-article p{color:#cad9ec;margin:0 0 18px}.g-article h2{font-size:1.7rem;letter-spacing:-.024em;line-height:1.28;color:#f7faff;margin:43px 0 15px;scroll-margin-top:92px}.g-article h3{font-size:1.18rem;line-height:1.35;color:#e6f4ff;margin:27px 0 10px}.g-article h2:first-child{margin-top:8px}.g-article ul,.g-article ol{padding-left:23px;color:#c8d9ec;margin-bottom:19px}.g-article li{margin:7px 0}.g-article strong{color:#f3f9ff}.g-sidebar{position:sticky;top:96px;display:grid;gap:14px}.g-aside{border:1px solid var(--g-line);background:linear-gradient(140deg,#07182c,#061222);padding:18px;border-radius:14px}.g-aside h2{font-size:.89rem;margin:0 0 11px}.g-aside a{display:block;text-decoration:none;font-size:.78rem;line-height:1.4;padding:7px 0;border-bottom:1px solid #1a2f46}.g-aside a:last-child{border-bottom:0}.g-aside p{color:#a9c0dc;font-size:.76rem;margin:8px 0}.g-btn{display:inline-flex!important;align-items:center;gap:8px;justify-content:center;border-radius:10px;background:linear-gradient(100deg,#229dff,#255dea);color:white!important;text-decoration:none!important;font-size:.86rem;font-weight:800;padding:12px 18px;border:1px solid #4ba4ff;box-shadow:0 12px 30px #0053d629}.g-btn.secondary{background:#0d2644;box-shadow:none;border-color:#2e679b}.g-btns{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 24px}.g-callout{background:linear-gradient(120deg,#09274b,#0b1a2e);border:1px solid #2765a1;border-left:4px solid #34b0ff;padding:17px 19px;border-radius:10px;margin:24px 0;color:#cfe5fd}.g-callout p{margin:0}.g-note{font-size:.79rem;color:#a2b6ce!important}.g-tablewrap{overflow-x:auto;border:1px solid #24405d;border-radius:13px;margin:19px 0 25px}.g-table{border-collapse:collapse;width:100%;min-width:560px;font-size:.84rem}.g-table th{text-align:left;background:#102843;color:#dcf1ff;font-size:.76rem;letter-spacing:.015em}.g-table th,.g-table td{padding:14px 15px;border-bottom:1px solid #243d57;vertical-align:top}.g-table td{color:#cbddee;background:#071725}.g-table tbody tr:last-child td{border-bottom:0}.g-pill{display:inline-block;background:#0a2a49;border-radius:7px;border:1px solid #2762a3;padding:3px 8px;color:#8cd2ff;font-size:.68rem;font-weight:750;text-transform:uppercase;letter-spacing:.03em}
.g-metricgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:21px 0}.g-metric{background:#0b2039;border:1px solid #25517a;border-radius:12px;padding:16px}.g-metric span{font-size:.73rem;color:#a6bfd9;display:block}.g-metric strong{display:block;font-size:1.5rem;color:#4fc2ff;margin:5px 0}.g-metric small{font-size:.7rem;color:#94afd0}.g-form{border:1px solid #2764a6;background:linear-gradient(135deg,#0a2547,#07192d);border-radius:18px;padding:22px;margin:26px 0 27px;box-shadow:0 20px 50px #0004}.g-form h3{margin:0 0 9px;font-size:1.25rem}.g-form p{font-size:.8rem}.g-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.g-inputs label{font-size:.8rem;font-weight:670;color:#dbefff}.g-inputs input,.g-inputs select{display:block;width:100%;background:#031122;border:1px solid #35608b;border-radius:9px;color:white;margin-top:5px;padding:11px 13px;min-height:44px;font-size:1rem}.g-result{display:flex;flex-wrap:wrap;gap:9px;justify-content:space-between;align-items:center;margin-top:16px;padding:15px 17px;background:#031124;border:1px solid #247bc6;border-radius:12px}.g-result div{min-width:110px}.g-result small{font-size:.69rem;color:#95b8d8;display:block}.g-result b{font-size:1.55rem;color:#45c4ff}.g-result-note{font-size:.77rem!important;color:#afc8e4!important;margin:12px 0 0!important}.g-source-list{background:#061529;border:1px solid #223f5c;padding:19px;border-radius:13px;margin:20px 0}.g-source-list li{font-size:.83rem;margin:10px 0}.g-faq{border-top:1px solid #1e344d;padding-top:7px}.g-faq h3{margin-top:20px}
.g-affiliate{position:relative;isolation:isolate;border:2px solid transparent;border-radius:16px;background:linear-gradient(#071529,#071529) padding-box,conic-gradient(from var(--g-orbit,0deg),#18d5ff,#397cff,#a26bff,#f477cd,#31e9dd,#18d5ff) border-box;margin:30px 0;padding:23px;animation:g-orbit 5s linear infinite;box-shadow:0 0 23px #117aff25}.g-affiliate:before{content:"";position:absolute;inset:-6px;z-index:-1;background:conic-gradient(from var(--g-orbit,0deg),#3be4ff55,#6255ff20,#f35ed755,#3df9c855);filter:blur(13px);border-radius:20px;opacity:.55;animation:g-orbit 5s linear infinite}.g-affiliate h3{margin:9px 0}.g-affiliate p{font-size:.85rem;color:#b5d5f0}.g-affiliate .g-disc{font-size:.71rem;color:#a0bcd8;margin-top:9px}.g-affiliate .g-btn{background:linear-gradient(100deg,#30d6ed,#2a7dff);color:#05142b!important}@property --g-orbit{syntax:'<angle>';initial-value:0deg;inherits:false}@keyframes g-orbit{to{--g-orbit:360deg}}
.g-related{margin:22px 0;padding:19px;background:#07192f;border-radius:14px;border:1px solid #1a456c}.g-related h2{font-size:1.05rem;margin:0 0 12px}.g-related ul{padding-left:21px;margin:0}.g-related li{margin:6px 0}.g-related a{text-decoration:none}
.g-footer{border-top:1px solid #173555;padding:27px 0 44px;background:#020711}.g-footer .g-wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.g-footer p{font-size:.75rem;color:#91acc9;margin:0}.g-footer nav{display:flex;gap:15px;flex-wrap:wrap}.g-footer a{font-size:.74rem;text-decoration:none;color:#b8cde7}
/* Home guide cards reuse the same color language. */
.fs-guides{padding-top:48px;padding-bottom:42px}.fs-guides h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.16;margin:12px 0 8px;color:#f9fcff}.fs-guides>p{color:#a8bedc;margin:0 0 20px}.fs-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.fs-guide-card{border:1px solid #275079;border-radius:14px;padding:19px;background:linear-gradient(145deg,#0a2340,#071627);text-decoration:none;display:flex;flex-direction:column;min-height:178px;transition:transform .2s,border-color .2s}.fs-guide-card:hover{transform:translateY(-3px);border-color:#3aaaff}.fs-guide-card span{font-size:.67rem;color:#56bfff;text-transform:uppercase;letter-spacing:.06em;font-weight:850}.fs-guide-card strong{font-size:1.03rem;line-height:1.3;color:#f3f8ff;margin:13px 0 8px}.fs-guide-card small{font-size:.74rem;color:#a9c4dd;line-height:1.5}.fs-guide-card:last-child{grid-column:span 2}
@media(max-width:860px){.g-layout{grid-template-columns:1fr}.g-sidebar{position:static;grid-template-columns:repeat(2,1fr)}.g-hero{grid-template-columns:1fr}.g-decor{min-height:155px}.fs-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fs-guide-card:last-child{grid-column:span 1}}
@media(max-width:620px){.g-wrap{padding:0 16px}.g-nav{gap:10px;align-items:flex-start;flex-direction:column;padding:12px 0}.g-header{position:static}.g-links{gap:11px}.g-links a{font-size:.73rem}.g-hero{padding-bottom:22px}.g-hero h1{font-size:2.15rem}.g-deck{font-size:.97rem}.g-layout{padding-top:22px;gap:22px}.g-sidebar{grid-template-columns:1fr}.g-inputs{grid-template-columns:1fr}.g-metricgrid{grid-template-columns:1fr}.g-article h2{font-size:1.44rem}.fs-guide-grid{grid-template-columns:1fr}.fs-guide-card{min-height:0}.g-result b{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){.g-affiliate,.g-affiliate:before{animation:none}.fs-guide-card{transition:none}}