/* Editorial pages share the landing page's dark surfaces and warm accent. */
.skip-link{position:fixed;top:8px;left:8px;z-index:1000;padding:10px 16px;background:#ffb042;color:#08090b;transform:translateY(-180%)}
.skip-link:focus{transform:none}
:focus-visible{outline:2px solid #ffb042;outline-offset:5px}
.top nav a{color:#b2b8c3}
header.doc{padding-top:44px}
.crumbs{font-size:12px;margin-bottom:34px;color:#9aa1ad}
.crumbs a{color:inherit;border:0}
header.doc .kicker,.kicker{color:#d1a76c;font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase}
header.doc h1{font-size:clamp(40px,6vw,66px);line-height:1.06;max-width:740px}
header.doc .lede{max-width:700px;color:#b4bac4}
.guide-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:30px}
.guide-actions>span{font-size:12px;color:#a4acb8}
.guide-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:#ffb042;color:#16100a;border:1px solid #ffb042;border-radius:9px;padding:12px 19px;font-size:14px;font-weight:600;min-height:46px}
.guide-button:hover{background:#ffc36b;color:#16100a;border-color:#ffc36b}
.s{color:#b4bac4}
.s h2{color:#edeff2;font-size:23px}
.s li{margin:12px 0;padding-left:6px}
.s ol{padding-left:23px}
.guide-demo{margin:38px 0 0}
.guide-demo video{width:100%;display:block;border-radius:14px;background:#121519;aspect-ratio:16/9;object-fit:contain}
.guide-demo figcaption{font-size:12px;margin-top:10px;color:#a4acb8}
.guide-cta{margin:48px 0 32px;padding:32px;border:1px solid #3b3023;border-radius:18px;background:radial-gradient(ellipse at top right,#282016,transparent 75%),#0d0f12}
.guide-cta h2{font:500 36px var(--display);color:#edeff2;margin:12px 0}
.guide-cta p{max-width:550px;margin-bottom:25px;color:#b4bac4}
.guide-secondary{display:inline-block;margin:12px 0 12px 20px;font-size:14px}
.guide-related{display:flex;flex-wrap:wrap;gap:15px 24px;font-size:14px;margin-bottom:40px}
.guide-footer{max-width:880px;margin:0 auto;padding:24px 26px 36px;border-top:1px solid #25282d;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;font-size:12px}
.guide-footer nav{display:flex;flex-wrap:wrap;gap:18px}
.guide-footer a{color:#a4acb8;border:0}
.guide-grid{display:grid;gap:18px;margin-top:34px}
.guide-card{display:block;padding:26px 30px;background:linear-gradient(140deg,#171b20,#0d0f12);border:1px solid #2b3037;border-radius:14px}
.guide-card:hover{border-color:#a88350}
.guide-card h2{font:500 30px var(--display);color:#edeff2;margin:16px 0 12px}
.guide-card p{color:#b4bac4;max-width:650px;margin:0 0 18px}
.guide-arrow{color:#ffb042;font-size:13px}
@media(max-width:540px){.top-in{padding:14px 20px}.top nav{gap:14px;font-size:12px}.wrap{padding:0 20px}header.doc{padding-top:30px}.crumbs{margin-bottom:26px}.guide-cta,.guide-card{padding:24px}.guide-secondary{margin-left:0;display:block;width:max-content}.guide-footer{padding:24px 20px}.s h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}