.scope-posttype-guide{--canvas:#fff;--surface:#f5f7fb;--surface-2:#eef2f9;--ink:#282828;--ink-muted:#5f6672;--navy:#0c1a4f;--navy-2:#2b499b;--sky:#64c5fd;--accent:var(--navy);--accent-ink:#fff;--border:#dfe4ee;--border-dark:#ffffff47;--radius-card:20px;--radius-sm:14px;--radius-lg:32px;--radius-button:9999px;--shadow-card:0 18px 44px #0c1a4f1a;--grad-hero:linear-gradient(166deg,#2b499b 0%,#000 52%,#64c5fd 140%);--font-display:Karrik,"Helvetica Neue",Helvetica,Arial,sans-serif;--font-body:Inter,-apple-system,system-ui,"Segoe UI",Roboto,Arial,sans-serif;--size-h1:clamp(38px,4.6vw,64px);--size-h2:clamp(26px,2.6vw,38px);--size-h3:clamp(19px,1.5vw,23px);--size-body:18px;--leading-body:1.72;--wrap:1240px}.scope-posttype-guide *{box-sizing:border-box}.scope-posttype-guide{scroll-behavior:smooth;background:var(--canvas);color:var(--ink);font-family:var(--font-body);font-size:var(--size-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;margin:0}.scope-posttype-guide img{max-width:100%;height:auto;display:block}.scope-posttype-guide h1,.scope-posttype-guide h2,.scope-posttype-guide h3,.scope-posttype-guide h4{font-family:var(--font-display);letter-spacing:-.01em;font-weight:400}.scope-posttype-guide h1{font-size:var(--size-h1);margin:0;line-height:1.04}.scope-posttype-guide h2{font-size:var(--size-h2);margin:0;line-height:1.1}.scope-posttype-guide h3{font-size:var(--size-h3);margin:0;line-height:1.2}.scope-posttype-guide p{margin:0 0 1.15em}.scope-posttype-guide a{color:var(--navy)}.scope-posttype-guide .wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 clamp(16px,4vw,32px)}.scope-posttype-guide .chrome{z-index:40;padding:clamp(18px,3vw,30px) 0;position:absolute;inset:0 0 auto}.scope-posttype-guide .chrome-wrap{width:100%;max-width:var(--wrap);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding:0 clamp(16px,4vw,32px);display:flex}.scope-posttype-guide .chrome .logo img{width:clamp(150px,17vw,230px)}.scope-posttype-guide .chrome nav{gap:clamp(14px,1.8vw,28px);display:none}.scope-posttype-guide .chrome nav a{color:#ffffffdb;letter-spacing:.01em;font-size:14px;text-decoration:none}.scope-posttype-guide .chrome nav a:hover{color:#fff}.scope-posttype-guide .chrome .cta{border:1px solid var(--sky);color:var(--sky);border-radius:var(--radius-button);white-space:nowrap;padding:11px 22px;font-size:14px;text-decoration:none;display:none}.scope-posttype-guide .chrome .cta:hover{background:var(--sky);color:var(--navy)}@media (min-width:1000px){.scope-posttype-guide .chrome nav,.scope-posttype-guide .chrome .cta{display:inline-flex}}.scope-posttype-guide .hero{background:var(--grad-hero);color:#fff;padding:clamp(126px,13vw,168px) 0 clamp(44px,5vw,68px);position:relative;overflow:hidden}.scope-posttype-guide .hero .wrap{align-items:center;gap:clamp(28px,4vw,56px);display:grid}.scope-posttype-guide .hero .kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--sky);margin:0 0 18px;font-size:12px}.scope-posttype-guide .hero h1{color:#fff;text-wrap:balance}.scope-posttype-guide .hero .lead{color:#ffffffd1;max-width:56ch;margin:22px 0 0;font-size:clamp(16px,1.35vw,19px);line-height:1.62}.scope-posttype-guide .hero .meta{color:#ffffffa8;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:26px 0 0;font-size:13.5px;display:flex}.scope-posttype-guide .hero .meta .m:not(:last-child):after{content:"·";color:#ffffff61;margin-left:16px}.scope-posttype-guide .hero .avatar{background:#ffffff24;border:1px solid #ffffff47;border-radius:50%;width:34px;height:34px}.scope-posttype-guide .hero figure{margin:0}.scope-posttype-guide .hero figure img{object-fit:contain;object-position:right center;filter:drop-shadow(0 30px 60px #00000073);width:100%;max-height:min(60vh,540px)}@media (min-width:900px){.scope-posttype-guide .hero .wrap{grid-template-columns:1.02fr 1fr}}.scope-posttype-guide .jumpbar{z-index:50;-webkit-backdrop-filter:saturate(150%)blur(12px);backdrop-filter:saturate(150%)blur(12px);border-bottom:1px solid var(--border);background:#ffffffeb;transition:box-shadow .2s,padding .2s;position:sticky;top:0}.scope-posttype-guide .jumpbar .wrap{align-items:center;gap:18px;padding-top:12px;padding-bottom:12px;display:flex}.scope-posttype-guide .jumpbar.is-pinned{box-shadow:0 10px 26px #0c1a4f17}.scope-posttype-guide .jump-label{letter-spacing:.15em;text-transform:uppercase;color:var(--ink-muted);flex:none;font-size:11px;display:none}.scope-posttype-guide .jump-scroll{scrollbar-width:none;-ms-overflow-style:none;gap:8px;display:flex;overflow-x:auto}.scope-posttype-guide .jump-scroll::-webkit-scrollbar{display:none}.scope-posttype-guide .jumplink{color:var(--ink-muted);border-radius:var(--radius-button);white-space:nowrap;border:1px solid #0000;flex:none;padding:8px 15px;font-size:14px;text-decoration:none}.scope-posttype-guide .jumplink:hover{color:var(--navy);background:var(--surface)}.scope-posttype-guide .jumplink.is-active{color:var(--navy);background:var(--surface-2);border-color:var(--border)}.scope-posttype-guide .jump-progress{background:var(--sky);transform-origin:0;height:2px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}@media (min-width:760px){.scope-posttype-guide .jump-label{display:block}}.scope-posttype-guide .layout{padding:clamp(36px,5vw,64px) 0 0}.scope-posttype-guide .layout .wrap{align-items:start;gap:clamp(28px,4vw,56px);display:grid}.scope-posttype-guide .toc{display:none}@media (min-width:1100px){.scope-posttype-guide .layout .wrap{grid-template-columns:250px minmax(0,1fr)}.scope-posttype-guide .toc{display:block;position:sticky;top:96px}}.scope-posttype-guide .toc h2{letter-spacing:.15em;text-transform:uppercase;color:var(--ink-muted);font-size:11px;font-family:var(--font-body);margin:0 0 14px;font-weight:600}.scope-posttype-guide .toc ol{border-left:1px solid var(--border);margin:0;padding:0;list-style:none}.scope-posttype-guide .toc li{margin:0}.scope-posttype-guide .toc a{color:var(--ink-muted);border-left:2px solid #0000;margin-left:-1px;padding:9px 0 9px 16px;font-size:14.5px;line-height:1.35;text-decoration:none;display:block}.scope-posttype-guide .toc a:hover{color:var(--navy)}.scope-posttype-guide .toc a.is-active{color:var(--navy);border-left-color:var(--sky);font-weight:500}.scope-posttype-guide .toc .toc-cta{text-align:center;background:var(--navy);color:#fff;border-radius:var(--radius-button);margin:22px 0 0;padding:12px 18px;font-size:14px;text-decoration:none;display:block}.scope-posttype-guide .prose{max-width:760px}.scope-posttype-guide .prose h2{margin:clamp(40px,5vw,60px) 0 16px;scroll-margin-top:96px}.scope-posttype-guide .prose h3{margin:32px 0 10px}.scope-posttype-guide .prose ul,.scope-posttype-guide .prose ol{margin:0 0 1.15em;padding-left:22px}.scope-posttype-guide .prose li{margin:0 0 .5em}.scope-posttype-guide .prose .lede{color:var(--ink);font-size:20px;line-height:1.62}.scope-posttype-guide .callout{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--sky);border-radius:var(--radius-sm);margin:30px 0;padding:22px 24px}.scope-posttype-guide .callout .clabel{letter-spacing:.15em;text-transform:uppercase;color:var(--navy);margin:0 0 8px;font-size:11px;font-weight:600}.scope-posttype-guide .callout p:last-child{margin:0}.scope-posttype-guide .pull{border-left:3px solid var(--navy);margin:36px 0;padding:0 0 0 24px}.scope-posttype-guide .pull p{font-family:var(--font-display);color:var(--navy);margin:0;font-size:clamp(21px,2.1vw,27px);line-height:1.28}.scope-posttype-guide figure.inline{margin:34px 0}.scope-posttype-guide figure.inline img{border-radius:var(--radius-card);border:1px solid var(--border)}.scope-posttype-guide figure.inline figcaption{color:var(--ink-muted);margin-top:10px;font-size:13.5px}.scope-posttype-guide .endcta{background:var(--navy);color:#fff;border-radius:var(--radius-lg);margin:clamp(44px,5vw,64px) 0 0;padding:clamp(30px,4vw,48px)}.scope-posttype-guide .endcta h2{color:#fff;margin:0 0 12px}.scope-posttype-guide .endcta p{color:#ffffffc7;max-width:56ch}.scope-posttype-guide .endcta a{border:1px solid var(--sky);color:var(--sky);border-radius:var(--radius-button);margin-top:10px;padding:13px 26px;font-size:15px;text-decoration:none;display:inline-block}.scope-posttype-guide .endcta a:hover{background:var(--sky);color:var(--navy)}.scope-posttype-guide .site-footer{background:var(--navy);color:#ffffffb8;margin-top:clamp(56px,7vw,96px);padding:clamp(44px,6vw,72px) 0}.scope-posttype-guide .site-footer .fmark{width:190px;margin-bottom:26px}.scope-posttype-guide .site-footer .fline{color:#ffffffb8;max-width:62ch;font-size:15px;line-height:1.7}.scope-posttype-guide .site-footer .fnav{flex-wrap:wrap;gap:12px 24px;margin:26px 0 0;display:flex}.scope-posttype-guide .site-footer .fnav a{color:#ffffffb8;font-size:14px;text-decoration:none}.scope-posttype-guide .site-footer .fnav a:hover{color:var(--sky)}.scope-posttype-guide .site-footer .fcopy{color:#ffffff70;margin:30px 0 0;font-size:12.5px}
