:root { --guide-panel:#08162a; --guide-panel-soft:#0b1d35; --guide-line:rgba(67,113,169,.48); --guide-copy:#aebdd0; --guide-text:#f5f8ff; --guide-accent:#159dff; }
body.getting-started-page { margin:0; color:var(--guide-text); background:radial-gradient(circle at 50% -8%,rgba(21,157,255,.14),transparent 36%),linear-gradient(180deg,#050a13,#07101d 56%,#050a13); }
.guide-shell.site-shell { width:100%; max-width:none; margin:0; padding:0 0 40px; }
.guide-shell > :not(.viewer-site-nav) { width:min(1120px,calc(100% - 64px)); margin-left:auto; margin-right:auto; }
.guide-hero { margin-top:32px; padding:clamp(34px,6vw,72px); border:1px solid var(--guide-line); border-radius:18px; background:linear-gradient(115deg,rgba(5,16,32,.98),rgba(8,39,75,.86)); }
.guide-hero h1 { max-width:850px; margin:12px 0 18px; font-size:clamp(2.8rem,7vw,6rem); line-height:.96; letter-spacing:-.05em; }
.guide-hero > p:last-of-type { max-width:720px; color:var(--guide-copy); font-size:clamp(1rem,2vw,1.2rem); line-height:1.65; }
.guide-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }
.guide-actions .btn,.guide-after .btn { white-space:normal; text-align:center; }
.guide-prerequisites,.guide-after { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,1fr); gap:36px; align-items:center; margin-top:18px; padding:28px 32px; border:1px solid var(--guide-line); border-radius:14px; background:var(--guide-panel); }
.guide-prerequisites h2,.guide-after h2 { margin:6px 0 0; font-size:clamp(1.6rem,3vw,2.4rem); }
.guide-prerequisites ul { margin:0; padding-left:24px; color:var(--guide-copy); line-height:1.8; }
.guide-journey { margin-top:64px; }
.guide-section-heading { max-width:760px; }
.guide-section-heading h2 { margin:8px 0 24px; font-size:clamp(2rem,4vw,3.5rem); }
.guide-step-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:0; padding:0; list-style:none; }
.guide-step-list > li { display:grid; grid-template-columns:auto 1fr; gap:18px; padding:28px; border:1px solid var(--guide-line); border-radius:14px; background:linear-gradient(180deg,var(--guide-panel-soft),var(--guide-panel)); }
.guide-step-list > li > span { display:grid; place-items:center; width:46px; height:46px; border:1px solid rgba(21,157,255,.54); border-radius:50%; color:#71c5ff; font-weight:800; }
.guide-step-list h3 { margin:2px 0 10px; font-size:1.3rem; }
.guide-step-list p,.guide-after p { margin:0; color:var(--guide-copy); line-height:1.65; overflow-wrap:anywhere; }
.guide-step-list a { display:inline-flex; margin-top:18px; color:#71c5ff; font-size:.82rem; font-weight:800; letter-spacing:.06em; overflow-wrap:anywhere; }
.guide-after { margin-top:18px; grid-template-columns:minmax(0,1fr) auto; }
.guide-after p { margin-top:10px; max-width:760px; }
.guide-footer { display:flex; justify-content:center; flex-wrap:wrap; gap:24px; margin-top:28px!important; padding:24px; }
.guide-footer a { color:var(--guide-copy); }
.guide-shell a:focus-visible { outline:3px solid #69c7ff; outline-offset:3px; }
html.bracketr-theme-light { --guide-panel:#fff; --guide-panel-soft:#f7fbff; --guide-line:rgba(30,64,105,.2); --guide-copy:#526a82; --guide-text:#17263a; }
html.bracketr-theme-light body.getting-started-page { background:radial-gradient(circle at 50% -8%,rgba(21,157,255,.1),transparent 38%),linear-gradient(180deg,#f4f8fc,#eaf2f9 56%,#f4f8fc); }
html.bracketr-theme-light .guide-hero { background:linear-gradient(115deg,#fff,#edf7ff); box-shadow:0 18px 46px rgba(35,73,112,.08); }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
@media (max-width:760px) { .guide-shell > :not(.viewer-site-nav) { width:min(100% - 28px,1120px); } .guide-hero { margin-top:14px; padding:30px 22px; } .guide-step-list { grid-template-columns:1fr; } .guide-prerequisites,.guide-after { grid-template-columns:1fr; padding:24px 20px; } .guide-after .btn { width:100%; } }