.guide-shell{color:var(--fc-dark);min-width:0}
.deep-dive-flow{display:grid;gap:12px;margin:22px 0;padding-left:25px}
.deep-dive-flow li{padding:10px 14px;background:#f1f6ff;border-left:3px solid var(--fc-primary);font-size:14px;line-height:1.7}
.deep-dive-flow li::marker{font-weight:800;color:var(--fc-primary-dark)}

.guide-module{border-bottom:1px solid var(--g-line);padding:11px 0}
.guide-module>summary{display:flex;gap:9px;font-size:13px;font-weight:700;cursor:pointer;line-height:1.5}
.guide-module>summary span{color:#475569;font-size:11px;padding-top:2px}
.guide-module ol{list-style:none;padding:9px 0 0 20px;margin:0}
.guide-module li{margin:2px 0}
.guide-module a{display:block;padding:7px 8px;font-size:12px;line-height:1.5;text-decoration:none;color:#475569;border-radius:5px}
.guide-module a:hover,.guide-module a[aria-current=page]{background:#eaf2ff;color:var(--fc-primary-dark)}
.guide-module a[aria-current=page]{font-weight:750;border-left:3px solid var(--fc-primary-dark)}
.lesson-number{font-size:10px;color:#475569;margin-right:4px}
.guide-small{font-size:.85rem;color:#475569;line-height:1.6}
.guide-main{min-width:0;padding:0}
.guide-main a{color:var(--g-accent)}

.guide-eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:#475569}
.guide-intro h1{font-size:clamp(2rem,3.3vw,3rem);letter-spacing:-.045em;line-height:1.09;margin:17px 0 25px;font-weight:750}
.guide-lead{font-size:19px;line-height:1.7;max-width:770px;color:#475569}
.guide-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:28px 0 38px}
.guide-button{display:inline-flex;align-items:center;gap:30px;background:var(--fc-primary-dark);color:white!important;border:1px solid var(--fc-primary-dark);border-radius:7px;padding:12px 19px;text-decoration:none;font-weight:650;font-size:14px}
.guide-button:hover{background:var(--fc-primary-dark)}
.guide-secondary{font-size:14px;font-weight:650}
.guide-journey{display:flex;gap:14px;padding:20px 0;border-block:1px solid var(--g-line);justify-content:space-between;font-size:12px;color:#475569;flex-wrap:wrap}
.guide-section{margin:38px 0;scroll-margin-top:100px}
.guide-section h2,.guide-checkpoint h2,.guide-note h2{font-size:23px;letter-spacing:-.025em;margin-bottom:18px;font-weight:700}
.guide-section p,.guide-note p,.guide-checkpoint p{font-size:15px;line-height:1.85}
.guide-paths{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.guide-paths>a{background:#f1f6ff;border:1px solid var(--g-line);padding:25px;border-radius:10px;text-decoration:none}
.guide-paths h3{font-size:23px;margin:15px 0;color:var(--fc-dark)}
.guide-paths p{font-size:14px;color:#475569}
.guide-paths>a>span:last-child{font-size:13px;font-weight:700}
.guide-tag{font-size:10px;letter-spacing:.12em;font-weight:800}
.guide-note{border-left:3px solid var(--fc-primary);padding:24px;background:#f1f6ff;margin:30px 0}
.guide-note h2{font-size:18px}
.guide-module-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.guide-module-cards article{border:1px solid var(--g-line);border-radius:9px;padding:24px;background:white}
.guide-module-cards h3{font-size:20px;margin:12px 0}
.guide-module-cards h3 a{text-decoration:none;color:var(--fc-dark)}
.guide-module-cards p{font-size:13px;line-height:1.7}
.guide-text-link{font-size:12px;font-weight:700}
.guide-lesson-header h1{font-size:clamp(30px,3.3vw,47px);line-height:1.15;letter-spacing:-.035em;margin:15px 0 20px;font-weight:750}
.guide-on-page{display:flex;flex-wrap:wrap;gap:18px;border-block:1px solid var(--g-line);padding:17px 0;margin-top:25px;font-size:12px}
.guide-tabs{display:flex;border-bottom:1px solid #cbd5e1;gap:4px}
.guide-tabs button{padding:12px 17px;border:0;background:transparent;color:#475569;font-size:13px;font-weight:700;border-bottom:3px solid transparent}
.guide-tabs button[aria-selected=true]{color:var(--fc-primary-dark);border-color:var(--fc-primary-dark);background:#eaf2ff}
.guide-tab-panel{padding:24px;background:#f8fafc;border:1px solid var(--g-line);border-top:0;border-radius:0 0 7px 7px}
.guide-steps{margin:0;padding-left:22px}
.guide-steps li{padding-left:7px;margin:0 0 18px;font-size:15px;line-height:1.8}
.guide-steps li:last-child{margin-bottom:0}
.guide-code{margin:22px 0;border-radius:8px;overflow:hidden;border:1px solid #334155}
.guide-code-header{background:#1e293b;color:#e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 17px;font-size:12px}
.guide-code-header button{border:1px solid #64748b;border-radius:4px;color:white;background:transparent;font-size:11px;padding:4px 10px}
.guide-code pre{margin:0;padding:22px;background:#0f172a;color:#e2e8f0;font-size:12px;line-height:1.85;max-height:650px;overflow:auto;tab-size:4}
.guide-code code{font-family:Consolas,monospace;color:inherit;white-space:pre}
.guide-checkpoint{border:1px solid #bfdbfe;background:#f1f6ff;border-radius:9px;padding:28px;scroll-margin-top:100px}
.guide-checkpoint details{margin:20px 0;font-size:14px}
.guide-checkpoint summary{font-weight:700;cursor:pointer}
.guide-checkpoint details p{margin:15px 0}
.guide-references{padding-left:20px;font-size:14px;line-height:2.1}
.guide-pagination{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:45px;border-top:1px solid var(--g-line);padding-top:25px}
.guide-pagination a{text-decoration:none}
.guide-pagination a:last-child{text-align:right}
.guide-pagination small{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:8px;color:#475569}
.guide-pagination span{font-size:15px;font-weight:650}

.guide-shell :focus-visible{outline:3px solid var(--fc-primary);outline-offset:4px}
.guide-shell [hidden]{display:none!important}
@media(max-width:991px){
.guide-paths,.guide-module-cards{grid-template-columns:1fr}
}
@media(max-width:700px){
.guide-lead{font-size:17px}
.guide-journey{display:grid;gap:10px}
.guide-pagination{gap:15px}
.guide-tabs button{padding:12px}
.guide-code pre{padding:15px;font-size:11px}
}
@media print{
.guide-tabs,.guide-actions,.guide-pagination,.guide-code button{display:none}
.guide-code pre{max-height:none;white-space:pre-wrap}
.guide-tab-panel[hidden]{display:block!important}
}

.guide-table-wrap{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid #dbe3ef;border-radius:12px}
.guide-table{width:100%;border-collapse:collapse;font-size:.9rem;line-height:1.6}
.guide-table caption{caption-side:top;padding:14px 18px;font-weight:700;color:var(--fc-dark);background:#f1f6ff}
.guide-table th,.guide-table td{text-align:left;padding:12px 16px;border-bottom:1px solid #dbe3ef;vertical-align:top;overflow-wrap:anywhere}
.guide-table th{background:#f8fafc}
.guide-table tr:last-child td{border-bottom:0}

.docs-workspace{--g-ink:var(--fc-dark);--g-accent:var(--fc-primary-dark);--g-line:#dbe3ef}

.guide-main h2{border-top:0;padding-top:0;margin-top:0}

.guide-module>summary::before{content:"›";transition:transform .15s}

.guide-module[open]>summary::before{transform:rotate(90deg)}

.guide-module>summary{list-style:none}

.guide-module>summary::-webkit-details-marker{display:none}
