.guide-page{background:radial-gradient(circle at top,#10243b 0,#07111f 42%,#050b13 100%);min-height:100vh}
.guide-sitebar{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px max(16px,calc((100vw - 1180px)/2));background:rgba(5,11,19,.92);backdrop-filter:blur(14px);border-bottom:1px solid #223d58}
.guide-sitebar a{text-decoration:none}.guide-brand{font-size:12px;letter-spacing:.16em;font-weight:900;color:#ffc857}
.guide-sitebar nav{display:flex;gap:15px;align-items:center;font-size:12px;color:#8fa6bc}.guide-sitebar nav a:hover{color:#edf6ff}.guide-discord-disabled{opacity:.6}
.guide-wrap{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:54px 0 80px}
.guide-intro{max-width:760px;margin-bottom:56px}.guide-kicker{font-size:10px;font-weight:900;letter-spacing:.16em;color:#ffc857;margin-bottom:9px}.guide-intro h1,.guide-section-copy h2{margin:0;color:#edf6ff}.guide-intro h1{font-size:clamp(36px,6vw,64px);line-height:1}.guide-intro p,.guide-section-copy p{color:#a9bed1;line-height:1.65;font-size:15px}
.guide-section{margin-top:60px}.guide-section-copy{max-width:760px;margin-bottom:22px}.guide-section-copy h2{font-size:clamp(26px,4vw,40px)}
.guide-console-shell{display:grid;grid-template-columns:210px minmax(0,1fr) 260px;border:1px solid #223d58;border-radius:18px;overflow:hidden;background:#07111f;box-shadow:0 26px 80px rgba(0,0,0,.35);min-height:650px}
.guide-console-nav{padding:20px 12px;background:#08131f;border-right:1px solid #223d58}.guide-console-logo{padding:0 10px 16px;border-bottom:1px solid #223d58;margin-bottom:12px}.guide-console-logo b,.guide-console-logo span{display:block}.guide-console-logo b{font-size:11px;letter-spacing:.13em;color:#ffc857}.guide-console-logo span{font-size:10px;color:#8fa6bc;margin-top:4px}
.guide-navbtn{width:100%;border:1px solid transparent;background:transparent;color:#8fa6bc;font:inherit;font-weight:800;text-align:left;border-radius:12px;padding:13px 14px;cursor:pointer}.guide-navbtn:hover{background:#0c1b2a;color:#edf6ff}.guide-navbtn.active{color:#7fd1ff;background:#102337;border-color:#234563}
.guide-console-main{min-width:0}.guide-topbar{position:relative;top:auto}.guide-console-content{padding:22px}.guide-location-card{position:relative;overflow:hidden}.guide-location-art{height:150px;border-radius:11px;margin-bottom:12px;background-size:cover;background-position:center}
.guide-console-content[hidden],[data-guide-subpanel][hidden]{display:none!important}
.guide-callout-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px}.guide-callout-grid article{border:1px solid #223d58;border-radius:12px;padding:12px;background:#0a1725}.guide-callout-grid b,.guide-callout-grid span{display:block}.guide-callout-grid b{color:#edf6ff;margin-bottom:5px}.guide-callout-grid span{color:#8fa6bc;font-size:12px;line-height:1.45}
.guide-info-section{display:grid;grid-template-columns:1fr minmax(320px,460px);gap:28px;align-items:center}.guide-example-card{margin:0}.guide-card-copy{color:#8fa6bc;font-size:13px;line-height:1.55;margin:14px 0 0}
.guide-timeline{display:grid;grid-template-columns:1fr 1fr;gap:12px}.guide-timeline article{border:1px solid #223d58;border-radius:14px;padding:18px;background:linear-gradient(180deg,#12243a,#0d1b2d)}.guide-time{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#7fd1ff}.guide-timeline h3{margin:8px 0 7px;font-size:18px}.guide-timeline p{margin:0;color:#9db2c6;line-height:1.55;font-size:13px}
.guide-help{display:grid;grid-template-columns:1fr 320px;gap:30px;align-items:end;padding-top:28px;border-top:1px solid #223d58}.guide-help-actions{display:grid;gap:9px}.guide-help-actions .landing-action{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;text-decoration:none;border-radius:11px;border:1px solid #315779;background:linear-gradient(180deg,#173451,#102944);font-weight:850}.guide-help-actions .primary{border-color:#3d789f;background:linear-gradient(180deg,#215378,#163d5c)}
@media(max-width:1100px){.guide-console-shell{grid-template-columns:190px minmax(0,1fr)}.guide-console-sidebar{display:none}}
@media(max-width:900px){.guide-console-shell{grid-template-columns:1fr}.guide-console-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;border-right:0;border-bottom:1px solid #223d58;padding:9px}.guide-console-logo{display:none}.guide-navbtn{text-align:center;padding:10px 4px;font-size:12px}.guide-callout-grid{grid-template-columns:1fr 1fr}.guide-info-section,.guide-help{grid-template-columns:1fr}.guide-timeline{grid-template-columns:1fr}}
@media(max-width:640px){.guide-sitebar{align-items:flex-start}.guide-sitebar nav{display:none}.guide-wrap{width:min(100% - 20px,1180px);padding-top:34px}.guide-console-content{padding:14px 10px 18px}.guide-console-shell{border-radius:14px}.guide-console-nav{grid-template-columns:repeat(5,minmax(0,1fr));overflow:auto}.guide-navbtn{font-size:10px}.guide-callout-grid{grid-template-columns:1fr}.guide-timeline article{padding:15px}}

.guide-console-sidebar{padding:18px 12px;background:#08131f;border-left:1px solid #223d58}
.guide-console-sidebar .desktop-side-section{display:block;position:relative;height:auto;padding:12px;margin-bottom:10px}
.guide-sidebar-ship{margin-bottom:8px}.guide-sidebar-ship .item-icon{width:46px;height:46px}
.guide-collapsible-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #223d58;background:#0a1725;border-radius:12px;padding:12px 14px;margin-bottom:8px}
.guide-collapsible-row b,.guide-collapsible-row span{display:block}.guide-collapsible-row>div>span{font-size:11px;color:#8fa6bc;margin-top:3px}.guide-collapsible-row>span{color:#7fd1ff;font-size:20px}
.guide-route-card{margin-top:0}

.guide-systems-section{padding-top:10px}
.guide-system-map{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative}
.guide-system-node{display:flex;align-items:flex-start;gap:12px;border:1px solid #223d58;border-radius:14px;padding:15px;background:linear-gradient(180deg,#12243a,#0d1b2d);min-height:126px}
.guide-system-node img{width:54px;height:54px;object-fit:contain;border-radius:10px;background:#08131f;border:1px solid #1d3850;padding:5px}
.guide-system-node b,.guide-system-node span{display:block}.guide-system-node b{font-size:15px;margin-bottom:5px}.guide-system-node span{font-size:12px;line-height:1.5;color:#9db2c6}
.guide-human-icon{width:54px;height:54px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;border:1px solid #3b596f;background:#0a1827;color:#7fd1ff;font-size:10px;font-weight:900;letter-spacing:.08em}
.guide-system-result{grid-column:1/-1;text-align:center;border:1px solid #3d789f;background:linear-gradient(180deg,#173451,#102944);border-radius:14px;padding:20px 24px;margin-top:4px}
.guide-system-result span,.guide-system-result b{display:block}.guide-system-result span{font-size:9px;letter-spacing:.14em;color:#7fd1ff;font-weight:900}.guide-system-result b{font-size:23px;margin:5px 0}.guide-system-result p{margin:0 auto;max-width:760px;color:#bfd1e2;line-height:1.55;font-size:13px}
.guide-limits-card{margin-top:14px;border:1px solid #223d58;border-radius:14px;padding:16px;background:#091522}.guide-limits-card .section-label{margin-top:0}
.guide-constraint-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.guide-constraint-grid>div{padding:11px;border:1px solid #193249;border-radius:11px;background:#0d1b2d}.guide-constraint-grid b,.guide-constraint-grid span{display:block}.guide-constraint-grid b{font-size:13px}.guide-constraint-grid span{font-size:11px;line-height:1.45;color:#8fa6bc;margin-top:3px}
.guide-depth-note{margin-top:14px}

@media(max-width:900px){.guide-system-map{grid-template-columns:1fr 1fr}.guide-constraint-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.guide-system-map,.guide-constraint-grid{grid-template-columns:1fr}.guide-system-node{min-height:0}}

.guide-timeline{display:grid;grid-template-columns:1fr;gap:16px}
.guide-day-step{display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);gap:18px;align-items:stretch;border:1px solid #223d58;border-radius:16px;padding:18px;background:linear-gradient(180deg,#12243a,#0d1b2d)}
.guide-day-copy{padding:4px 4px 4px 2px}.guide-day-copy h3{margin:8px 0 7px;font-size:20px}.guide-day-copy p{margin:0;color:#9db2c6;line-height:1.6;font-size:13px}
.guide-day-screen{border:1px solid #223d58;border-radius:14px;background:#07111f;padding:12px;min-width:0;box-shadow:inset 0 0 0 1px rgba(127,209,255,.025)}
.guide-screen-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:9px;margin-bottom:10px;border-bottom:1px solid #223d58}.guide-screen-bar span{font-size:9px;letter-spacing:.12em;color:#8fa6bc;font-weight:900}.guide-screen-bar b{font-size:12px;color:#edf6ff}
.guide-screen-shiphead{display:flex;align-items:center;gap:10px;margin-bottom:11px}.guide-screen-shiphead h4{margin:0 0 2px;font-size:16px}.guide-screen-shiphead span{font-size:11px;color:#8fa6bc}
.guide-day-location{margin-bottom:10px;padding:10px}.guide-day-location-art{height:128px;border-radius:10px;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:14px;margin-bottom:10px}.guide-day-location-art h4{font-size:21px;margin:2px 0}.guide-day-location-art p{font-size:11px;color:#c3d2df;margin:0}
.guide-day-screen .subtabs{margin-top:0}.guide-day-screen .card{margin-bottom:10px}.guide-day-screen .button{min-height:52px;padding:13px}.guide-day-screen .button .meta{font-size:11px}
.guide-report-preview .report-feature{margin-top:0}.guide-report-preview .report-row{font-size:12px}
.guide-day-screen .capability-card{margin:0;border:1px solid #223d58;border-radius:12px;padding:12px;background:#091522}
.guide-day-screen .capability-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.guide-day-screen .capability-head span,.guide-day-screen .capability-head b,.guide-day-screen .capability-head small{display:block}.guide-day-screen .capability-head b{font-size:24px}.guide-day-screen .capability-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.guide-day-screen .capability-pillars>div{background:#0d1b2d;border:1px solid #193249;border-radius:9px;padding:8px}.guide-day-screen .capability-pillars span{display:block;font-size:9px;color:#8fa6bc;text-transform:uppercase}.guide-day-screen .capability-pillars b{display:block;margin-top:2px}
@media(max-width:900px){.guide-day-step{grid-template-columns:1fr}.guide-day-screen{min-width:0}}
@media(max-width:520px){.guide-day-step{padding:12px}.guide-day-screen{padding:9px}.guide-day-screen .capability-pillars{grid-template-columns:1fr 1fr}}

.guide-install-section{scroll-margin-top:80px}
.guide-install-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.guide-install-grid article{border:1px solid #223d58;border-radius:14px;padding:18px;background:linear-gradient(180deg,#12243a,#0d1b2d)}
.guide-install-platform{font-size:16px;font-weight:900;color:#edf6ff;margin-bottom:10px}
.guide-install-grid ol{margin:0;padding-left:20px;color:#bfd1e2;font-size:13px;line-height:1.7}
.guide-install-grid li+li{margin-top:4px}
.guide-install-grid p{margin:12px 0 0;color:#8fa6bc;font-size:12px;line-height:1.5}
.guide-install-note{margin-top:14px}
@media(max-width:720px){.guide-install-grid{grid-template-columns:1fr}}

.guide-intro-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.guide-intro-actions .landing-action{min-width:170px}
@media(max-width:640px){.guide-intro-actions{display:grid;grid-template-columns:1fr}.guide-intro-actions .landing-action{width:100%}}
