/* Shared navigation and notebook pages. */
.site-header{height:auto;min-height:112px;padding-top:20px;padding-bottom:20px;gap:20px;flex-wrap:wrap}
.site-header nav{gap:22px;font-size:14px;flex-wrap:wrap}
.site-header nav a{padding-top:9px;padding-bottom:9px}
.site-header nav a[aria-current="page"]{text-decoration:underline;text-decoration-color:#bb402c;text-decoration-thickness:2px;text-underline-offset:6px}
.site-header nav>a:first-child{display:block}
.footer-nav{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:14px}
.footer-nav a{text-decoration:underline;text-underline-offset:4px}
.skip-link{position:absolute;left:20px;top:-80px;z-index:30;background:#fffaf0;padding:12px 18px;border:2px solid #29251f}
.skip-link:focus{top:12px}
.page-intro{padding:52px 0 34px;border-bottom:1px dashed #b9a487}
.page-intro .eyebrow{font-size:14px;letter-spacing:.4px}
.page-intro h1{font-size:clamp(40px,5vw,62px);max-width:850px;letter-spacing:-1.8px;margin-bottom:18px}
.page-intro>p:last-child{max-width:680px;font-size:18px;color:#695b48;margin-bottom:0}
.page-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:20px}
.status-tag{display:inline-block;border:1px solid #7c694f;border-radius:4px 6px 3px 5px;padding:4px 9px;font:14px/1.5 Notebook,monospace;background:#efe6d0;color:#554431}
.status-tag.available{background:#e4e8d0}
.status-tag.planned{background:#f8dfa9}
.docs-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:64px;padding:40px 0 60px;align-items:start}
.contents{position:sticky;top:24px;font-size:14px}
.contents>p{font:14px/1.5 Notebook,monospace;margin-bottom:13px;color:#75604a}
.contents a{display:block;padding:8px 0;text-decoration:none;text-underline-offset:4px}
.contents a:hover{text-decoration:underline}
.contents .contents-roadmap{border-top:1px dashed #b9a487;margin-top:13px;padding-top:18px;color:#a23c29}
.doc-body{min-width:0;max-width:790px}
.doc-section{padding:0 0 34px;margin-bottom:34px;border-bottom:1px dashed #b9a487;scroll-margin-top:24px}
.doc-section:last-child{margin-bottom:0}
.doc-section h2,.roadmap-section h2{font:700 32px/1.15 Georgia,serif;letter-spacing:-.7px;margin:0 0 20px}
.doc-section h3{font-size:18px;margin-bottom:9px}
.doc-section p,.doc-section li,.phase-card p,.phase-card li,.tier-card p,.tier-card li,.burn-step p{font-size:16px;line-height:1.7;color:#5d503e}
.doc-section li,.phase-card li,.tier-card li{margin-bottom:8px}
.doc-section ol,.doc-section ul,.phase-card ul,.tier-card ul{padding-left:22px}
.doc-section code{font-size:14px;overflow-wrap:anywhere;background:#eee1c6;padding:2px 5px;border-radius:3px}
.doc-section a,.phase-card a,.roadmap-note a{color:#a43c28;text-underline-offset:4px}
.doc-actions{display:flex;gap:16px 22px;align-items:center;flex-wrap:wrap;margin:23px 0}
.doc-actions .button{color:#241f19}
.paper-note{padding:18px 21px;border:1px solid #ac9062;background:#f6e6bd;border-radius:4px 7px 3px 5px;margin:24px 0}
.paper-note p:last-child{margin:0}
.paper-note strong{color:#3e3020}
.facts{margin:0}
.facts>div{padding:14px 0;border-bottom:1px solid #dfcfaf}
.facts>div:last-child{border-bottom:0}
.facts dt{font-weight:700;margin-bottom:4px}
.facts dd{margin:0;color:#5d503e;line-height:1.7}
.docs-table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.6}
.docs-table th,.docs-table td{text-align:left;vertical-align:top;border-bottom:1px solid #d1bea0;padding:13px 14px 13px 0;overflow-wrap:anywhere}
.docs-table th{font-size:14px;color:#6a553c}
.docs-table th:first-child{width:34%}
.docs-table td{color:#5d503e}
.doc-section details{border-bottom:1px solid #d1bea0;padding:15px 0}
.doc-section summary{font-weight:700;cursor:pointer;line-height:1.5;padding:3px 0}
.doc-section details p{margin:13px 0 0}
.doc-section summary:focus-visible{outline:3px solid #b53e2b;outline-offset:5px}
.roadmap-section{padding:44px 0;border-bottom:1px dashed #b9a487}
.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:26px;flex-wrap:wrap}
.section-heading h2{margin:0}
.section-heading>p{font:14px/1.5 Notebook,monospace;color:#75604a;margin:0}
.phase-list{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.phase-card{min-width:0;background:#fffaf0;border:1.5px solid #897052;border-radius:5px 8px 3px 6px;padding:27px 29px;box-shadow:3px 4px 0 #e2d2b2}
.phase-card.highlight{background:#f8e6bb;border-color:#9a6c35}
.phase-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.phase-number{font:italic 700 30px/1 Georgia,serif;color:#a23e2b}
.phase-card h3{font:700 26px/1.2 Georgia,serif;margin:0 0 14px;letter-spacing:-.4px}
.phase-card ul{margin-bottom:0}
.tier-intro{max-width:750px;font-size:17px;line-height:1.7;color:#5d503e;margin-bottom:27px}
.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tier-card{display:flex;flex-direction:column;min-width:0;border:1.5px solid #897052;background:#fffaf0;padding:25px;border-radius:4px 7px 3px 6px}
.tier-card.plus{box-shadow:4px 4px 0 #a2422d;border-color:#a2422d}
.tier-card .tier-label{font:14px/1.5 Notebook,monospace;color:#8b3929;margin:0 0 13px}
.tier-card h3{font:700 31px/1.15 Georgia,serif;margin-bottom:13px}
.tier-card>p{margin-bottom:18px}
.tier-card ul{flex:1;margin-top:0}
.tier-card .tier-access{border-top:1px dashed #b9a487;padding-top:17px;margin:15px 0 0;font-size:14px;line-height:1.6;color:#5c452b}
.roadmap-note{font-size:15px;color:#6c563d;line-height:1.7;margin:26px 0 0;max-width:890px}
.burn-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;list-style:none;padding:0;margin:28px 0 0;counter-reset:burn}
.burn-step{counter-increment:burn;border-top:2px solid #ac8660;padding-top:18px}
.burn-step:before{content:"0" counter(burn);display:block;font:14px Notebook,monospace;color:#99442e;margin-bottom:14px}
.burn-step h3{font-size:18px;margin-bottom:10px}
.burn-step p{margin-bottom:0}
.page-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:35px 0 12px;flex-wrap:wrap}
.page-bottom p{font:18px/1.5 Notebook,monospace;margin:0;color:#7d432c}
@media(max-width:1000px){.site-header nav{gap:17px}.brand{width:215px}.docs-layout{gap:35px;grid-template-columns:175px minmax(0,1fr)}.tier-card{padding:21px}.burn-flow{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:760px){.site-header{gap:8px;min-height:0;padding-top:17px;padding-bottom:16px}.site-header .brand{width:180px}.site-header nav{width:100%;gap:4px 19px;font-size:14px;justify-content:flex-start}.site-header nav .nav-demo{padding:7px 10px;margin-left:auto}.page-intro{padding:34px 0 26px}.page-intro h1{font-size:42px;letter-spacing:-1.3px}.page-intro>p:last-child{font-size:17px}.docs-layout{grid-template-columns:1fr;gap:29px;padding-top:26px}.contents{position:static;border-bottom:1px dashed #b9a487;padding-bottom:20px;display:flex;gap:0 19px;flex-wrap:wrap}.contents>p{width:100%;margin-bottom:5px}.contents .contents-roadmap{border:0;margin:0;padding:8px 0}.doc-section h2,.roadmap-section h2{font-size:29px}.phase-list{grid-template-columns:1fr}.phase-card{padding:23px}.tier-grid{grid-template-columns:1fr}.tier-card{padding:24px}.roadmap-section{padding:32px 0}.section-heading{gap:9px}.footer-nav{width:100%;gap:12px 22px}.footer-nav a{margin-left:0}footer>span:nth-child(2){order:initial;width:auto}.doc-section{padding-bottom:27px;margin-bottom:28px}}
@media(max-width:400px){.site-header nav{gap:4px 14px}.site-header nav .nav-demo{margin-left:0}.page-intro h1{font-size:37px}.page-intro .eyebrow{font-size:14px}.burn-flow{grid-template-columns:1fr}.docs-table{font-size:15px}.docs-table th:first-child{width:38%}.doc-actions .button{padding:11px 16px}}