/* TENURE / operational clarity. Final shared presentation layer. */
:root{
  --paper:#f4f3ee;--bg:#f4f3ee;--card:#fffefa;--soft:#eeede7;
  --ink:#202220;--muted:#626661;--line:#dddad5;
  --lime:#f17449;--accent:#f17449;--signal:#f17449;
  --surface-raised:#fffefa;--surface-inset:#eeede7;
  --border-strong:#cbc8c1;--signal-soft:#fbe9df;
  --shadow-panel:0 1px 2px #20222004,0 5px 18px #20222003;
}
body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:#f8bc9f;color:#202220}
h1,h2,h3{font-feature-settings:"ss01" on;text-wrap:balance}
p{ text-wrap:pretty }
.eyebrow{letter-spacing:.09em;color:#70746d}
.button{border-radius:8px;font-weight:600;box-shadow:0 1px 1px #20222005;min-height:44px}
.button.dark{background:#282725;border-color:#282725;color:#fffefa}
.button.accent,.button.lime,.button.primary{background:var(--signal);border-color:var(--signal);color:#25221d}
.button.outline{background:#fffefa;border-color:#cfccc6;color:#3a3834}
.button:hover{transform:none}
button:disabled,.button:disabled{opacity:1;background:#e9e7e4;border-color:#dedbd6;color:#7b776e;box-shadow:none}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ba461f;outline-offset:4px}
.button:focus-visible{outline-offset:3px}
.badge,.status-tag,.environment{border-radius:5px;letter-spacing:.025em;line-height:1.6}
.badge.green,.badge.success{background:#edf2e9;color:#3f6235;border:1px solid #d5e1cd}
.badge:not(.green):not(.success),.status-tag{background:#eeedeb;color:#67645c;border:1px solid #dfddd9}
.ui-icon{flex-shrink:0}

/* Overview: a concentrated opening, followed by compact product detail. */
.header.wrap{height:88px}
.header .brand{font-size:24px;letter-spacing:-.065em}
.header nav{gap:26px}
.header nav a{font-size:12px;color:#625f57}
.header-actions .button{min-height:40px;padding:10px 15px}
.stage-hero{background:#23221f;border:1px solid #35332f;border-radius:18px;padding:45px 46px 72px;min-height:548px;gap:34px;box-shadow:0 12px 35px #23221f08}
.stage-hero:before{background:radial-gradient(ellipse at 78% 14%,#f1744910,transparent 58%)}
.stage-hero h1{font-size:clamp(60px,6.2vw,86px);letter-spacing:-.065em;line-height:1.01;margin:23px 0 22px}
.stage-hero .eyebrow{color:#c2bfb7;font-size:9px;letter-spacing:.075em}
.stage-hero .hero-description{color:#c5c1b9;font-size:15px;line-height:1.75;max-width:370px}
.stage-hero .hero-note{color:#b8b3a8;line-height:1.7}
.stage-hero .hero-actions{margin-top:26px;gap:20px}
.hero-bottom{padding:17px 26px;border-color:#ffffff12;background:#15141224;color:#b6b2a7}
.hero-bottom>span:first-child{color:#d7d4ce}
.routing-visual{max-width:495px;justify-self:end}
.source-node,.destination-node{background:#2e2c29;border-color:#4c4a44;box-shadow:0 6px 14px #0002}
.source-node small,.destination-node small{color:#bdb9b0}
.illustration-label{color:#c0bcb2;border-color:#4e4c46;background:#2c2a27}
.visual-caption,.visual-bottom{color:#b2ada2}
.engine-chip{border-color:#ba6f49;box-shadow:2px 4px 0 #73422e,4px 8px 0 #3c2e23,5px 20px 34px #0005}
.proof-strip{padding-block:23px}
#mechanism.section{padding-block:48px 22px}
#mechanism .section-heading{margin-bottom:24px}
#mechanism .section-heading h2{font-size:clamp(32px,3.7vw,48px);margin-top:16px}
.mechanism-grid{gap:12px}
.mechanism-item,.mechanism-item+article{border-color:var(--line);border-radius:11px;padding:23px 24px;background:var(--card);box-shadow:var(--shadow-panel)}
.mechanism-item .step-index{color:#9c573a;font-size:10px}
.mechanism-item .line-icon{margin-block:20px}
.mechanism-item h3{font-size:22px;line-height:1.2}
.mechanism-item p{font-size:13px;line-height:1.7;margin:12px 0 18px;color:#6b6860}
.mechanism-item .mini-code{background:#f1f0ee;border-color:#e3e1dd;font-size:9px}
.boundary-note{margin-top:20px;padding-block:2px}
.explore-intro{padding:24px 0 18px}
.explore-intro h2{font-size:30px;margin-top:10px;letter-spacing:-.04em}
.product-disclosure{border-color:#dbd9d3;border-radius:10px;background:var(--card);box-shadow:0 1px 1px #20222003;margin-bottom:9px}
.product-disclosure>summary{min-height:79px;padding:18px 23px;gap:20px}
.disclosure-number{width:24px;color:#a85131;letter-spacing:.025em}
.disclosure-label strong{font-size:18px;font-weight:500;letter-spacing:-.025em;line-height:1.3}
.disclosure-label small{font-size:12px;color:#6f6c64;line-height:1.6;margin-top:3px}
.product-disclosure>summary>.ui-icon{width:17px;height:17px;color:#6b6860}
.product-disclosure[open]>summary{background:#f2f1ef;border-color:#dedcd7}
.disclosure-body{padding:25px}
.disclosure-body #roadmap{background:#252422;border:1px solid #3a3834}
.disclosure-body .phase-detail{background:#2f2e2b;border-color:#4c4a45;border-radius:9px;min-height:0}
.phase-detail>p,.gate p{color:#c3c0b7}
.roadmap-list button{border-color:#4a4842;padding-block:18px}
.roadmap-list button[aria-selected=true]{color:#ffbe9b}
.roadmap-list button[aria-selected=true]>span{background:#f17449;color:#202220}
.architecture-board{border-radius:10px;border-color:#dbd9d3;background-color:#f1f1ef}
.architecture-core{border-color:#cbc8c0;border-radius:8px;box-shadow:0 6px 20px #2b2a2706}
.faq-section summary{font-size:15px;line-height:1.5}
.faq-section details p{font-size:13px;line-height:1.85;color:#6b6860}
.compact-close{padding-block:25px}
.footer{padding-block:26px}

/* Shared workspace shell. Keep dimensions consistent with its existing breakpoints. */
.sidebar{background:#23221f;border-color:#34322e}
.sidebar .brand{letter-spacing:-.06em;color:#fffdf5}
.sidebar .brand small,.sidebar .brand .version{color:#bab5ab}
.workspace-label,.workspace-tag{color:#b0aba0;letter-spacing:.07em}
.sidebar nav>a,.sidebar nav button{border-radius:7px;border:1px solid transparent;color:#c4c0b7;font-size:12px;line-height:1.5;min-height:44px;padding:11px 12px;gap:11px}
.sidebar nav>a[aria-current],.sidebar nav button[aria-current=page]{background:#363430;border-color:#4e4b45;box-shadow:inset 2px 0 0 #f17449;color:#fffdf5}
.sidebar nav>a[aria-current] .ui-icon,.sidebar nav button[aria-current=page] .ui-icon{color:#ffac82}
.sidebar nav button b,.sidebar nav>a>small{font-size:9px;color:#a7a194}
.sidebar nav button[aria-current=page] b{color:#fbb38e}
.sidebar-foot,.sidebar-bottom{color:#c5c1b9}
.sidebar-foot p,.sidebar-bottom p{color:#b0ab9f;font-size:11px;line-height:1.8}
.sidebar-foot a,.sidebar-bottom>a{color:#d0cdc7;font-size:11px;line-height:1.7}
.sidebar+main .topbar{height:74px;min-height:64px;border-color:#dbd9d3;font-size:10px}
.sidebar+main .page-heading{margin:31px 0 24px}
.page-heading .eyebrow{font-size:9px;margin-bottom:14px;color:#7f7b72}
.page-heading h1{font-size:clamp(34px,3.5vw,51px);line-height:1.08;letter-spacing:-.055em}
.page-heading p{font-size:13px;line-height:1.8;max-width:760px;color:#6d6961}
.page-heading p a{color:#985437;text-decoration:underline;text-underline-offset:3px}
.sidebar+main .panel{padding:23px;border-radius:11px;border-color:#dad8d3;background:var(--card);box-shadow:var(--shadow-panel);animation:none;min-width:0}
.sidebar+main .panel-head,.sidebar+main .panel-heading{margin-bottom:19px;gap:13px}
.sidebar+main h2{font-size:22px;line-height:1.25;letter-spacing:-.035em}
.sidebar+main h3{font-size:19px;line-height:1.35;letter-spacing:-.03em}
.sidebar+main .eyebrow{font-size:9px;line-height:1.6}
.panel-head .eyebrow{margin-bottom:7px}
.studio-grid,.protocol-grid{gap:18px}
.dashboard-stats,.stats,.metrics{border:1px solid #d8d6d0;background:var(--card);border-radius:11px;box-shadow:var(--shadow-panel);overflow:hidden}
.dashboard-stats>div,.stats>div,.metrics>div{padding:20px 22px;border-color:#dedcd8;min-width:0}
.dashboard-stats span,.stats span,.metrics span,.token-stats span{font-size:9px;line-height:1.6;letter-spacing:.035em;color:#747067}
.dashboard-stats strong,.stats strong,.metrics strong{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-weight:500;line-height:1.25;margin:10px 0 6px}
.dashboard-stats strong{font-size:35px}
.dashboard-stats small,.stats small,.metrics small{font-size:11px;line-height:1.6;color:#7b776e}
.pipeline{background:#ecebe8;border-color:#dbd9d3;border-radius:9px;margin-bottom:20px}
.pipeline>div{padding:18px 21px;border-color:#dbd9d3}
.pipeline b{margin-bottom:10px;color:#9f6040;font-size:9px}
.pipeline strong{font-size:18px;letter-spacing:-.025em}
.pipeline span{font-size:11px;line-height:1.6;margin-top:6px}
.sidebar+main label{font-size:12px;font-weight:500;color:#59564f;line-height:1.6}
.sidebar+main input:not([type=range]),.sidebar+main select{border:1px solid #d1cec7;border-radius:7px;background:#fffefa;color:#34322e;min-height:44px;padding:11px 12px;font-size:13px;box-shadow:inset 0 1px 2px #2c2b2803}
.sidebar+main input::placeholder{color:#938c7c;opacity:1}
.sidebar+main input:read-only{background:#efeeeb}
.sidebar+main input[type=file]{min-height:40px;padding:8px;font-size:11px;box-shadow:none}
.sidebar+main input[type=file]::file-selector-button{border:1px solid #cecbc4;border-radius:4px;background:#efeeec;color:#52504a;padding:6px 9px;margin-right:10px;font:inherit;cursor:pointer}
.sidebar+main .wallet-actions select{width:auto;font-size:12px;padding:9px 11px}
.sidebar+main .recipient,.sidebar+main .project-card,.sidebar+main .pump-plan-card{background:#f3f2f1;border-color:#dbd9d4;border-radius:8px;padding:17px}
.project-card h3{font-size:18px}
.recipient-top input,.router-row input{background:#fffefa}
.fineprint,.panel-description{font-size:12px;line-height:1.8;color:#747067}
.term-note,.validation{background:#efeeec;border-radius:0 7px 7px 0;border-left-color:#dc764c;color:#67645c;font-size:11px;line-height:1.85;padding:14px 16px}
.term-note{margin-block:18px}
.module-list>div{padding-block:12px;border-color:#e0deda}
.module-list strong{font-size:13px;color:#44423d}
.module-list span{font-size:10px;line-height:1.75;color:#747067}
.text-button{color:#a05131;font-size:12px;font-weight:500}
.flow,.token-stats{background:#edecea;border:1px solid #dbd9d4;border-radius:8px}
.token-stats strong{font-size:19px;color:#42403c}
.notice{border-radius:8px;font-size:12px;background:#f9eee2;border-color:#e4ceb2;color:#78583e}
.notice.error,.error-box{background:#fff0e8;color:#963f29;border-color:#e8bdaa}
.operation-review{border-color:#c7c4bc!important;box-shadow:0 0 0 3px #e4e3df, var(--shadow-panel)!important}
.router-tools table{border-collapse:collapse;width:100%}
.router-tools th{background:#efeeeb;color:#5c5953;padding:11px 9px;font-size:10px;text-align:left}
.router-tools td{padding:11px 9px;font-variant-numeric:tabular-nums;border-color:#e0deda}
.router-settlement,.authority-row,.execution-facts>div{border-color:#e0deda}
.public-address,.receipt-card p{overflow-wrap:anywhere}

/* Lab: execution first, supporting evidence available in focused disclosures. */
.sidebar+main>.hero{min-height:0;padding:37px 0 30px;gap:32px}
.sidebar+main>.hero h1{font-size:clamp(40px,4.3vw,65px);line-height:1.035;letter-spacing:-.06em}
.sidebar+main>.hero .hero-copy>p{font-size:14px;line-height:1.8;margin-top:20px;max-width:520px;color:#6c6961}
.sidebar+main>.hero .hero-copy>.hero-note{font-size:11px;line-height:1.8;margin-top:16px;max-width:460px;color:#817d74}
.sidebar+main>.hero .hero-actions{margin-top:23px;gap:17px}
.flow-card{padding:21px;border-radius:12px;background:#e9e7e4;border-color:#d7d4ce;box-shadow:inset 0 1px 0 #ffffff80}
.flow-caption{font-size:8px;letter-spacing:.045em;color:#736f67;margin-bottom:16px}
.flow-node{padding:13px 14px;gap:11px;background:#fffefa;border-radius:8px;border-color:#d7d4ce;box-shadow:0 2px 3px #29282503}
.flow-icon{width:33px;height:33px;border-radius:7px;background:#f9e4d8;color:#ac5730;border-color:#eecab4}
.flow-node strong{font-size:12px;color:#3c3a36}
.flow-node small{font-size:10px;color:#807c73}
.flow-connector{height:14px;margin-left:30px;border-color:#bdb9af}
.flow-foot{font-size:8px;padding-top:15px;color:#7a766d}
.run-status{padding:16px 20px;border-color:#d6d4ce;border-radius:9px;background:#eceae7}
.run-status strong{font-size:13px;color:#494741}
.run-status p{font-size:11px;line-height:1.8;color:#716d65}
.metrics{margin-top:18px}
.metrics strong{font-size:29px}
.metrics #metricCollected,.metrics #metricPaid{font-size:clamp(16px,12cqw,29px);white-space:nowrap}
.results-heading{margin:30px 0 19px;gap:16px}
.results-heading .eyebrow{margin-bottom:8px}
.desk-grid{align-items:start;gap:18px}
.desk-grid>.right-column{display:grid;grid-template-columns:minmax(0,1fr);align-self:start;align-content:start;gap:12px;min-width:0}
.inspector-disclosure{background:var(--card);border:1px solid #d9d6d0;border-radius:10px;margin-bottom:12px;box-shadow:var(--shadow-panel);min-width:0}
.inspector-disclosure>summary{padding:16px 20px;min-height:55px;line-height:1.5;font-size:13px;font-weight:500;color:#46443f;gap:14px}
.inspector-disclosure>summary>span{width:24px;height:24px;display:grid;place-items:center;background:#f6ecdf;border:1px solid #e8d2b7;border-radius:50%;font-size:17px;line-height:1;color:#a66238;flex:none}
.inspector-disclosure[open]>summary{border-bottom:1px solid #e1dfda;background:#f4f3f1;border-radius:9px 9px 0 0}
.sidebar+main .inspector-disclosure>.panel{border:0;box-shadow:none;margin:0;padding:20px;border-radius:0 0 10px 10px;background:transparent}
.desk-grid .right-column>.inspector-disclosure{margin:0}
.desk-grid+.inspector-disclosure{margin-top:18px}
.step{padding-block:18px;border-color:#e2e0db}
.step-number{background:#fae8db;border-color:#edcdb3;color:#a35430;width:27px;height:27px;font-size:10px}
.step-title strong{font-size:12px;line-height:1.7;color:#46443f}
.step-title .badge{font-size:8px;line-height:1.5}
.step-meta{font-size:10px;line-height:1.85;color:#7c7970;margin:8px 0 0 39px}
.step summary{font-size:11px;color:#6f6c64;min-height:32px}
.step pre,.account-detail pre{background:#282724;color:#d0cdc6;border:1px solid #3e3c38;border-radius:7px;padding:15px;line-height:1.85}
.trace-panel .empty-state{min-height:220px;padding:30px 20px}
.empty-state>span{background:#f5eddc;border-color:#e5d6ba;color:#b27140;width:44px;height:44px;border-radius:10px;margin-bottom:16px}
.empty-state p,.empty-copy{font-size:12px;line-height:1.8;color:#837f75}
.empty-copy{padding-block:8px}
.detail-row{border-color:#e2e0dc;padding-block:11px;gap:14px;font-size:11px;line-height:1.8}
.detail-row>span{color:#7a776e}
.detail-value{font-size:10px;line-height:1.9;color:#47443f;font-variant-numeric:tabular-nums}
.address-copy code{font-size:10px;color:#64615a}
.copy-button{min-height:32px;min-width:40px;border-color:#d4d1ca;background:#f6f5f4;color:#636059}
.route{padding:15px;border-radius:8px;border-color:#dcdad5;background:#f3f2f0;margin-top:14px}
.route-heading{font-size:11px;line-height:1.7;margin-bottom:8px}
.route p{font-size:10px;color:#77736b;margin-top:10px}
.route-track{height:4px;background:#dedcd7;margin-top:12px}
.check{font-size:11px;line-height:1.8;padding-block:13px;border-color:#e2e0db}
.check small{font-size:10px;color:#7e7a70}
.check-icon{color:#4d783a}
.account-layout{margin-top:18px;gap:18px}
.account-row{padding:13px 15px;border-radius:7px;min-height:64px;background:#f6f5f4;border-color:#dedcd7}
.account-row strong{font-size:11px}
.account-row small{font-size:10px;line-height:1.75;color:#817d74}
.account-row[aria-pressed=true]{background:#fbede1;border-color:#e8b896;box-shadow:inset 2px 0 0 #e88950}
.account-detail{background:#efeeeb;border-color:#dad8d2;border-radius:8px;padding:20px}
.provenance>div>p{font-size:12px;line-height:1.85;color:#7b776e}
.sidebar+main footer{padding-block:26px;font-size:9px;color:#807c72}

/* Technical reading uses the same card and typographic rhythm. */
.docs-hero{padding-block:45px 32px}
.docs-hero h1{font-size:clamp(40px,5vw,68px);letter-spacing:-.06em;line-height:1.04}
.docs-hero p{font-size:14px;line-height:1.8;color:#6e6a62;max-width:660px}
.docs-layout{gap:42px}
.docs-nav{border-color:#dad8d3}
.docs-nav a{font-size:11px;line-height:1.7;color:#726e66}
.docs-content section{scroll-margin-top:28px}
.docs-content h2{font-size:30px;line-height:1.15;letter-spacing:-.035em}
.docs-content h3{font-size:20px;line-height:1.3;letter-spacing:-.025em}
.docs-content p,.docs-content li{font-size:13px;line-height:1.85;color:#6f6b63}
.docs-content pre{background:#262522;color:#d4d1ca;border:1px solid #42403c;border-radius:9px;font-size:11px;line-height:1.85;overflow:auto}
.docs-callout{border-radius:0 8px 8px 0;background:#ebe9e6;border-color:#e58c55}
.docs-content table{border-color:#d8d5cf;font-size:12px;line-height:1.75}
.docs-content th{background:#e9e7e4;color:#4c4a45}
.docs-content td{border-color:#dedbd6}

@media(hover:hover){
  .button.dark:not(:disabled):hover{background:#3e3c38;border-color:#3e3c38}
  .button.accent:not(:disabled):hover,.button.lime:not(:disabled):hover,.button.primary:not(:disabled):hover{background:#ff865b;border-color:#ff865b;box-shadow:0 3px 9px #d9774920}
  .button.outline:not(:disabled):hover{background:#f0efec;border-color:#bcb7ad}
  .product-disclosure>summary:hover,.inspector-disclosure>summary:hover{background:#efeeeb}
  .sidebar nav>a:hover,.sidebar nav button:hover{background:#312f2b;color:#f6f6f5;border-color:#42403c}
  .sidebar nav>a[aria-current]:hover,.sidebar nav button[aria-current=page]:hover{background:#3b3935}
  .header nav a:hover,.text-link:hover{color:#ad582d}
}
@media(min-width:1101px){
  .sidebar+main{padding-inline:32px}
  .desk-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr)}
}
@media(min-width:1550px){.sidebar+main{padding-inline:46px}.sidebar+main .panel{padding:26px}}
@media(min-width:701px) and (max-width:1100px){
  .desk-grid>.right-column{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sidebar+main .panel{padding:21px}
  .stage-hero{padding:38px 34px 65px;gap:20px;min-height:500px}
  .stage-hero h1{font-size:clamp(54px,6.3vw,70px)}
}
@media(max-width:850px){
  .header.wrap{height:78px}
  .docs-layout{gap:26px}
}
@media(max-width:700px){
  .header.wrap{height:67px;gap:12px}
  .header .brand{font-size:22px}
  .header-actions .button{min-height:38px;padding:9px 12px;font-size:11px}
  .stage-hero{padding:26px 23px 0;min-height:0;border-radius:13px;margin-top:9px;gap:0}
  .stage-hero h1{font-size:clamp(42px,11.2vw,63px);line-height:1.025;margin:19px 0 17px}
  .stage-hero .eyebrow{font-size:8px;line-height:1.7;letter-spacing:.025em}
  .stage-hero .hero-description{font-size:14px;line-height:1.7;max-width:370px}
  .stage-hero .hero-actions{gap:10px 16px;margin-top:20px}
  .stage-hero .hero-note{font-size:10px;margin-top:13px;line-height:1.65}
  .hero-bottom{padding:12px 0 15px;background:none;font-size:8px}
  .compact-route{padding-block:19px;color:#cbc8c1}
  .compact-route b{color:#f7ac81}
  #mechanism.section{padding-block:30px 10px}
  #mechanism .section-heading{margin-bottom:12px}
  #mechanism .section-heading h2{font-size:29px;margin-top:10px;line-height:1.15}
  .mechanism-item,.mechanism-item+article,.mechanism-item:last-child{padding:17px 0;border:0;border-bottom:1px solid #dcd9d4;background:none;border-radius:0;box-shadow:none}
  .mechanism-item h3{font-size:19px;margin:0}
  .mechanism-item p{font-size:13px;line-height:1.65;margin:0}
  .boundary-note{margin-top:16px}
  .explore-intro{padding:24px 0 15px}
  .explore-intro h2{font-size:26px;margin-top:8px}
  .product-disclosure>summary{padding:16px;gap:12px;min-height:75px}
  .disclosure-number{width:16px;font-size:9px}
  .disclosure-label strong{font-size:16px}
  .disclosure-label small{font-size:11px;line-height:1.6;margin-top:4px}
  .disclosure-body{padding:18px 14px}
  .disclosure-body #roadmap{padding:19px 15px}
  .faq-section summary{font-size:14px;line-height:1.6;padding-block:17px}
  .faq-section details p{font-size:12px;line-height:1.85}
  .compact-close{padding-block:20px}
  .footer{padding-block:23px}
  .sidebar{padding:14px 18px;min-height:66px}
  .workspace-menu>summary{border-color:#5d5a53;color:#e5e4e0;background:#2c2a27;border-radius:7px;font-size:11px}
  .workspace-menu[open]>nav{background:#242320;border-color:#4b4944;padding:12px 18px 16px}
  .workspace-menu .menu-utility{border-color:#4a4843;color:#dad8d3}
  .sidebar nav>a,.sidebar nav button{min-height:44px;font-size:11px;padding:10px 11px;gap:9px}
  .sidebar+main .topbar{height:auto;min-height:65px;padding-block:11px;font-size:9px;gap:10px}
  .sidebar+main .wallet-actions select{font-size:12px;min-height:42px;padding:9px}
  .wallet-actions .button{min-height:42px;font-size:11px;gap:10px;padding:10px 12px}
  .sidebar+main .page-heading{margin:25px 0 20px}
  .page-heading h1{font-size:34px;line-height:1.08}
  .page-heading p{font-size:13px;line-height:1.75;margin-top:15px}
  .sidebar+main .eyebrow{font-size:9px;letter-spacing:.045em}
  .sidebar+main .panel{padding:18px;border-radius:10px}
  .sidebar+main h2{font-size:21px;line-height:1.3}
  .sidebar+main h3{font-size:18px;line-height:1.35}
  .sidebar+main .panel-head,.sidebar+main .panel-heading{gap:10px;margin-bottom:17px}
  .badge,.status-tag,.environment{font-size:9px;line-height:1.6;white-space:normal;overflow-wrap:anywhere}
  .dashboard-stats>div{padding:15px 11px}
  .dashboard-stats span,.stats span,.metrics span{font-size:10px;line-height:1.6;letter-spacing:0}
  .dashboard-stats strong{font-size:28px;margin:8px 0 6px}
  .dashboard-stats small{font-size:10px;line-height:1.55}
  .stats>div,.metrics>div{padding:18px 15px}
  .stats strong,.metrics strong{font-size:26px}
  .metrics small{font-size:10px}
  .pipeline>div{padding:16px}
  .pipeline strong{font-size:17px}
  .pipeline span{font-size:11px}
  .sidebar+main label{font-size:12px;line-height:1.65}
  .sidebar+main input:not([type=range]):not([type=file]),.sidebar+main select{font-size:16px;min-height:46px;line-height:1.4;padding:11px;max-width:100%}
  .sidebar+main .wallet-actions select{font-size:16px;max-width:110px}
  .sidebar+main .recipient{padding:12px}
  .recipient-top{grid-template-columns:16px minmax(0,1fr) 73px 24px}
  .recipient-top label{font-size:11px}
  .router-row{grid-template-columns:minmax(0,1fr) 75px 26px}
  .fineprint,.panel-description{font-size:12px;line-height:1.8}
  .term-note,.validation{font-size:11px;line-height:1.85;padding:13px}
  .project-cards{gap:12px}
  .sidebar+main .project-card{padding:16px}
  .sidebar+main>.hero{padding:26px 0 24px;gap:0;grid-template-columns:minmax(0,1fr)}
  .sidebar+main>.hero h1{font-size:40px;line-height:1.055}
  .sidebar+main>.hero .hero-copy>p{font-size:13px;line-height:1.8;margin-top:16px}
  .sidebar+main>.hero .hero-copy>.hero-note{font-size:11px;line-height:1.8;margin-top:14px}
  .sidebar+main>.hero .hero-actions{margin-top:19px;gap:15px}
  .sidebar+main>.hero .flow-card{display:none}
  .run-status{padding:16px;gap:11px}
  .run-status strong{font-size:12px}
  .run-status p{font-size:11px;line-height:1.8}
  .metrics{margin-top:17px}
  .results-heading{margin:27px 0 18px}
  .desk-grid,.desk-grid>.right-column{grid-template-columns:minmax(0,1fr);gap:12px}
  .desk-grid{gap:14px}
  .inspector-disclosure>summary{padding:15px 17px;min-height:55px;font-size:13px}
  .sidebar+main .inspector-disclosure>.panel{padding:17px}
  .inspector-disclosure>summary>span{width:23px;height:23px}
  .trace-panel .empty-state{min-height:200px;padding:25px 15px}
  .step{padding-block:16px}
  .step-title{gap:9px;flex-wrap:wrap}
  .step-title strong{font-size:12px}
  .step-title .badge{font-size:9px}
  .step-meta,.step details{margin-left:0}
  .step-meta{font-size:10px}
  .step summary{min-height:38px}
  .detail-row{font-size:11px;padding-block:11px;gap:10px}
  .detail-value,.address-copy code{font-size:10px}
  .copy-button{min-height:40px;min-width:43px}
  .account-layout{grid-template-columns:minmax(0,1fr);gap:15px}
  .account-detail{padding:17px}
  .account-row{min-height:66px}
  .check{font-size:12px;line-height:1.7}
  .docs-hero{padding-block:30px 25px}
  .docs-hero h1{font-size:43px}
  .docs-content h2{font-size:27px}
  .docs-content p,.docs-content li{font-size:13px}
  .docs-content pre{font-size:10px}
}
@media(max-width:380px){
  .sidebar{padding-inline:14px}
  .stage-hero{padding-inline:19px}
  .dashboard-stats>div{padding:13px 9px}
  .dashboard-stats span{font-size:9px}
  .dashboard-stats small{font-size:10px}
  .sidebar+main .panel{padding:16px}
  .recipient-top{grid-template-columns:14px minmax(0,1fr) 66px 22px;gap:5px}
  .sidebar+main>.hero h1{font-size:37px}
}

/* 2026-10 / refined operating surfaces. Scoped away from the product landing. */
body:has(>.sidebar){--paper:#f1f1eb;--bg:#f1f1eb;--card:#fffef9;--ink:#18342b;--muted:#65746b;--line:#d8ded4;background:var(--paper)}
body:has(>.sidebar) .sidebar{background:#142e25;border-color:#2e463a}
body:has(>.sidebar) .sidebar .brand{font-size:22px;letter-spacing:-.055em}
body:has(>.sidebar) .workspace-tag,body:has(>.sidebar) .workspace-label{color:#9cafa1;font-size:9px}
body:has(>.sidebar) .sidebar nav>a,body:has(>.sidebar) .sidebar nav button{border-radius:6px;color:#b9c9bd;min-height:45px;padding-inline:12px}
body:has(>.sidebar) .sidebar nav>[aria-current]{background:#284236;border-color:#3e5846;box-shadow:inset 2px 0 0 #f18a56;color:#fffdf4}
body:has(>.sidebar) .sidebar nav>[aria-current] .ui-icon{color:#f7aa78}
body:has(>.sidebar) .sidebar-bottom{border-top:1px solid #345042;padding-top:17px;margin-top:auto}
body:has(>.sidebar) .sidebar-bottom>a,body:has(>.sidebar) .sidebar-foot a{color:#bacebd}
body:has(>.sidebar) .sidebar-bottom p,body:has(>.sidebar) .sidebar-foot p{color:#9fb0a1}
.sidebar+main{padding-bottom:16px}
.sidebar+main .topbar{border-color:#d5dcd1;height:76px;font-size:10px;letter-spacing:.05em}
.sidebar+main .page-heading{margin:36px 0 26px;max-width:850px}
.sidebar+main .page-heading h1{font-size:clamp(38px,4.2vw,60px);font-weight:500;line-height:1.025;letter-spacing:-.065em;color:#16372a}
.sidebar+main .page-heading p{font-size:14px;line-height:1.65;color:#637067;max-width:630px}
.sidebar+main .eyebrow{color:#78846f;font-size:9px;letter-spacing:.07em}
.sidebar+main .page-heading .eyebrow{color:#8d532e;margin-bottom:15px}
.sidebar+main .panel{border-radius:9px;border-color:#d9ded3;background:#fffef9;box-shadow:0 3px 12px #19332a03;padding:25px}
.sidebar+main .panel-head,.sidebar+main .panel-heading{margin-bottom:20px;align-items:flex-start}
.sidebar+main h2,.sidebar+main h3{color:#1c3b2e;font-weight:500}
.sidebar+main .panel h2{font-size:23px;letter-spacing:-.045em}
.sidebar+main .button{border-radius:6px;min-height:45px;line-height:1.4;font-size:12px;padding:12px 16px;gap:12px}
.sidebar+main .button.dark{background:#1b3c2d;border-color:#1b3c2d;color:#fffdf3}
.sidebar+main .button.outline{background:#fffef9;color:#354c3c;border-color:#cdd7c9}
.sidebar+main .button.lime,.sidebar+main .button.primary{background:#ee8955;border-color:#ee8955;color:#243325}
.sidebar+main button:disabled{background:#e9ece4;border-color:#dce1d6;color:#7e877a}
.sidebar+main .text-button{color:#885130;min-height:44px;line-height:1.55;padding-block:11px}
.sidebar+main input:not([type=range]),.sidebar+main select{border-color:#cdd6c8;border-radius:6px;background:#fffefb;min-height:46px;color:#24402f;font-size:14px;padding:11px 12px}
.sidebar+main input:read-only{background:#eff1e9}
.sidebar+main input:focus-visible,.sidebar+main select:focus-visible{outline:2px solid #568569;outline-offset:2px;border-color:#568569}
.sidebar+main label{color:#53634f}
.sidebar+main .fineprint,.sidebar+main .panel-description{color:#687561;font-size:12px;line-height:1.75}
.sidebar+main .dashboard-stats,.sidebar+main .stats,.sidebar+main .metrics{border-color:#ccd6c7;border-radius:8px;background:#e9eee2;box-shadow:none}
.sidebar+main .dashboard-stats>div,.sidebar+main .stats>div,.sidebar+main .metrics>div{border-color:#cfd8c7;padding:21px 22px}
.sidebar+main .dashboard-stats span,.sidebar+main .stats span,.sidebar+main .metrics span{color:#5a6d54;font-size:10px;letter-spacing:0}
.sidebar+main .dashboard-stats strong,.sidebar+main .stats strong,.sidebar+main .metrics strong{color:#22452e;font-size:34px;margin:7px 0 4px;letter-spacing:-.045em}
.sidebar+main .dashboard-stats small,.sidebar+main .stats small,.sidebar+main .metrics small{color:#6b795f;font-size:11px;line-height:1.5}
.sidebar+main .pipeline{background:transparent;border-color:#d5dccd;border-radius:8px}
.sidebar+main .pipeline>div{padding:17px 20px;border-color:#d5dccd}
.sidebar+main .pipeline b{margin-bottom:6px;color:#9f623b}
.sidebar+main .pipeline strong{color:#36513a;font-size:17px}
.sidebar+main .pipeline span{color:#73816a;font-size:11px;line-height:1.5}
.sidebar+main .recipient,.sidebar+main .project-card,.sidebar+main .pump-plan-card{border-radius:7px;background:#f4f5ee;border-color:#dbe0d3}
.sidebar+main .project-card{padding:18px}
.sidebar+main .term-note,.sidebar+main .validation{background:#f0f1e9;color:#5f6c53;border-left-color:#d68b56;border-radius:0 5px 5px 0;font:11px/1.75 var(--sans,Arial,sans-serif)}
.sidebar+main .badge,.sidebar+main .status-tag,.sidebar+main .environment{border-radius:4px;letter-spacing:.015em;padding:5px 7px}
.sidebar+main .badge.green,.sidebar+main .badge.success{color:#41683e;background:#edf3e7;border-color:#d0dfc5}
.sidebar+main .inspector-disclosure{border-color:#d4dcce;border-radius:8px;box-shadow:none}
.sidebar+main .inspector-disclosure>summary{padding:15px 19px;color:#36503a;font-size:13px;min-height:54px}
.sidebar+main .inspector-disclosure>summary>span{background:#f5eee1;border-color:#e4d6ba;color:#95653c;border-radius:5px}
.sidebar+main .inspector-disclosure[open]>summary{background:#eff2e8;border-color:#dbe2d2;border-radius:7px 7px 0 0}
.sidebar+main .module-list>div,.sidebar+main .detail-row,.sidebar+main .check,.sidebar+main .step{border-color:#dfe4d7}
.sidebar+main .module-list strong,.sidebar+main .step-title strong{color:#3a513c}
.sidebar+main .route,.sidebar+main .account-detail,.sidebar+main .flow{background:#eff2e8;border-color:#d7dfce;border-radius:7px}
.sidebar+main .account-row{background:#fafbf4;border-color:#dbe3d1;border-radius:6px}
.sidebar+main .account-row[aria-pressed=true]{background:#edf2e2;border-color:#9eb48c;box-shadow:inset 3px 0 0 #527645}
.sidebar+main .account-row strong{color:#3e573e}
.sidebar+main .flow-card{background:#e5ebdf;border-color:#ccd7c3;border-radius:10px;padding:22px}
.sidebar+main .flow-node{background:#fbfcf5;border-color:#cfdac6;border-radius:6px}
.sidebar+main .flow-icon{background:#f4e2cb;border-color:#e7cbaa;color:#995f31;border-radius:5px}
.sidebar+main .run-status{background:#e8eee1;border-color:#ccd8c1;border-radius:7px}
.sidebar+main .run-status strong{color:#36553a}
.sidebar+main .run-status p,.sidebar+main .detail-row>span{color:#6b7b60}
.sidebar+main .step pre,.sidebar+main .account-detail pre{background:#17372a;border-color:#33523e;color:#c6d4bf}
.sidebar+main .trace-panel .empty-state{min-height:190px}
.sidebar+main .empty-state>span{background:#edf0e4;border-color:#d3ddc5;color:#657948}
.sidebar+main .router-tools{min-width:0}
.sidebar+main .router-tools th{background:#edf1e5;color:#536746}
.sidebar+main .public-address,.sidebar+main .protocol-grid code,.sidebar+main .pump-plan-card{overflow-wrap:anywhere}
.sidebar+main .form-grid>*{min-width:0}
/* Documentation stays a reading surface, with a clear table of contents. */
body:has(.docs-hero){background:#f2f2eb;color:#203b2c}
.docs-hero{padding-block:48px 32px;border-color:#ccd7c5}
.docs-hero h1{color:#183b29;font-size:clamp(44px,5.2vw,74px);letter-spacing:-.065em;margin-block:19px;line-height:1.02}
.docs-hero p{color:#68765f;font-size:15px;line-height:1.7}
.docs-hero .eyebrow{color:#8e603c;font-size:9px}
.docs-hero .prototype-note{font-size:10px;line-height:1.65;color:#798365;max-width:650px;margin-top:19px}
.docs-layout{padding-block:36px;gap:48px}
.docs-nav{gap:3px;padding:10px 0;border-top:1px solid #cdd9c5}
.docs-nav a{display:flex;align-items:center;min-height:40px;padding:10px 0;color:#5f7655;font-size:11px;border-bottom:1px solid #e0e5d8}
.docs-content section{padding-bottom:30px;margin-bottom:28px;border-color:#d8dfcf}
.docs-content section>.mono{font-size:9px;letter-spacing:.055em;color:#957047;display:block;margin-bottom:12px}
.docs-content h2{color:#23422d;font-size:33px;letter-spacing:-.045em;margin-bottom:18px}
.docs-content h3{color:#3b5538;margin:25px 0 10px}
.docs-content p,.docs-content li{font-size:14px;color:#607155;line-height:1.8}
.docs-content pre{background:#17382a;color:#c5d8bf;border-color:#375540;border-radius:7px;line-height:1.75}
.docs-callout{background:#e9eddf;border-color:#d69454;border-radius:0 6px 6px 0;padding:17px 20px;margin-block:18px}
.docs-callout strong{color:#3f5636;font-size:13px}
.docs-content .docs-callout p{color:#68785b;line-height:1.75}
.docs-content th{background:#e7eddc;color:#456139}
.docs-content td{color:#687960}
@media(hover:hover){
  .sidebar+main .button.dark:not(:disabled):hover{background:#2c5038;border-color:#2c5038}
  .sidebar+main .button.outline:not(:disabled):hover{background:#eff3e7;border-color:#adbfa0}
  .sidebar+main .button.lime:not(:disabled):hover,.sidebar+main .button.primary:not(:disabled):hover{background:#f89a63;border-color:#f89a63}
  body:has(>.sidebar) .sidebar nav>a:hover,body:has(>.sidebar) .sidebar nav button:hover{background:#243f31;border-color:#3e5944;color:#fffdf3}
}
@media(max-width:700px){
  body:has(>.sidebar) .sidebar{min-height:65px;padding:11px 16px;gap:10px;background:#163528}
  body:has(>.sidebar) .sidebar .brand{font-size:20px;gap:7px}
  .workspace-menu>summary{min-height:43px;padding:10px 11px;border-color:#4e6750;background:#244330;border-radius:5px;color:#eef1e7}
  .workspace-menu[open]>nav{background:#173727;border-color:#446044;padding:11px 14px 16px;gap:7px}
  body:has(>.sidebar) .sidebar nav>a,body:has(>.sidebar) .sidebar nav button{min-height:46px;font-size:11px;gap:8px;padding:10px}
  .workspace-menu .menu-utility{border-color:#446144;color:#d5e0ca;border-radius:5px}
  .sidebar+main{padding-inline:16px}
  .sidebar+main .topbar{height:auto;min-height:64px;padding-block:11px;font-size:9px;gap:8px;letter-spacing:.025em}
  .sidebar+main .wallet-actions{gap:7px}
  .sidebar+main .wallet-actions select{font-size:16px;min-height:44px;max-width:108px;padding:9px 7px}
  .sidebar+main .wallet-actions .button{font-size:11px;min-height:44px;padding:10px 12px;gap:9px}
  .sidebar+main .page-heading{margin:23px 0 20px}
  .sidebar+main .page-heading h1{font-size:clamp(33px,9.2vw,43px);line-height:1.04;letter-spacing:-.057em}
  .sidebar+main .page-heading .eyebrow{font-size:9px;letter-spacing:.035em;margin-bottom:12px}
  .sidebar+main .page-heading p{font-size:13px;line-height:1.65;margin-top:13px}
  .sidebar+main .panel{padding:17px;border-radius:8px}
  .sidebar+main .panel-head,.sidebar+main .panel-heading{margin-bottom:15px;gap:9px}
  .sidebar+main .panel h2{font-size:21px;line-height:1.2}
  .sidebar+main .button{min-height:46px;font-size:12px;padding:12px 13px;max-width:100%;white-space:normal;text-align:left}
  .sidebar+main .button .ui-icon{width:16px;height:16px}
  .sidebar+main .text-button{font-size:12px;min-height:44px;max-width:100%;overflow-wrap:anywhere}
  .sidebar+main input:not([type=range]):not([type=file]),.sidebar+main select{font-size:16px;min-height:46px;max-width:100%;padding:10px 11px}
  .sidebar+main .fineprint,.sidebar+main .panel-description{font-size:12px;line-height:1.7}
  .sidebar+main .dashboard-stats{grid-template-columns:minmax(0,1fr);margin-bottom:18px;border-radius:7px}
  .sidebar+main .dashboard-stats>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 14px;padding:11px 15px;border:0;border-bottom:1px solid #ced8c5}
  .sidebar+main .dashboard-stats>div:last-child{border-bottom:0}
  .sidebar+main .dashboard-stats span{grid-column:1;grid-row:1;font:500 12px/1.45 var(--sans,Arial,sans-serif);text-transform:none}
  .sidebar+main .dashboard-stats strong{grid-column:2;grid-row:1/3;align-self:center;font-size:27px;margin:0}
  .sidebar+main .dashboard-stats small{grid-column:1;grid-row:2;font-size:10px;line-height:1.45}
  .sidebar+main .stats>div,.sidebar+main .metrics>div{padding:15px 13px}
  .sidebar+main .stats strong,.sidebar+main .metrics strong{font-size:27px;margin:8px 0 4px}
  .sidebar+main .stats span,.sidebar+main .metrics span{font-size:10px;line-height:1.5}
  .sidebar+main .stats small,.sidebar+main .metrics small{font-size:10px;line-height:1.55}
  .sidebar+main .pipeline{margin-bottom:17px;border-radius:7px}
  .sidebar+main .pipeline>div{padding:12px 14px}
  .sidebar+main .pipeline b{font-size:9px;margin-bottom:4px}
  .sidebar+main .pipeline strong{font-size:16px}
  .sidebar+main .pipeline span{font-size:10px;margin-top:3px;line-height:1.5}
  .sidebar+main .action-row{gap:8px 12px;margin-block:15px}
  .sidebar+main .action-row>input{min-width:0;flex:1 1 100%}
  .sidebar+main .file-control{max-width:100%;flex:1 1 100%;border:1px dashed #d2dac7;border-radius:5px;padding:9px 11px;background:#f7f8ef}
  .sidebar+main .file-control input{width:100%;margin-top:5px;font-size:11px}
  .sidebar+main .term-note,.sidebar+main .validation{font-size:11px;line-height:1.65;padding:12px;margin-block:15px}
  .sidebar+main .recipient,.sidebar+main .project-card{padding:12px}
  .sidebar+main .recipient-top{grid-template-columns:14px minmax(0,1fr) 68px 28px;gap:5px}
  .sidebar+main .recipient-top label{font-size:10px}
  .sidebar+main .recipient-top input{padding-inline:8px}
  .sidebar+main .router-row{grid-template-columns:minmax(0,1fr) 68px 30px;gap:6px}
  .sidebar+main .router-row input{padding-inline:8px}
  .sidebar+main .router-row button,.sidebar+main .remove-recipient{min-height:46px}
  .sidebar+main .inspector-disclosure{margin-bottom:10px}
  .sidebar+main .inspector-disclosure>summary{padding:14px 16px;min-height:52px;font-size:13px;line-height:1.45}
  .sidebar+main .inspector-disclosure>.panel{padding:16px}
  .sidebar+main>.hero{padding:24px 0 21px}
  .sidebar+main>.hero h1{font-size:clamp(35px,9.4vw,45px);line-height:1.04;color:#1d3f2b}
  .sidebar+main>.hero .hero-copy>p{font-size:13px;line-height:1.65;margin-top:13px}
  .sidebar+main>.hero .hero-copy>.hero-note{font-size:11px;line-height:1.65;margin-top:12px}
  .sidebar+main>.hero .hero-actions{margin-top:17px;gap:12px;flex-direction:row;flex-wrap:wrap;align-items:center}
  .sidebar+main>.hero .hero-actions .text-link{display:flex;align-items:center;min-height:44px;font-size:12px}
  .sidebar+main .run-status{padding:14px;gap:9px}
  .sidebar+main .run-status p{line-height:1.6}
  .sidebar+main .results-heading{margin-block:23px 15px;gap:13px}
  .sidebar+main .trace-panel .empty-state{min-height:155px;padding:22px 10px}
  .sidebar+main .empty-state>span{width:36px;height:36px;margin-bottom:12px;border-radius:6px}
  .sidebar+main .detail-row{font-size:11px;gap:10px;padding-block:10px;flex-wrap:wrap}
  .sidebar+main .detail-row>span{max-width:100%}
  .sidebar+main .detail-value{font-size:10px;max-width:100%;overflow-wrap:anywhere}
  .sidebar+main .check{font-size:12px;line-height:1.65;padding-block:12px}
  .sidebar+main footer{font-size:9px;line-height:1.7;padding-block:22px;gap:12px}
  .sidebar+main footer a{min-height:40px;display:inline-flex;align-items:center}
  .docs-hero{padding-block:27px 24px}
  .docs-hero h1{font-size:clamp(40px,11vw,54px);line-height:1.03;margin-block:16px}
  .docs-hero p{font-size:14px;line-height:1.65}
  .docs-hero .prototype-note{font-size:10px;line-height:1.65;margin-top:15px}
  .docs-layout{padding-block:20px;gap:23px}
  .docs-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 9px;padding-block:0 16px;position:static}
  .docs-nav a{font-size:10px;line-height:1.4;min-height:45px;padding:8px 0;overflow-wrap:anywhere}
  .docs-content h2{font-size:27px;line-height:1.13;margin-bottom:15px}
  .docs-content h3{font-size:20px}
  .docs-content p,.docs-content li{font-size:13px;line-height:1.75}
  .docs-content section{padding-bottom:24px;margin-bottom:24px;scroll-margin-top:20px}
  .docs-content pre{padding:14px;font-size:10px;line-height:1.7}
  .docs-callout{padding:14px 15px;margin-block:16px}
  .docs-content table{font-size:12px;max-width:100%}
  .docs-content td,.docs-content th{padding:10px}
}
@media(max-width:360px){
  .sidebar+main{padding-inline:12px}
  body:has(>.sidebar) .sidebar{padding-inline:12px}
  body:has(>.sidebar) .sidebar .brand{font-size:18px}
  .sidebar .brand-symbol{width:25px;height:25px}
  .workspace-menu>summary{font-size:10px;gap:8px;padding-inline:9px}
  .sidebar+main .panel{padding:14px}
  .sidebar+main .topbar>.wallet-actions{width:100%;justify-content:flex-end}
  .sidebar+main .recipient-top{grid-template-columns:12px minmax(0,1fr) 63px 26px}
}
@media(min-width:361px) and (max-width:700px){
  .sidebar+main .dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sidebar+main .dashboard-stats>div{display:block;padding:12px 10px;border-bottom:0;border-right:1px solid #ced8c5}
  .sidebar+main .dashboard-stats>div:last-child{border-right:0}
  .sidebar+main .dashboard-stats span{font-size:11px;line-height:1.35;min-height:15px}
  .sidebar+main .dashboard-stats strong{font-size:28px;line-height:1.1;margin:7px 0 5px}
  .sidebar+main .dashboard-stats small{display:block;font-size:10px;line-height:1.4}
  .sidebar+main #dashboard .page-heading{margin:20px 0 17px}
}

/* Workspace backups stay one tap away without crowding project actions. */
.sidebar+main .workspace-file-tools{position:relative;flex:0 1 auto;min-width:0;max-width:100%;border:1px solid #d3ddc9;border-radius:6px;background:#f6f8ed}
.sidebar+main .workspace-file-tools>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;padding:10px 13px;list-style:none;cursor:pointer;color:#536d45;font-size:12px;line-height:1.5;white-space:nowrap}
.sidebar+main .workspace-file-tools>summary::-webkit-details-marker{display:none}
.sidebar+main .workspace-file-tools>summary::after{content:'+';font-size:17px;line-height:1;font-weight:400;color:#827d50}
.sidebar+main .workspace-file-tools[open]>summary{border-bottom:1px solid #dbe3d1}
.sidebar+main .workspace-file-tools[open]>summary::after{content:'−'}
.sidebar+main .workspace-file-tools>div{padding:4px 13px 13px;min-width:0}
.sidebar+main .workspace-file-tools .file-control{display:block;max-width:100%;font-size:11px;border:0;background:transparent;padding:0}
.sidebar+main .workspace-file-tools input[type=file]{display:block;width:100%;max-width:100%;min-width:0;font-size:11px;margin-top:7px;padding:7px;background:#fffef8}
.sidebar+main .workspace-file-tools .text-button{min-height:44px;margin-bottom:5px}
@media(min-width:701px){
  .sidebar+main .workspace-file-tools[open]{flex-basis:100%}
  .sidebar+main .workspace-file-tools>div{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
  .sidebar+main .workspace-file-tools .file-control{max-width:350px;flex:1 1 240px}
}
@media(max-width:700px){
  .sidebar+main .workspace-file-tools{flex:1 1 auto}
  .sidebar+main .workspace-file-tools>summary{padding:10px 12px;font-size:12px}
  .sidebar+main .workspace-file-tools[open]{flex-basis:100%;order:3}
  .sidebar+main .workspace-file-tools>div{padding:2px 12px 12px}
  .sidebar+main .workspace-file-tools input[type=file]{font-size:11px;line-height:1.5}
}

/* The blueprint is a compact chapter reader; deep links reveal each chapter. */
.docs-chapter{border:1px solid #d2dcc8;border-radius:8px;background:#fafbf3;margin-bottom:10px;overflow:hidden;min-width:0}
.docs-chapter>summary{display:flex;align-items:center;gap:16px;min-height:76px;padding:18px 21px;cursor:pointer;list-style:none}
.docs-chapter>summary::-webkit-details-marker{display:none}
.docs-chapter>summary .chapter-index{font:10px/1.5 var(--mono,monospace);color:#987043;flex:none}
.docs-chapter>summary .chapter-label{flex:1;min-width:0}
.docs-chapter>summary strong{display:block;font-size:17px;font-weight:500;letter-spacing:-.025em;color:#29492f;line-height:1.35}
.docs-chapter>summary small{display:block;font-size:12px;line-height:1.55;color:#7a876b;margin-top:4px}
.docs-chapter>summary .chapter-chevron{width:19px;height:19px;flex:none;color:#789060;transition:transform .16s}
.docs-chapter[open]>summary{background:#edf2e2;border-bottom:1px solid #d6e0cb}
.docs-chapter[open]>summary .chapter-chevron{transform:rotate(180deg)}
.docs-content .docs-chapter>section{padding:24px;margin:0;border:0;scroll-margin-top:24px}
.docs-content .docs-chapter>section>.mono{font-size:9px;color:#8d774e;margin-bottom:12px}
.docs-chapter>section>:last-child{margin-bottom:0}
@media(hover:hover){.docs-chapter>summary:hover{background:#edf2e3}}
@media(max-width:700px){
  .docs-layout{gap:17px}
  .docs-chapter{border-radius:7px;margin-bottom:8px}
  .docs-chapter>summary{padding:14px 13px;min-height:70px;gap:10px}
  .docs-chapter>summary .chapter-index{font-size:9px}
  .docs-chapter>summary strong{font-size:15px;letter-spacing:-.02em;line-height:1.35}
  .docs-chapter>summary small{font-size:11px;line-height:1.5;margin-top:3px}
  .docs-chapter>summary .chapter-chevron{width:17px;height:17px}
  .docs-content .docs-chapter>section{padding:18px 15px;scroll-margin-top:16px}
  .docs-content .docs-chapter h2{font-size:26px;line-height:1.15}
}
@media(prefers-reduced-motion:reduce){.docs-chapter>summary .chapter-chevron{transition:none}}

/* A native, compact start guide. Opening it never starts an operation. */
.sidebar+main .workspace-guide{margin:0 0 18px;border:1px solid #cdd8c5;border-radius:9px;background:#f8faf1;min-width:0;overflow:hidden}
.sidebar+main .workspace-guide>summary{display:flex;align-items:center;gap:15px;min-height:76px;padding:15px 20px;cursor:pointer;list-style:none}
.sidebar+main .workspace-guide>summary::-webkit-details-marker{display:none}
.sidebar+main .workspace-guide>summary>span:nth-child(2){flex:1;min-width:0}
.sidebar+main .workspace-guide>summary strong{display:block;font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-.02em;color:#26452f}
.sidebar+main .workspace-guide>summary small{display:block;font-size:11px;line-height:1.5;color:#69785d;margin-top:3px}
.sidebar+main .workspace-guide .guide-mark{font:10px/1.5 var(--mono,monospace);color:#9b7147;white-space:nowrap}
.sidebar+main .workspace-guide>summary>.ui-icon{width:17px;height:17px;color:#657956}
.sidebar+main .workspace-guide[open]>summary{border-bottom:1px solid #d7e0ce;background:#edf2e2}
.sidebar+main .workspace-guide[open]>summary>.ui-icon{transform:rotate(180deg)}
.sidebar+main .guide-body{padding:18px 20px 8px;min-width:0}
.sidebar+main .guide-intro{font-size:12px;line-height:1.7;max-width:760px;color:#66735b;margin:0 0 17px}
.sidebar+main .guide-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;margin:0;list-style:none}
.sidebar+main .guide-steps>li{display:flex;flex-direction:column;min-width:0;border:1px solid #dbe1d1;border-radius:7px;padding:15px;background:#fffff8}
.sidebar+main .guide-step-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.sidebar+main .guide-number{font:10px/1.5 var(--mono,monospace);color:#977042}
.sidebar+main .guide-state{font-size:9px;line-height:1.5;padding:3px 6px;border-radius:4px;color:#4e6b3a;background:#eef3e6}
.sidebar+main .guide-state.gated{background:#f4eadb;color:#85603f}
.sidebar+main .guide-steps h2{font-size:17px;line-height:1.35;letter-spacing:-.025em;margin:15px 0 8px;color:#2c492f}
.sidebar+main .guide-steps p{font-size:11px;line-height:1.7;color:#69745f;margin:0 0 15px}
.sidebar+main .guide-steps .button{display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:normal;text-align:left;width:100%;min-width:0;font-size:11px;padding:10px;margin-top:auto}
.sidebar+main .guide-shortcuts{display:flex;align-items:center;gap:8px 25px;flex-wrap:wrap;padding-top:10px}
.sidebar+main .guide-shortcuts a,.sidebar+main .guide-shortcuts button{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:11px;line-height:1.6;color:#4d6740;text-align:left;white-space:normal}
@media(max-width:1150px){.sidebar+main .guide-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .sidebar+main .workspace-guide{margin-bottom:12px;border-radius:7px}
 .sidebar+main .workspace-guide>summary{padding:13px 14px;gap:10px;min-height:72px}
 .sidebar+main .workspace-guide .guide-mark{font-size:9px}
 .sidebar+main .workspace-guide>summary strong{font-size:13px}
 .sidebar+main .workspace-guide>summary small{font-size:10px;line-height:1.5}
 .sidebar+main .guide-body{padding:14px 12px 7px}
 .sidebar+main .guide-intro{font-size:11px;margin-bottom:12px}
 .sidebar+main .guide-steps{grid-template-columns:minmax(0,1fr);gap:8px}
 .sidebar+main .guide-steps>li{padding:13px}
 .sidebar+main .guide-steps h2{font-size:16px;margin-top:10px}
 .sidebar+main .guide-steps p{margin-bottom:12px}
 .sidebar+main .guide-shortcuts{gap:0;align-items:stretch;flex-direction:column}
 .sidebar+main .guide-shortcuts a,.sidebar+main .guide-shortcuts button{width:100%;min-height:44px}
}