@font-face{font-family:'Red Hat Display';src:url('/assets/mirror-display.woff2') format('woff2');font-style:normal;font-weight:300 900;font-display:swap}
@font-face{font-family:'Red Hat Mono';src:url('/assets/mirror-mono.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
:root{--mirror-rail:64px;--mirror-top:56px;--sans:var(--ui-sans),system-ui,sans-serif;--mono:var(--ui-mono),ui-monospace,monospace;--font:var(--sans);--bg:var(--ui-bg-mirror);--text:var(--ui-text-mirror);--text-mute:var(--ui-text-mirror-mute);--green:var(--ui-green);--green-ink:var(--ui-green-ink);--green-deep:var(--ui-green-deep)}
html{scroll-padding-top:76px;min-width:320px}body[data-q3-mirror]{margin:0;padding:var(--mirror-top) 0 0 var(--mirror-rail)!important;min-height:100dvh;font-family:var(--sans);background:var(--ui-bg-mirror);color:var(--ui-text-mirror)}body[data-q3-mirror] *{box-sizing:border-box}body[data-q3-mirror] [hidden]{display:none!important}
body[data-q3-mirror] .mirror-topbar{position:fixed!important;inset:0 0 auto!important;height:var(--mirror-top)!important;padding:0 24px!important;background:var(--ui-surface-1)!important;border-bottom:1px solid var(--ui-border-1);z-index:110;display:flex;align-items:center;justify-content:space-between;gap:12px}
.mirror-topbar .c-topbar__brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-width:0}.mirror-topbar .c-topbar__logo{height:var(--ui-logo-h);width:auto;display:block}.mirror-topbar .c-topbar__chip{font:600 10px/1 var(--sans);letter-spacing:.08em;color:var(--ui-green);background:var(--ui-green-h1f);padding:5px 8px;border-radius:4px}
.mirror-top-tools{display:flex;align-items:center;gap:16px}.mirror-top-tools button{border:1px solid var(--ui-tools-line);border-radius:5px;background:transparent;color:var(--ui-tools-text);font:500 11px var(--mono);min-height:36px;padding:7px 10px;cursor:pointer}.mirror-top-tools .c-avatar--logo{width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:50%;overflow:hidden}.c-avatar--logo img{width:100%;height:100%;display:block}.mirror-top-tools button:hover{color:var(--ui-panel);border-color:var(--ui-green)}
body[data-q3-mirror] .mirror-nav.l-sidebar{position:fixed!important;top:var(--mirror-top)!important;left:0!important;bottom:0!important;width:var(--mirror-rail)!important;height:calc(100dvh - var(--mirror-top))!important;padding:6px 0!important;display:grid!important;grid-template-rows:repeat(var(--mirror-nav-count),minmax(0,1fr));grid-template-columns:minmax(0,1fr);gap:0!important;overflow:visible!important;background:var(--ui-surface-sidebar)!important;border-right:1px solid var(--ui-border-1);z-index:100;visibility:visible!important;transform:none!important}
body[data-q3-mirror] .mirror-nav .c-sidebar-row{display:flex;align-items:center;justify-content:center;position:relative;width:calc(100% - 16px)!important;height:100%!important;min-height:0!important;max-height:58px;margin:auto!important;padding:0!important;border:0;border-radius:7px;color:var(--ui-rail-row);text-decoration:none;background:none;flex-shrink:1!important;overflow:visible}
body[data-q3-mirror] .mirror-nav .c-sidebar-row svg{width:clamp(14px,2.6dvh,20px);height:clamp(14px,2.6dvh,20px);flex:none;fill:none;stroke:currentColor;stroke-width:1.5;vector-effect:non-scaling-stroke}
body[data-q3-mirror] .mirror-nav .c-sidebar-row:hover{color:var(--ui-rail-row-hover);background:var(--ui-chrome-hover)}body[data-q3-mirror] .mirror-nav .c-sidebar-row[aria-current=page]{color:var(--ui-green);background:var(--ui-active-row-mirror);box-shadow:inset 2px 0 0 var(--ui-green)}
.mirror-nav-label{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);white-space:nowrap;background:var(--ui-tooltip-bg);color:var(--ui-panel);border:1px solid var(--ui-tooltip-line);border-radius:4px;padding:6px 10px;font:500 12px/1.4 var(--sans);opacity:0;pointer-events:none;z-index:300}.mirror-nav a:hover .mirror-nav-label,.mirror-nav a:focus-visible .mirror-nav-label{opacity:1}
body[data-q3-mirror] :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--ui-green-deep);outline-offset:3px}.mirror-skip{position:fixed;top:-100px;left:80px;z-index:400;background:white;color:var(--ui-green-ink);padding:10px}.mirror-skip:focus{top:8px}
#mirrorContent{min-width:0;min-height:calc(100dvh - var(--mirror-top) - 50px);outline:none}#mirrorContent>main{min-width:0}.mirror-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:30px 24px 0;padding:14px 0;border-top:1px solid #d4dde2;color:#536675;font:10px/1.7 var(--mono)}
.mirror-popover{position:fixed;right:20px;top:calc(var(--mirror-top) + 8px);width:min(340px,calc(100vw - 85px));padding:18px;border:1px solid #dce3e7;border-radius:8px;background:white;color:var(--ui-text-mirror);box-shadow:0 12px 30px #0002;z-index:120;font:13px/1.7 var(--sans);max-height:calc(100dvh - var(--mirror-top) - 25px);overflow:auto}.mirror-popover h2{font:600 16px var(--sans);margin:0 0 12px}.mirror-popover strong,.mirror-popover span,.mirror-popover a{display:block}.mirror-popover a{padding:9px 0;color:var(--ui-green-ink)}.mirror-popover span{color:var(--ui-text-mirror-mute)}.mirror-source{border-top:1px solid #e3e9ed;padding:10px 0}.mirror-source:first-child{border:0}.mirror-source p{font:12px/1.6 var(--sans);margin:4px 0}.mirror-source small{font:10px/1.6 var(--mono);color:#617482}#mirrorError{padding:24px;margin:24px;background:var(--ui-panel);border:1px solid #bd4f40;color:#8a3028}
body.mirror-fallback,body.mirror-fallback #mirrorContent,body.mirror-fallback #mirrorContent *{font-family:Arial,Helvetica,sans-serif!important}
.mirror-wiki{max-width:1680px;padding:24px 40px;margin:auto}.mirror-wiki h1{font-size:30px;letter-spacing:-.025em;margin:8px 0}.mirror-wiki .wiki-kicker{font:11px var(--mono);color:var(--ui-green-ink);letter-spacing:.1em}.wiki-controls{display:flex;gap:12px;align-items:end;margin:22px 0}.wiki-controls label{display:grid;gap:6px;color:var(--ui-text-mirror-mute);font-size:12px}.wiki-controls label:first-child{flex:1}.wiki-controls input,.wiki-controls select{width:100%;min-height:44px;border:1px solid #d9e1e8;border-radius:6px;background:white;padding:10px;font:14px var(--sans)}.wiki-grid{display:grid;grid-template-columns:minmax(200px,320px) minmax(0,1fr);gap:20px}.wiki-index,.wiki-document{background:var(--ui-panel);border:1px solid #dae3e9;border-radius:8px;padding:20px;min-width:0}.wiki-index{max-height:650px;overflow:auto}.wiki-entry{display:block;text-align:left;width:100%;padding:14px 10px;border:0;border-bottom:1px solid #e7edf1;background:white;color:var(--ui-text-mirror);font:13px var(--sans);cursor:pointer}.wiki-entry[aria-pressed=true]{background:var(--ui-t-edf7ef);color:var(--ui-green-ink)}.wiki-entry small{display:block;margin-top:5px;font:10px var(--mono);color:#637484}.wiki-document h2{font:600 23px var(--sans);margin:0 0 12px}.wiki-document p{font:14px/1.8 var(--sans);color:#52616f}.wiki-document dl{display:grid;grid-template-columns:130px 1fr;gap:12px;margin-top:24px;font-size:13px}.wiki-document dt{color:#637484}.wiki-document dd{margin:0;overflow-wrap:anywhere}.wiki-count{font:12px var(--mono);color:#526775}.wiki-empty{padding:24px;color:#62727e}
@media(max-width:760px){:root{--mirror-rail:56px;--mirror-top:64px}body[data-q3-mirror] .mirror-topbar{padding:0 12px!important}.mirror-topbar .c-topbar__logo{height:18px;width:auto}.mirror-topbar .c-topbar__chip{font-size:8px;padding:4px 5px}.mirror-top-tools{gap:8px}.mirror-top-tools button{font-size:9px;padding:6px;min-height:38px}.mirror-top-tools .c-avatar--logo{width:28px;height:28px;min-height:28px}.mirror-nav .c-sidebar-row{width:40px!important}.mirror-footer{margin:20px 12px 0;font-size:9px}.mirror-wiki{padding:18px 12px}.mirror-wiki h1{font-size:25px}.wiki-controls{flex-direction:column;align-items:stretch}.wiki-grid{grid-template-columns:1fr}.wiki-index{max-height:280px;padding:10px}.wiki-document{padding:17px}.wiki-document dl{grid-template-columns:1fr;gap:5px}.wiki-document dd{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){body[data-q3-mirror] *,body[data-q3-mirror] *::before,body[data-q3-mirror] *::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/* LEFT RAIL EXPAND/COLLAPSE. Collapsed is every rule above, untouched: only html[data-rail=expanded]
   adds anything, so the regression surface of the default state is zero. Expanded OVERLAYS the page -
   body keeps padding-left:var(--mirror-rail) - because all 15 route layouts were authored against a
   64px rail. Geometry only; every colour is a token so the FOD skin repaints it by substitution. */
:root{--mirror-rail-expanded:240px}
.mirror-top-tools #railToggle{display:grid;place-items:center;flex:none;width:36px;padding:0}
.mirror-top-tools #railToggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
html[data-rail=expanded] body[data-q3-mirror] .mirror-nav.l-sidebar{width:var(--mirror-rail-expanded)!important;z-index:109;box-shadow:12px 0 32px #0006}
html[data-rail=expanded] body[data-q3-mirror] .mirror-nav .c-sidebar-row{justify-content:flex-start;gap:12px;padding:0 12px!important}
html[data-rail=expanded] body[data-q3-mirror] .mirror-nav .mirror-nav-label{position:static;transform:none;opacity:1;background:none;border:0;padding:0;color:inherit;z-index:auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
/* Below 760px the overlay gets a scrim. It is body::after, so the click that dismisses the rail
   is absorbed by <body> and never reaches the control underneath; z-index sits under the rail
   (109) and under the topbar (110), so the hamburger stays clickable. */
/* The toggle adds 44px to the topbar, and at 390 /finances had only 26.7px of slack, so its source
   button wrapped to two lines. Cause: the mobile 18px logo rule above is outranked by each route
   sheet's own body[data-mirror-cr=...] .c-topbar__logo{height:var(--ui-logo-h)}, and 12 of the 13
   generated sheets re-state height:18px for mobile while mirror-route-finances.css does not - so
   that ONE route rendered a 22px logo, 22px wider. Out-ranking it here in hand-authored source
   (0,3,1) restores the shared intent for every route and gives the topbar back its slack. */
@media(max-width:760px){body[data-q3-mirror] .mirror-topbar .c-topbar__logo{height:18px}}
@media(max-width:760px){html[data-rail=expanded] body[data-q3-mirror] .mirror-nav .c-sidebar-row{width:calc(100% - 16px)!important}html[data-rail=expanded] body[data-q3-mirror]::after{content:"";position:fixed;inset:0;z-index:108;background:rgb(0 0 0/.55)}}
@media not (prefers-reduced-motion:reduce){body[data-q3-mirror] .mirror-nav.l-sidebar{transition:width .18s ease}}