@font-face{font-family:Instrument Sans;src:url('/assets/fonts/instrument-sans.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:Instrument Serif;src:url('/assets/fonts/instrument-serif.woff2') format('woff2');font-display:swap}
@font-face{font-family:Instrument Serif;src:url('/assets/fonts/instrument-serif-italic.woff2') format('woff2');font-style:italic;font-display:swap}
:root{--bg:#f2ede3;--surface:#f9f6ef;--surface-2:#e9e3d7;--fg:#272520;--muted:#6c665b;--line:#d5cebf;--accent:#e8411c;--accent-ink:#fff;--rail:#272520;--rail-fg:#f2ede3;--radius:3px;--heading:'Instrument Serif',Georgia,serif;--body:'Instrument Sans',Arial,sans-serif;--shadow:0 3px 14px #27252010;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.5}
button,a{touch-action:manipulation}
a{color:inherit;text-decoration:none}
button{border:0}
svg{display:block}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:500}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
input,select,textarea{min-width:0;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:11px 12px}
textarea{resize:vertical;width:100%;min-height:90px}
input::placeholder,textarea::placeholder{color:var(--muted)}
[hidden]{display:none!important}
.skip-link{position:fixed;top:-70px;left:20px;padding:12px;background:var(--fg);color:var(--bg);z-index:100}
.skip-link:focus{top:10px}
.initial-loader{min-height:100vh;display:grid;place-content:center;text-align:center;gap:14px}
.brand-mark{font-weight:600;font-size:25px;letter-spacing:-4px;width:35px}
.muted{color:var(--muted)}
.eyebrow{font-size:14px;letter-spacing:.15em;font-weight:600;text-transform:uppercase}
.mono,code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.icon{width:18px;height:18px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.icon-sm{width:14px;height:14px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:9px 15px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font-size:14px;font-weight:500;transition:background .15s,transform .15s}
.button:hover{background:var(--surface-2)}
.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.button.primary:hover{filter:brightness(.95)}
.button.quiet{border-color:transparent;background:transparent}
.button.danger{color:#b34434}
.button.small{min-height:32px;padding:5px 10px;font-size:14px}
.button.icon-only{width:39px;padding:8px}
.inline-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.text-link{border:0;background:none;color:var(--accent);padding:0;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:100px;padding:4px 9px;font-size:14px;white-space:nowrap;font-weight:500}
.pill:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}
.pill.submitted,.pill.pending{color:#986318;background:color-mix(in srgb,#ffbd44 9%,var(--surface));border-color:color-mix(in srgb,#986318 25%,var(--line))}
.pill.approved,.pill.published,.pill.healthy{color:#3e7358;background:color-mix(in srgb,#75b68e 9%,var(--surface));border-color:color-mix(in srgb,#3e7358 20%,var(--line))}
.pill.rejected,.pill.failed{color:#b04c41}
.pill.revoked,.pill.disabled{color:var(--muted)}
.nav-backdrop{display:none}
.shell{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;width:225px;padding:36px 18px 20px;background:var(--rail);color:var(--rail-fg);border-right:0;display:flex;flex-direction:column;gap:27px;z-index:20}
.sidebar .brand{border-bottom:1px solid #ffffff21;padding-bottom:28px}
.brand{display:flex;align-items:center;gap:10px;padding:0 10px}
.brand-word{font-family:var(--heading);font-size:25px;font-weight:400;letter-spacing:0}
.workspace-switch{display:flex;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--rail-fg) 14%,transparent);padding:12px;border-radius:var(--radius);margin:0 3px}
.workspace-emblem{display:grid;place-content:center;width:31px;height:31px;background:var(--accent);color:var(--accent-ink);font:18px var(--heading);border-radius:calc(var(--radius)/2)}
.workspace-name{font-size:14px;font-weight:600}
.workspace-meta{font-size:14px;opacity:.6}
.sidebar-label{font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:0 13px;opacity:.55;margin-bottom:10px}
.nav-list{display:grid;gap:4px}
.nav-button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 13px;background:none;color:inherit;border-radius:var(--radius);text-align:left;font-size:14px}
.nav-button:hover{background:color-mix(in srgb,var(--rail-fg) 6%,transparent)}
.nav-button.active{background:#e8411c26;color:#f4bdab;font-weight:600;box-shadow:inset 3px 0 0 var(--accent)}
.nav-count{margin-left:auto;font-size:14px;border:1px solid currentColor;padding:0 5px;border-radius:3px;opacity:.8}
.sidebar-bottom{margin-top:auto;display:grid;gap:15px}
.sidebar-note{border:1px solid color-mix(in srgb,var(--rail-fg) 15%,transparent);border-radius:var(--radius);padding:14px 12px;font-size:14px;line-height:1.65;background:#ffffff05}
.sidebar-note .eyebrow{font-size:14px;display:block;margin-bottom:6px}
.profile{display:flex;gap:9px;align-items:center;padding:0 9px;font-size:14px}
.sidebar .avatar{background:#3c3932;border-color:#625c50}
.avatar{width:29px;height:29px;border:1px solid var(--line);background:var(--surface-2);display:grid;place-content:center;border-radius:50%;font-size:14px;flex-shrink:0}
.profile>div{flex:1}
.profile small{display:block;opacity:.6;font-size:14px}
.main-column{min-width:0}
.topbar{height:75px;padding:0 34px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f9f6ef80}
.breadcrumb{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}
.breadcrumb strong{color:var(--fg);font-weight:500}
.topbar-right{display:flex;align-items:center;gap:12px}
.role-tabs{display:flex;background:var(--surface-2);border:1px solid var(--line);padding:3px;border-radius:calc(var(--radius) + 2px)}
.role-tabs button{padding:5px 10px;color:var(--muted);background:none;font-size:14px;border-radius:var(--radius)}
.role-tabs button.selected{background:var(--surface);color:var(--fg);box-shadow:0 1px 3px #0000000c}
.mode-badge{font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:6px}
.mode-badge:before{content:'';width:6px;height:6px;border-radius:50%;background:#b88a44}
.mode-badge.live:before{background:#589877}
.mobile-menu{display:none}
.command-trigger{padding:7px 9px;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:var(--radius);display:flex;align-items:center;gap:25px;font-size:14px}
.command-trigger kbd{font:14px var(--body);border:1px solid var(--line);padding:0 3px}
.demo-strip{padding:7px 34px;font-size:14px;color:var(--muted);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;background:color-mix(in srgb,var(--accent) 3%,var(--bg))}
.demo-strip strong{font-weight:600;color:var(--fg)}
.demo-strip a{margin-left:auto;text-decoration:underline;text-underline-offset:3px}
.workspace{max-width:1600px;margin:0 auto;padding:32px 34px 28px}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 25px}
.page-heading .eyebrow{color:var(--muted);margin-bottom:8px}
.page-heading h1{font:47px/.99 var(--heading);letter-spacing:-1.1px}
.page-heading p{color:var(--muted);font-size:14px;margin-top:11px;max-width:530px}
.heading-date{font-size:14px;color:var(--muted);white-space:nowrap}
.hero{position:relative;overflow:hidden;min-height:190px;display:flex;align-items:center;justify-content:space-between;padding:26px 28px;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--radius);background:var(--surface);margin-bottom:22px;box-shadow:var(--shadow)}
.hero-copy{position:relative;z-index:2;max-width:65%}
.hero .eyebrow{color:var(--muted);margin-bottom:13px}
.hero h2{font:39px/1.02 var(--heading);letter-spacing:-.7px;max-width:470px}
.hero p{font-size:14px;color:var(--muted);margin:11px 0 17px;max-width:410px}
.hero-art{width:215px;height:150px;margin:-12px -6px -12px 14px;color:var(--accent);flex-shrink:0}
.hero-art svg{width:100%;height:100%}
.hero-art .art-orbit{fill:none;stroke:currentColor;stroke-width:.7;opacity:.4}
.hero-art .art-paper{fill:var(--surface-2);stroke:var(--line)}
.hero-art .art-ink{fill:var(--accent)}
.hero-art .art-rule{stroke:var(--muted);stroke-width:1;opacity:.5}
.hero-art .art-base{fill:var(--bg);stroke:var(--line)}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:24px}
.metric{position:relative;border:1px solid var(--line);border-radius:var(--radius);padding:21px 19px 20px;background:var(--surface);box-shadow:var(--shadow)}
.metric-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:14px;gap:6px}
.metric-icon{opacity:.65}
.metric-value{font-family:var(--heading);font-size:36px;font-weight:500;letter-spacing:-1px;line-height:1.2;margin:11px 0 7px}
.metric-bottom{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:5px}
.metric-bottom strong{color:var(--accent);font-weight:500}
.mini-bars{display:flex;align-items:flex-end;gap:3px;height:24px;position:absolute;right:18px;bottom:23px;opacity:.45}
.mini-bars span{width:5px;background:var(--accent);border-radius:1px}
.mini-bars span:nth-child(1){height:8px}
.mini-bars span:nth-child(2){height:13px}
.mini-bars span:nth-child(3){height:10px}
.mini-bars span:nth-child(4){height:18px}
.mini-bars span:nth-child(5){height:15px}
.mini-bars span:nth-child(6){height:24px}
.overview-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(240px,1fr);gap:20px;align-items:start}
.overview-grid>*{min-width:0}
.stack{display:grid;gap:20px}
.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);min-width:0;overflow:hidden}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 20px 16px}
.panel-title{font-size:14px;font-weight:500;letter-spacing:.01em}
.panel-subtitle{font-size:14px;color:var(--muted);margin-top:4px}
.panel-heading .text-link{font-size:14px}
.queue-tools{padding:0 20px 15px;display:flex;gap:10px}
.search-wrap{position:relative;flex:1;min-width:0}
.search-wrap .icon{position:absolute;top:10px;left:11px;width:15px;color:var(--muted)}
.search-wrap input{padding:8px 10px 8px 34px;width:100%;font-size:14px}
.queue-tools select{font-size:14px;padding:7px 9px;max-width:145px}
.table-scroll{overflow-x:auto}
table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}
th{font-size:14px;color:var(--muted);font-weight:500;padding:10px 20px;background:var(--surface-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:13px 20px;border-bottom:1px solid var(--line);vertical-align:middle}
tr:last-child td{border-bottom:0}
tbody tr:hover{background:color-mix(in srgb,var(--accent) 3%,var(--surface))}
.project-cell{display:flex;align-items:center;gap:10px;min-width:150px}
.project-letter{width:29px;height:29px;border:1px solid var(--line);border-radius:calc(var(--radius) / 2);display:grid;place-content:center;font:16px var(--heading);background:var(--surface-2);color:var(--accent);flex-shrink:0}
.project-cell strong{font-weight:500;display:block}
.project-cell small{color:var(--muted);font-size:14px;display:block;margin-top:1px}
.table-date{color:var(--muted);font-size:14px;white-space:nowrap}
.table-footer{padding:11px 20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted)}
.table-review{font-size:14px;border:1px solid var(--line);background:transparent;border-radius:var(--radius);padding:5px 9px;white-space:nowrap}
.table-review:hover{border-color:var(--accent);color:var(--accent)}
.activity-list{padding:0 20px 4px}
.activity-item{display:flex;gap:11px;padding:12px 0;border-top:1px solid var(--line)}
.activity-dot{width:25px;height:25px;border:1px solid var(--line);border-radius:50%;display:grid;place-content:center;flex-shrink:0;color:var(--accent)}
.activity-item strong{font-size:14px;font-weight:500}
.activity-item p{font-size:14px;color:var(--muted);margin-top:3px}
.activity-item small{font-size:14px;color:var(--muted);display:block;margin-top:4px}
.panel-foot{padding:11px 20px;border-top:1px solid var(--line)}
.services{padding:0 20px 9px}
.service-row{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding:12px 0}
.service-logo{width:27px;height:27px;border:1px solid var(--line);border-radius:6px;display:grid;place-content:center;flex-shrink:0;font-size:14px;font-weight:600}
.service-row .service-name{font-size:14px;flex:1}
.service-row small{display:block;font-size:14px;color:var(--muted);margin-top:2px}
.service-state{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:5px}
.service-state:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent)}
.project-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:20px}
.project-tile{padding:17px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);display:block}
.project-tile .project-letter{margin-bottom:13px}
.project-tile h3{font-size:14px;font-weight:600}
.project-tile p{font-size:14px;color:var(--muted);line-height:1.65;margin-top:5px}
.project-tile .project-meta{font-size:14px;color:var(--muted);display:flex;justify-content:space-between;margin-top:14px;padding-top:11px;border-top:1px solid var(--line)}
.workspace-footer{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:14px;margin-top:29px;padding-top:17px;border-top:1px solid var(--line)}
.workspace-footer a{display:flex;align-items:center;gap:6px}
.empty-state{padding:40px 25px;text-align:center;color:var(--muted);font-size:14px}
.empty-state .icon{margin:0 auto 12px;width:26px;height:26px}
.empty-state h3{color:var(--fg);margin-bottom:5px}
.error-notice{display:flex;gap:10px;padding:15px 18px;border:1px solid #c67362;background:color-mix(in srgb,#e8411c 5%,var(--surface));margin-bottom:20px;font-size:14px;border-radius:var(--radius)}
.error-notice p{margin-top:5px;color:var(--muted)}
.full-table td{padding-top:17px;padding-bottom:17px}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.project-grid .project-tile{padding:24px}
.project-grid .project-letter{width:46px;height:46px;font-size:26px;margin-bottom:23px}
.project-grid h3{font:26px var(--heading)}
.project-grid p{font-size:14px;min-height:60px}
.project-grid .project-meta{font-size:14px}
.section-intro{padding:20px;margin-bottom:20px;display:flex;gap:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.section-intro p{font-size:14px;color:var(--muted);margin-top:4px}
.section-intro h2{font-size:14px}
.diagnostics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.diagnostic-list{padding:0 20px 20px}
.diagnostic-row{padding:13px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:20px;font-size:14px}
.diagnostic-row dt{color:var(--muted)}
.diagnostic-row dd{margin:0;text-align:right;overflow-wrap:anywhere;max-width:62%}
.code-block{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 ui-monospace,Consolas,monospace;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:19px;max-height:440px;overflow:auto;color:var(--fg);margin:0}
.terminal-panel .panel-heading{background:var(--surface-2)}
.terminal-controls{display:flex;gap:12px;padding:20px}
.terminal-controls select{flex:1;font-size:14px}
.terminal-output{padding:0 20px 20px}
.method{font:14px ui-monospace,monospace;color:var(--accent);font-weight:600}
.route-path{font-size:14px;overflow-wrap:anywhere}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.settings-body{padding:0 20px 20px}
.field-label{display:block;font-size:14px;font-weight:500;margin:14px 0 7px}
.settings-body select{width:100%}
.help-text{font-size:14px;color:var(--muted);margin-top:7px;line-height:1.6}
.login-wrap{max-width:430px;margin:70px auto;padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.login-wrap h1{font:39px var(--heading);margin:21px 0 12px}
.login-wrap p{font-size:14px;color:var(--muted);margin-bottom:20px}
.login-wrap input,.login-wrap select{width:100%}
.login-wrap .button{width:100%;margin-top:18px}
.login-error{font-size:14px;color:#b34434;margin:12px 0}
.login-links{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin-top:25px}
.login-links a{text-decoration:underline}
.locked-banner{font-size:14px;color:var(--muted);margin-bottom:16px;padding:11px 15px;border:1px solid var(--line);border-radius:var(--radius)}
dialog{color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) + 3px);padding:0;max-width:600px;width:calc(100vw - 32px);max-height:90vh;box-shadow:0 30px 100px #0003}
dialog::backdrop{background:#15171980;backdrop-filter:blur(4px)}
.dialog-heading{padding:22px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.dialog-heading h2{font:28px var(--heading)}
.dialog-body{padding:24px 25px}
.dialog-body h3{font-size:14px;font-weight:600;color:var(--muted);margin:18px 0 6px}
.dialog-body p{font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin-top:20px}
.detail-grid dt{font-size:14px;color:var(--muted);margin-bottom:4px}
.detail-grid dd{margin:0;font-size:14px;overflow-wrap:anywhere}
.dialog-actions{padding:19px 25px;border-top:1px solid var(--line);display:flex;gap:10px;flex-wrap:wrap}
.dialog-hint{padding:0 25px 18px;font-size:14px;color:var(--muted)}
.dialog-confirm{border-top:1px solid var(--line);padding:20px 25px}
.dialog-confirm label{font-size:14px;display:block;margin:12px 0 7px}
.dialog-confirm p{font-size:14px}
.dialog-confirm .inline-actions{margin-top:12px}
.dialog-error{color:#b34434;margin-top:10px;font-size:14px}
#command-dialog{max-width:490px}
.command-heading{display:flex;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line);gap:10px}
#command-search{border:none;background:none;outline:none;width:100%;padding:3px;font-size:14px}
.command-results{padding:9px}
.command-item{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:12px 13px;background:none;color:var(--fg);border-radius:var(--radius);font-size:14px}
.command-item:hover,.command-item:focus{background:var(--surface-2)}
.command-item span{flex:1}
.command-item small{color:var(--muted);font-size:14px}
.command-caption{padding:10px 20px;color:var(--muted);font-size:14px;border-top:1px solid var(--line)}
#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--fg);color:var(--bg);padding:12px 20px;border-radius:calc(var(--radius) + 3px);font-size:14px;z-index:100;box-shadow:0 5px 30px #0002;transition:opacity .2s,transform .2s;max-width:calc(100vw - 30px)}
#toast.visible{opacity:1;transform:translate(-50%,0)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.noscript{padding:25px}


.embed .sidebar{pointer-events:none}
.embed .topbar-right .command-trigger{display:none}
.embed .workspace{padding-bottom:16px}
.embed .workspace-footer{display:none}
.embed .demo-strip a{display:none}

@media(max-width:1200px){
.shell{grid-template-columns:195px minmax(0,1fr)}
.sidebar{width:auto;padding-left:12px;padding-right:12px}
.workspace{padding:27px 24px}
.topbar{padding:0 24px}
.demo-strip{padding-left:24px;padding-right:24px}
.overview-grid{grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);gap:16px}
.metric{padding:16px}
.metric-top{font-size:14px}
.mini-bars{display:none}
.hero h2{font-size:30px}
.hero-art{width:175px}
.table-scroll td,.table-scroll th{padding-left:15px;padding-right:15px}
.queue-category{display:none}
.hero-copy{max-width:67%}
}
@media(max-width:1000px){
.overview-grid{grid-template-columns:1fr}
.stack{grid-template-columns:1fr 1fr;gap:16px}
.workspace{padding:25px 22px}
.metric{padding:15px 13px}
.metric-value{font-size:28px}
.metrics{gap:10px}
.project-tile{padding:14px}
.topbar-right{gap:8px}
.command-trigger{gap:9px}
.command-trigger>span{display:none}
.hero-art{width:165px}
.project-grid{grid-template-columns:1fr 1fr}
.project-strip{gap:10px}
}
@media(max-width:760px){
.shell{grid-template-columns:1fr}
.sidebar{position:fixed;top:0;left:0;bottom:0;width:230px;height:100dvh;display:flex;flex-direction:column;align-items:stretch;padding:25px 18px;border-right:1px solid var(--line);transform:translateX(-100%);transition:transform .2s;z-index:40;gap:25px;overflow-y:auto}
.nav-open .sidebar{transform:translateX(0)}
.nav-backdrop{display:none;position:fixed;inset:0;background:#0005;z-index:35}
.nav-open .nav-backdrop{display:block}
.sidebar .brand{padding:0 10px;border:0}
.topbar{height:64px;padding:0 18px;position:sticky;top:0;z-index:25;background:var(--bg);border-bottom:1px solid var(--line)}
.mobile-menu{display:inline-flex;border:0;background:transparent;padding-left:0}
.breadcrumb{font-size:14px;gap:7px}
.breadcrumb .crumb-parent,.breadcrumb .crumb-divider{display:none}
.topbar-right{gap:6px}
.command-trigger{display:none}
.mode-badge{font-size:14px;letter-spacing:0}
.role-tabs button{font-size:14px;padding:5px 7px}
.workspace{padding:24px 18px}
.page-heading{text-align:left;align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:21px}
.page-heading h1{font-size:39px}
.heading-date{display:none}
.demo-strip{padding:8px 18px;font-size:14px;align-items:flex-start}
.demo-strip a{display:none}
.demo-strip>.icon{width:12px;height:12px;margin-top:1px}
.hero{padding:23px;min-height:195px}
.hero h2{font-size:30px}
.hero-copy{max-width:77%}
.hero-art{position:absolute;right:-45px;bottom:4px;width:170px;height:150px;opacity:.35}
.hero p{font-size:14px;max-width:280px}
.hero .eyebrow{font-size:14px}
.hero .button{font-size:14px;min-height:34px}
.metrics{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.metric{padding:15px}
.metric-value{font-size:32px}
.metric-top{font-size:14px}
.metric-bottom{font-size:14px}
.metric-top .icon{width:14px;height:14px}
.overview-grid{gap:16px}
.stack{grid-template-columns:1fr;gap:16px}
.project-strip{grid-template-columns:1fr;gap:10px}
.project-strip .project-tile{display:grid;grid-template-columns:36px 1fr;column-gap:12px;padding:15px}
.project-strip .project-letter{grid-row:1/4;margin:0}
.project-strip h3{font-size:14px}
.project-strip .project-tile p{font-size:14px}
.project-strip .project-meta{margin-top:9px;padding-top:9px;grid-column:2}
.panel-heading{padding:17px}
.queue-tools{padding:0 17px 13px}
.table-scroll td,.table-scroll th{padding-left:13px;padding-right:13px}
.table-date{display:none}
.queue-status{display:table-cell}
.table-footer{padding:11px 15px}
.project-cell{min-width:125px;gap:8px}
.project-letter{width:26px;height:26px;font-size:14px}
.project-cell strong{font-size:14px}
.table-review{font-size:14px}
.pill{font-size:14px;padding:3px 7px}
.workspace-footer{font-size:14px;gap:12px;align-items:flex-start}
.project-grid,.settings-grid,.diagnostics-grid{grid-template-columns:1fr}
.project-grid .project-tile p{min-height:0}
.route-path{font-size:14px}
.route-access{display:none}
.route-purpose{font-size:14px}
.terminal-controls{padding:15px;gap:8px;flex-wrap:wrap}
.terminal-controls select{width:100%;flex:auto}
.terminal-output{padding:0 15px 15px}
.code-block{font-size:14px;padding:13px}
.settings-body{padding:0 17px 17px}
.login-wrap{margin:36px 18px;padding:26px}
.dialog-body{padding:20px}
.dialog-heading{padding:18px 20px}
.dialog-actions{padding:17px 20px}
.dialog-confirm{padding:18px 20px}
.detail-grid{gap:12px}
.detail-grid dd{font-size:14px}
}
@media(max-width:380px){
.mode-badge{display:none}
.workspace{padding-left:13px;padding-right:13px}
.project-cell{min-width:110px}
.queue-tools{flex-wrap:wrap}
.queue-tools select{width:100%;max-width:none}
.queue-tools .search-wrap{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){
*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}
}
.sidebar-bottom>.text-link{display:flex;align-items:center;gap:6px}
.sidebar .text-link{color:var(--rail-fg);font-size:14px;font-weight:500}
@media(min-width:761px){
.sidebar{overflow-y:auto;scrollbar-width:thin}
}

/* Account controls stay readable, including on narrow screens. */
input,select,textarea{font-size:16px;line-height:1.5}
.nav-button,.field-label,.sidebar-label,.sidebar .text-link{font-size:14px}
.button,.text-link{font-size:15px}
@media(max-width:760px){input,select,textarea{font-size:16px}.nav-button{font-size:14px}.button{font-size:15px}.topbar{flex-wrap:wrap;height:auto;min-height:64px;padding-top:12px;padding-bottom:12px}}