/* Outlay brand with Brian's compact, aligned application frame. */
:root{--outlay-chrome-height:52px;--page-gutter:16px;--text-label:10px;--text-small:11px;--text-base:12.5px;--text-body:13px;--text-head:15px;--text-title:20px;--text-display:25px;--text-figure:27px}
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--slate-3) 55%,transparent) transparent}
.outlay-app:not(.outlay-master-data){padding-top:var(--outlay-chrome-height)}
.outlay-chrome{position:fixed;inset:0 0 auto;z-index:100;font-family:var(--font-sans);color:var(--ink);font-size:var(--text-base);line-height:1.5}
.outlay-header{height:var(--outlay-chrome-height);display:flex;align-items:center;gap:18px;padding:0 var(--page-gutter);border-bottom:1px solid var(--hairline);background:var(--surface)}
.outlay-zone{font:10px var(--font-mono);color:var(--slate-2);white-space:nowrap}
.outlay-zone{display:none}
/* The wordmark is the only thing on the left; the section tabs, workspace block and controls cluster on the right. */
.outlay-brand{display:inline-flex;align-items:center;gap:9px;flex:none;margin-right:auto;text-decoration:none!important;color:var(--ink);line-height:1}
.outlay-brand img{display:block;object-fit:contain;max-width:none}.outlay-brand .outlay-brand-dark{display:none}html.dark .outlay-brand-light{display:none}html.dark .outlay-brand .outlay-brand-dark{display:block}
.outlay-menu-nav a{font:600 13px/1.4 var(--font-display);text-decoration:none;color:var(--slate);padding:7px 12px;border-radius:6px;transition:background .15s,color .15s}
.outlay-menu-nav a:hover{background:var(--paper);color:var(--ink)}
.outlay-menu-nav a[aria-current]{background:var(--paper-2);color:var(--ink)}
.outlay-controls{display:flex;gap:8px;align-items:center;flex:none;margin-left:4px}.outlay-icon-button{display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;border-radius:8px;border:1px solid var(--hairline);background:var(--surface);color:var(--ink);cursor:pointer}.outlay-icon-button:hover{background:var(--paper-2)}.outlay-icon-button:focus-visible,.outlay-chrome a:focus-visible,.outlay-menu a:focus-visible{outline:2px solid var(--steel);outline-offset:3px}
.outlay-menu-workspace{display:flex;align-items:baseline;gap:9px;margin:0;padding:14px 16px 2px;font-size:13px;color:var(--ink)}.outlay-menu-workspace strong{font:600 13px var(--font-display)}
.outlay-context-label{font:500 10px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--slate-2)}.outlay-divider{color:var(--slate-3)}#outlay-location{font-size:11px;color:var(--slate)}#outlay-zone{font:10px var(--font-mono);color:var(--slate-2)}
.outlay-state{display:none;align-items:center;gap:6px;white-space:nowrap;font:500 10px var(--font-mono);color:var(--steel)}.outlay-state:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.outlay-state.is-sample{display:inline-flex;color:var(--warn)}
.outlay-section-nav{height:100%;display:flex;align-items:center;gap:18px;min-width:0;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.outlay-section-nav::-webkit-scrollbar{display:none}.outlay-section-nav[hidden]{display:none}.outlay-section-nav a{display:inline-flex;align-items:center;height:100%;padding:0;border-bottom:2px solid transparent;text-decoration:none;font:500 12.5px var(--font-sans);color:var(--slate);flex:none}.outlay-section-nav a:hover{color:var(--steel)}.outlay-section-nav a[aria-current]{color:var(--steel);border-bottom-color:var(--steel)}.outlay-assistant-button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px 0 9px;margin-right:4px;border:1px solid var(--hairline);border-radius:8px;background:var(--surface);color:var(--steel);font:600 12px var(--font-title);letter-spacing:.02em;cursor:pointer;flex:none}.outlay-assistant-button svg{width:15px;height:15px}.outlay-assistant-button:hover,.outlay-assistant-button[aria-expanded="true"]{background:var(--steel);border-color:var(--steel);color:var(--on-panel)}.outlay-assistant-button:focus-visible{outline:2px solid var(--steel);outline-offset:2px}
.outlay-menu{inset:0 0 0 auto;margin:0;width:284px;max-width:85vw;max-height:none;height:100dvh;padding:0;border:0;border-left:1px solid var(--hairline);border-radius:0;background:var(--surface);color:var(--ink);box-shadow:var(--sh3)}.outlay-menu[open]{display:flex;flex-direction:column}.outlay-menu::backdrop{background:rgba(5,36,56,.4);backdrop-filter:none}.outlay-menu-head{height:52px;padding:0 16px;border-bottom:1px solid var(--hairline);display:flex;align-items:center;justify-content:space-between;flex:none}.outlay-menu-nav{display:flex;flex-direction:column;gap:4px;padding:12px;flex:1;overflow:auto}.outlay-menu-nav a{padding:11px 12px;font-size:14px}.outlay-menu-footer{display:flex;flex-direction:column;gap:12px;padding:20px 24px;border-top:1px solid var(--hairline);font-size:12px}.outlay-menu-footer p{margin:0;color:var(--ink);font-size:12px}.outlay-menu-footer a{color:var(--slate);text-decoration:none}.outlay-menu-footer a:hover{color:var(--steel)}.outlay-menu-footer span{font:9px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--slate-2);margin-top:10px}
.outlay-skip{position:absolute;left:16px;top:-80px;padding:10px 16px;background:var(--gold);color:var(--on-accent);z-index:10}.outlay-skip:focus{top:6px}
@media(max-width:760px){#outlay-zone{display:none}.outlay-state{font-size:9px}.outlay-section-nav{gap:0}.outlay-section-nav a{padding-inline:10px}.outlay-assistant-button span{display:none}.outlay-assistant-button{padding:0 8px;margin:0 6px}}
@media(prefers-reduced-motion:reduce){.outlay-chrome *,.outlay-menu *{transition:none}}

.outlay-app main:focus,.outlay-app .page:focus{outline:none}

.outlay-panel-button{display:block;text-decoration:none!important;margin-bottom:2px}
.outlay-signout-button,.outlay-menu-footer a.outlay-panel-button{width:100%;text-align:left;border:1px solid var(--hairline);border-radius:8px;padding:8px 12px;font:600 13px var(--font-display);background:var(--surface);color:var(--ink);cursor:pointer}.outlay-signout-button:hover,.outlay-menu-footer a.outlay-panel-button:hover{background:var(--paper-2);color:var(--ink)}.outlay-menu-footer a.outlay-panel-button[aria-current]{border-color:var(--steel);color:var(--steel)}