
/* Linux Spectre documentation extensions — detailed guides */
.docs-directory{padding-top:48px!important}
.docs-directory-intro{color:#93a8c0;margin-top:-5px!important}
.docs-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:27px}
.docs-path-card{display:flex;gap:14px;padding:22px;background:linear-gradient(135deg,#11243b,#0c1729);border:1px solid #2c4b6e;border-radius:12px;color:#d8eaff;transition:transform .16s,border-color .16s;min-width:0}
.docs-path-card:hover{border-color:#63b7ef;transform:translateY(-2px)}.docs-path-card:focus-visible{outline:2px solid #89d6ff;outline-offset:2px}
.docs-path-number{flex:0 0 33px;height:33px;border-radius:9px;background:#103761;border:1px solid #2a76b6;color:#88caff;display:grid;place-items:center;font-weight:850;font-size:12px}
.docs-path-meta{font-size:10px;letter-spacing:.1em;color:#70acd9;font-weight:790;margin-bottom:8px}
.docs-path-card h3{font-size:17px;margin-bottom:8px}.docs-path-card p{font-size:12px;line-height:1.66;margin:0 0 8px;color:#93a9c4}.docs-path-card .docs-path-link{color:#72c9ff;font-size:12px;font-weight:800}
.guide-hero{padding:64px 0 65px;background:radial-gradient(ellipse 80% 80% at 80% 5%,#10305499,transparent 80%),#0b1524;border-bottom:1px solid #26384f}
.guide-back{display:inline-flex;gap:8px;align-items:center;color:#83c7f5;font-size:12px;font-weight:790;margin-bottom:24px}.guide-back:hover{text-decoration:underline}
.guide-kicker{color:#79c5f4;letter-spacing:.18em;font-size:11px;font-weight:850;margin-bottom:16px}
.guide-hero h1{font-size:clamp(38px,5vw,65px);font-weight:840;line-height:1.08;letter-spacing:-.06em;margin:0 0 23px;max-width:850px}
.guide-hero p{color:#abc4df;font-size:16px;line-height:1.78;max-width:750px;margin:0}
.guide-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.guide-meta span{border:1px solid #355679;background:#112b45;border-radius:100px;padding:7px 12px;color:#96c6ee;font-size:11px;font-weight:720}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:65px;padding-top:36px;padding-bottom:95px;align-items:start}
.guide-main{min-width:0}.guide-sidebar{position:sticky;top:115px;border-left:1px solid #25415e;padding-left:18px;max-height:calc(100vh - 140px);overflow:auto}
.guide-side-title{font-size:10px;letter-spacing:.16em;color:#78bdec;font-weight:850;margin-bottom:14px}.guide-sidebar a{display:block;color:#a0b7d2;font-size:12px;line-height:1.48;padding:9px 10px;border-radius:7px}.guide-sidebar a:hover{background:#102b47;color:#bfe6ff}
.guide-section{border-bottom:1px solid #28384b;padding:35px 0 39px;scroll-margin-top:105px}.guide-section:first-child{padding-top:10px}
.guide-section h2{font-size:clamp(26px,3vw,35px);font-weight:820;letter-spacing:-.039em;margin:0 0 22px}
.guide-section h3{font-size:17px}.guide-section p,.guide-section li,.guide-section dd{font-size:14px;color:#a9bed6;line-height:1.86;margin:0 0 16px}
.guide-section strong{color:#e6f2ff}.guide-section em{color:#c9e9ff}
.guide-section a{color:#74c7ff;text-decoration:underline;text-underline-offset:3px}
.guide-section code:not(pre code){font-size:.87em;background:#142a42;color:#9bd8ff;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}
.guide-section .docs-code code{font-size:inherit;padding:0;background:none}
.guide-steps{list-style:none;counter-reset:spectre-steps;padding:0;margin:20px 0;display:grid;gap:12px}
.guide-steps li{position:relative;counter-increment:spectre-steps;border:1px solid #2b4560;border-radius:11px;padding:18px 20px 16px 66px;background:#0e1e32;margin:0}
.guide-steps li:before{content:counter(spectre-steps);position:absolute;left:18px;top:17px;color:#86ceff;background:#173c62;border:1px solid #2a689d;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;font-weight:800}
.guide-steps strong{display:block;font-size:14px;margin:0 0 4px}.guide-steps p{margin:0;font-size:12.5px}
.guide-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:21px 0 26px}
.guide-point{padding:19px;background:#12233a;border:1px solid #2b4561;border-radius:10px}.guide-point b{color:#d8efff;font-size:14px}.guide-point p{font-size:12.5px;line-height:1.7;margin:10px 0 0}
.guide-dl{margin:22px 0;display:grid;gap:10px}.guide-dl>div{border-left:3px solid #2c98ea;padding:15px 20px;background:#102036;border-radius:0 8px 8px 0}
.guide-dl dt{color:#d8eafa;font-weight:800;font-size:14px;margin-bottom:7px}.guide-dl dd{margin:0;font-size:12.5px}
.guide-flow{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:25px 0;padding:15px;border:1px solid #31547d;border-radius:12px;background:#0b1b30}
.guide-flow span{font-size:11px;font-weight:760;color:#d4ebff;background:#193758;border:1px solid #356c9d;border-radius:7px;padding:10px}.guide-flow b{color:#61bcff}
.guide-hash{font-family:ui-monospace,Consolas,monospace;font-size:11px;overflow-wrap:anywhere;padding:16px;margin:15px 0 24px;color:#8fe1ff;background:#111f32;border:1px solid #315276;border-radius:8px}
.guide-next{margin:38px 0 0;padding:22px;border-radius:13px;border:1px solid #315679;background:linear-gradient(130deg,#173456,#0e1b2d);display:flex;justify-content:space-between;gap:15px;align-items:center}
.guide-next span{font-size:11px;color:#94b0d0}.guide-next a{font-size:15px;font-weight:830;color:#a0d9ff}
@media(max-width:960px){.guide-layout{display:flex;flex-direction:column;gap:30px}.guide-sidebar{position:static;max-height:none;border-left:none;padding:0;order:-1;width:100%}.guide-sidebar nav{display:flex;flex-wrap:wrap;gap:6px}.guide-sidebar a{border-radius:100px;border:1px solid #315479;background:#101f33;padding:7px 11px}.guide-sidebar a:hover{background:#183959}.docs-path-grid{grid-template-columns:1fr}}
@media(max-width:620px){.guide-hero{padding:43px 0}.guide-hero p{font-size:14px}.guide-layout{padding-top:25px;padding-bottom:60px}.guide-section{padding:32px 0}.guide-points{grid-template-columns:1fr}.guide-flow b{display:none}.guide-flow{display:grid;grid-template-columns:1fr 1fr}.guide-flow span{text-align:center}.docs-path-card{padding:16px}.guide-next{flex-direction:column;align-items:start}}
@media(prefers-reduced-motion:reduce){.docs-path-card{transition:none}}
