:root{--v31-ink:#173b3b;--v31-ink-2:#245555;--v31-paper:#fffdf8;--v31-canvas:#f3f0e8;--v31-line:#ddd7ca;--v31-accent:#e89d81;--v31-shadow:0 16px 45px rgba(25,50,49,.1)}
body{background:radial-gradient(circle at 82% 2%,rgba(232,157,129,.13),transparent 28rem),var(--v31-canvas);color:#243433}
.app-header{position:sticky;top:0;z-index:40;max-width:none;padding:16px clamp(18px,4vw,54px);background:rgba(255,253,248,.96);border-bottom:1px solid var(--v31-line);backdrop-filter:blur(10px)}
#app{max-width:none;padding:0;min-height:calc(100vh - 176px)}
.v31-shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:calc(100vh - 136px)}
.v31-sidebar{position:sticky;top:81px;align-self:start;height:calc(100vh - 81px);overflow:auto;padding:24px 16px;background:var(--v31-ink);color:white}
.v31-nav-context{padding:0 6px 18px;border-bottom:1px solid rgba(255,255,255,.16)}
.v31-role{display:grid;gap:3px;margin:0;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.07)}.v31-role span{font-size:.8rem;color:#caddd9}.v31-role strong{font-size:1rem}.v31-role small{color:#e5efed}
.v31-build{margin:14px 0 0;font-size:.76rem;color:#b9ceca}.v31-build strong{color:white}
.v31-primary-nav,.v31-secondary-nav{display:grid;gap:5px;margin-top:18px}
.v31-primary-nav button,.v31-secondary-nav button{width:100%;border:0;border-radius:10px;text-align:left;cursor:pointer}
.v31-primary-nav button{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:9px;padding:9px 8px;background:transparent;color:#e9f3f1;font-weight:650}
.v31-primary-nav button:hover,.v31-primary-nav button:focus-visible,.v31-primary-nav button[aria-current]{background:rgba(255,255,255,.12);outline:none}
.v31-domain-mark{display:grid;place-items:center;width:28px;height:25px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.06);color:#a9c5c0;font-size:.67rem;font-weight:800;letter-spacing:.04em}.v31-domain[aria-current] .v31-domain-mark{border-color:var(--v31-accent);background:var(--v31-accent);color:#173b3b;box-shadow:0 0 0 4px rgba(232,157,129,.13)}
.v31-secondary-nav{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16)}.v31-secondary-nav>p{margin:0 10px 6px;color:#aec7c2;font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}
.v31-secondary-nav button{padding:9px 10px;background:transparent;color:#d6e4e1;font-size:.88rem}.v31-secondary-nav button:hover,.v31-secondary-nav button:focus-visible{background:rgba(255,255,255,.09);outline:2px solid transparent}.v31-secondary-nav button[aria-current="page"]{background:var(--v31-paper);color:var(--v31-ink);font-weight:750}
.v31-workspace{min-width:0;padding:34px clamp(22px,4vw,58px) 64px}.v31-workspace>.page-heading:first-child,.v31-workspace>div>.page-heading:first-child{margin-top:0}
.v31-workspace .section,.v31-workspace .paper-panel,.v31-workspace .metric,.v31-workspace .cockpit-next-action{border-color:var(--v31-line);box-shadow:0 8px 28px rgba(25,50,49,.055)}
.v31-workspace .metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.v31-workspace .metric{background:var(--v31-paper);border-radius:14px}.v31-workspace .metric-value{color:var(--v31-ink)}
.v31-workspace .metric{position:relative;overflow:hidden}.v31-workspace .metric::before{position:absolute;inset:0 auto 0 0;width:4px;background:var(--metric-tone,#71948e);content:""}.v31-workspace .metric-copy{display:block;margin-top:8px;color:#61716f;font-size:.78rem;line-height:1.4}
.v31-workspace .page-heading h1{max-width:24ch;color:var(--v31-ink);letter-spacing:-.025em}.v31-workspace .eyebrow{color:#9b5c48}
.v31-workspace .button{border-radius:9px}.v31-workspace .button:not(.secondary){background:var(--v31-ink);border-color:var(--v31-ink)}
.v30-navigation-loading{position:relative;z-index:3;border-radius:14px;background:#fff8ef;box-shadow:var(--v31-shadow)}
.v31-load-error{max-width:760px;margin:48px auto;padding:28px;background:var(--v31-paper);border:1px solid var(--v31-line);border-left:5px solid #a74436;border-radius:14px;box-shadow:var(--v31-shadow)}
.test-cockpit-v21{max-width:1120px;margin:auto}.cockpit-concept-grid{grid-template-columns:minmax(0,1fr)}.cockpit-concept-card{max-width:none}
.v31-current-release{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:#e4efec;color:var(--v31-ink);font-size:.82rem;font-weight:750}
.v31-control-strip,.v31-cockpit-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}.v31-control-strip>div,.v31-cockpit-summary>div{padding:15px 16px;border:1px solid var(--v31-line);border-radius:13px;background:rgba(255,253,248,.78)}.v31-control-strip span,.v31-cockpit-summary span{display:block;margin-bottom:4px;color:#687875;font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.v31-control-strip strong,.v31-cockpit-summary strong{color:var(--v31-ink);font-size:1rem}.v31-control-strip small,.v31-cockpit-summary small{display:block;margin-top:4px;color:#687875}
.v31-next-action{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;padding:22px 24px!important;border-left:5px solid var(--v31-accent)!important;background:linear-gradient(125deg,#fffdf8,#fff5ef)!important}.v31-next-action h2{margin:3px 0 12px;color:var(--v31-ink)}.v31-next-action p{margin:.35rem 0}.v31-next-action .eyebrow{margin:0;font-size:.7rem}.v31-next-action .button{min-width:10rem;text-align:center}.v31-data-panel{margin:22px 0;padding:20px;border:1px solid var(--v31-line);border-radius:14px;background:var(--v31-paper);box-shadow:0 8px 28px rgba(25,50,49,.055)}.v31-data-panel-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}.v31-data-panel-header h2{margin:0;color:var(--v31-ink);font-size:1.05rem}.v31-data-panel-header span{color:#687875;font-size:.8rem}
.v31-count-chart{margin:18px 0 28px;padding:20px;background:var(--v31-paper);border:1px solid var(--v31-line);border-radius:14px;box-shadow:0 8px 28px rgba(25,50,49,.055)}
.v31-count-chart figcaption{margin-bottom:14px;color:var(--v31-ink);font-size:1rem;font-weight:750}.v31-count-chart>div{display:grid;gap:10px}.v31-count-chart p{display:grid;grid-template-columns:minmax(130px,1fr) minmax(90px,3fr) minmax(32px,auto);align-items:center;gap:12px;margin:0;font-size:.84rem}.v31-count-chart i{display:block;width:var(--v31-value);min-width:2px;height:9px;border-radius:999px;background:linear-gradient(90deg,var(--v31-ink-2),var(--v31-accent))}.v31-count-chart strong{text-align:right}.v31-count-chart small{display:block;margin-top:14px;color:#61716f}
[hidden]{display:none!important}
@media(max-width:900px){
  .app-header{top:0;padding:13px 16px}.header-tools{gap:8px}.v31-shell{grid-template-columns:1fr}.v31-sidebar{position:relative;top:0;height:auto;padding:14px 14px 16px}.v31-nav-context{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:0 4px 12px}.v31-build{margin:0;text-align:right}.v31-primary-nav{display:flex;overflow-x:auto;padding-bottom:4px}.v31-primary-nav button{min-width:max-content;width:auto}.v31-secondary-nav{display:flex;overflow-x:auto;margin-top:10px;padding-top:10px}.v31-secondary-nav>p{display:none}.v31-secondary-nav button{min-width:max-content;width:auto}.v31-workspace{padding:24px 16px 48px}
}
@media(max-width:700px){.v31-control-strip,.v31-cockpit-summary{grid-template-columns:1fr}.v31-next-action{grid-template-columns:1fr;align-items:start}.v31-next-action .button{width:100%}.v31-data-panel{padding:14px}}
@media(max-width:520px){.wordmark{font-size:26px}.app-header{align-items:flex-start}.header-tools{align-items:flex-end}.v31-nav-context{align-items:start}.v31-role{max-width:60vw}.v31-workspace{padding:20px 12px 42px}.v31-workspace .page-heading{gap:14px}.v31-workspace .metrics{grid-template-columns:1fr}.v31-workspace .metric{padding:14px}.v31-workspace .metric-value{font-size:1.6rem}.v31-count-chart p{grid-template-columns:1fr auto}.v31-count-chart i{grid-column:1/-1;width:var(--v31-value)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}