/* Public inner pages share the homepage's quiet ground, type and navigation. */
.inner-page {
 --paper:#0b0913; --white:#151120; --deep:#110e19; --ink:#eee9f5; --muted:#b4abc4;
 --line:#2e283c; --line-strong:#5a4f6e; --accent:#c9bcf5; --surface-hover:#211b30; --focus:#e2ceff;
 background-color:var(--paper); background-image:radial-gradient(ellipse 70% 460px at 70% -200px,#a98cff12,transparent);
 color:var(--ink); font-size:16px; line-height:1.6;
}
.inner-page .wrap { width:calc(100% - 64px); max-width:1216px; }
.inner-page .inner-header { min-height:96px; justify-content:space-between; padding:20px 0; gap:24px; border-bottom:1px solid var(--line); }
.inner-page .inner-header .brand { font:600 20px/1 var(--display); letter-spacing:-.025em; white-space:nowrap; }
.inner-header .brand-emblem { width:34px; height:34px; object-fit:contain; }
.inner-page .inner-header .nav { display:flex; width:auto; flex-wrap:wrap; align-items:center; gap:8px; padding:0; border:0; border-radius:0; background:none; }
.inner-page .inner-header .nav a { display:inline-flex; align-items:center; min-height:40px; padding:8px 14px; border-radius:6px; font-size:14px; font-weight:500; color:var(--muted); text-decoration:none; white-space:nowrap; }
.inner-page .inner-header .nav a:hover { background:#ffffff06; color:var(--ink); }
.inner-page .inner-header .nav a[aria-current=page] { color:var(--ink); background:#c9bcf50c; box-shadow:inset 0 -1px #c9bcf5; }
.inner-page .inner-header .nav .nav-start { margin-left:10px; padding-inline:18px; background:#ece7fb; color:#110c1c; border:1px solid #fff; border-radius:7px; box-shadow:inset 0 -1px 0 #110c1c1f,0 1px 2px #0006; }
.inner-page .inner-header .nav .nav-start:hover { background:#fff; color:#110c1c; }
.inner-page :is(a,button,summary):focus-visible { outline:2px solid var(--focus); outline-offset:4px; }
.inner-page .site-menu-toggle { display:none; }
.inner-page .breadcrumbs { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:0; margin:0 0 30px; font-size:12px; color:#8e849f; }
.breadcrumbs a { color:var(--muted); text-decoration:none; }
.breadcrumbs a:hover { color:var(--ink); }
.breadcrumbs [aria-current] { color:#c9bcf5; }
.inner-page .inner-footer { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:24px 48px; border-top:1px solid var(--line); padding:36px 0 44px; margin-top:0; }
.inner-page .inner-footer .brand { font:600 18px/1.3 var(--display); }
.inner-page .inner-footer p { font-size:13px; color:var(--muted); max-width:38ch; margin:12px 0 0; }
.inner-footer nav { display:flex; flex-wrap:wrap; gap:16px 24px; }
.inner-footer nav a { font-size:13px; color:var(--muted); text-decoration:none; padding-block:4px; }
.inner-footer nav a:hover { color:var(--ink); text-decoration:underline; }
.inner-page :is(.example-decisions,.example-next) { padding-block:48px; border-top:1px solid var(--line); }
.inner-page :is(.example-decisions,.example-next) h2 { font:500 clamp(26px,3vw,36px)/1.3 var(--display); letter-spacing:-.025em; margin:0 0 20px; }
.inner-page :is(.example-decisions,.example-next) p { max-width:68ch; font-size:16px; line-height:1.75; }
.inner-page.system-example-page .doc-title { padding:44px 0 48px; }
.inner-page.system-example-page .doc-title h1 { font:500 clamp(34px,4.5vw,54px)/1.15 var(--display); letter-spacing:-.035em; max-width:22ch; margin:0 0 20px; }
.inner-page.system-example-page .doc-title p { max-width:65ch; font-size:17px; }
.inner-page .section-links { display:flex; flex-wrap:wrap; gap:12px 24px; margin:28px 0 0; font-size:14px; }
.inner-page .section-links a { color:var(--accent); text-underline-offset:5px; }
.inner-page.evidence-page .worked-section { padding-top:36px; }
.inner-page.evidence-page .editorial-heading h1 { font:500 clamp(36px,4.5vw,56px)/1.16 var(--display); letter-spacing:-.035em; max-width:none; }
.inner-page.evidence-page .editorial-heading>div>p:first-child { font-size:16px; line-height:1.75; }
.inner-page.evidence-page .section-kicker { display:none; }
.inner-page.evidence-page .editorial-heading { margin-top:0; }
.inner-page .button { border-radius:8px; }
@media(max-width:900px) {
 .inner-page .wrap { width:calc(100% - 48px); }
 .inner-page .inner-header .nav { gap:0; }
 .inner-page .inner-header .nav a { padding-inline:10px; }
}
@media(max-width:700px) {
 .inner-page .wrap { width:calc(100% - 40px); }
 .inner-page .inner-header { min-height:80px; flex-wrap:wrap; gap:12px; padding-block:18px; }
 .inner-page .inner-header .brand { font-size:19px; }
 .inner-page .inner-header .nav { flex-basis:100%; align-items:stretch; gap:4px; }
 .inner-page .inner-header .nav a { flex:1; justify-content:center; font-size:13px; padding-inline:10px; }
 .inner-page .inner-header .nav .nav-start { margin-left:0; }
 .inner-page .menu-ready .site-menu-toggle { display:flex; align-items:center; gap:10px; min-height:44px; padding:8px 12px; border:1px solid var(--line); border-radius:6px; background:transparent; color:var(--ink); font:500 13px var(--body); cursor:pointer; }
 .site-menu-toggle svg { width:18px; height:18px; }
 .inner-page .menu-ready .site-menu-toggle[aria-expanded=false] + .nav { display:none; }
 .inner-page .inner-footer { padding-block:28px 36px; }
 .inner-footer nav { gap:8px 20px; }
 .inner-footer nav a { padding-block:8px; }
 .inner-page .breadcrumbs { margin-bottom:24px; }
 .inner-page.system-example-page .doc-title { padding-top:28px; }
}

.inner-product-demo { margin:0 0 48px; padding:12px 0 24px; }
.inner-product-demo iframe { display:block; width:100%; height:900px; border:0; background:transparent; }
.inner-product-demo figcaption { max-width:76ch; margin:22px auto 0; color:var(--muted); font-size:12px; line-height:1.75; text-align:center; }
.inner-page.evidence-page .worked-section>.section-links { margin:0 0 36px; }
@media(max-width:700px) { .inner-product-demo iframe { height:1500px; } }