/* MB Rack manual layout and typography, adapted to Sound Agent's charcoal palette. */
:root{--ink:#edf0f5;--muted:#adb8c7;--paper:#1b1c1f;--panel:#24272d;--line:#3c434e;--blue:#87a9d7;--cyan:#a9dfd0;--pink:#a9dfd0;--nav:260px;--top:72px}
body[data-sound-agent-manual]{background:linear-gradient(135deg,#1b1c1f,#202227 60%,#1b1e24)}
body[data-sound-agent-manual] .topbar{background:#24272df5;border-color:var(--line);backdrop-filter:none;isolation:isolate}
body[data-sound-agent-manual] .topbar .brand b{color:var(--ink)}
body[data-sound-agent-manual] .sidebar{background:#202227;border-color:var(--line)}
body[data-sound-agent-manual] .sidebar nav a{color:var(--muted)}
body[data-sound-agent-manual] .sidebar nav a:hover,body[data-sound-agent-manual] .sidebar nav a.active{background:#34424b;color:#d8fff0}
body[data-sound-agent-manual] .search{background:#1b1e23;border-color:#485262}
body[data-sound-agent-manual] .search input{color:var(--ink);min-width:0;font-size:14px}
body[data-sound-agent-manual] .search input::placeholder{color:#9ba7b8}
body[data-sound-agent-manual] .search kbd{border-color:#485262}
body[data-sound-agent-manual] .language-switch,body[data-sound-agent-manual] .nav-toggle,body[data-sound-agent-manual] .print-manual{background:#303843;border:1px solid #4a5667;color:var(--ink);border-radius:10px;padding:7px 10px;cursor:pointer;font-size:13px;text-decoration:none;white-space:nowrap}
body[data-sound-agent-manual] .hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:38px;min-height:calc(100vh - var(--top) - var(--budgie-nav-height));padding:65px 0}
body[data-sound-agent-manual] .hero h1{font-size:clamp(40px,4.1vw,66px);line-height:1.13}
body[data-sound-agent-manual] .eyebrow{color:var(--cyan)}
body[data-sound-agent-manual] .button{background:#29313b;border-color:#54667d;color:#e4ebf5}
body[data-sound-agent-manual] .button.primary{background:#365d88;border-color:#5f82ad;color:#fff}
body[data-sound-agent-manual] .stats div{border-color:#6d9f9b}
body[data-sound-agent-manual] .section{border-color:var(--line)}
body[data-sound-agent-manual] .section-head .index{background:#344e58;color:#d1f6e9}
body[data-sound-agent-manual] .steps li,body[data-sound-agent-manual] .feature-grid article,body[data-sound-agent-manual] .side-note,body[data-sound-agent-manual] .callout-list li,body[data-sound-agent-manual] .faq details{background:#24272d;border-color:var(--line)}
body[data-sound-agent-manual] .steps li>span{color:#9dcac8}
body[data-sound-agent-manual] .tip{background:#a9dfd00b;border-left-color:#a9dfd0;color:#c7d3dc}
body[data-sound-agent-manual] table{background:#22252b;min-width:620px;font-size:14px;line-height:1.7}
body[data-sound-agent-manual] th{background:#2c3541;color:#d4e1ef;font-size:13px;letter-spacing:normal}
body[data-sound-agent-manual] tbody th{font-weight:650;min-width:140px;background:#252c35}
body[data-sound-agent-manual] td{color:#bac5d3;overflow-wrap:anywhere}
body[data-sound-agent-manual] .table-wrap{margin:24px 0;border-color:var(--line)}
body[data-sound-agent-manual] .shot-stage{background:#25272b;border-color:#50555f;box-shadow:0 12px 38px #0002}
body[data-sound-agent-manual] .shot-stage img{height:auto}
body[data-sound-agent-manual] .shot-zoom{display:block;cursor:zoom-in}
body[data-sound-agent-manual] .shot-marker b,body[data-sound-agent-manual] .callout-list li>span{background:#a4dbca;color:#192526;border-color:#e1fff6}
body[data-sound-agent-manual] .plain-shot .shot-stage{margin:18px 0}
body[data-sound-agent-manual] .zoom-link{background:none;border:0;color:#a9dfd0;cursor:pointer;font-size:13px;padding:0 6px}
body[data-sound-agent-manual] .closing{background:linear-gradient(125deg,#a9dfd00a,#87a9d712);border-color:#46586a;flex-wrap:wrap}
body[data-sound-agent-manual] footer{border-color:var(--line);background:#191c21;color:#a6b2c2}
.manual-search-results{position:absolute;right:24px;top:calc(100% + 5px);width:min(570px,calc(100vw - 32px));max-height:min(520px,65vh);overflow:auto;background:#252a32;border:1px solid #4c596b;border-radius:14px;padding:14px;box-shadow:0 14px 40px #0006}
.manual-search-results[hidden]{display:none}
.manual-search-results>p{font-size:13px;margin:0 4px 10px;color:#b0c6d9}
.manual-search-results a{display:block;padding:12px;border-radius:8px;text-decoration:none;border-top:1px solid #ffffff09}
.manual-search-results a:hover,.manual-search-results a:focus-visible{background:#35434e}
.manual-search-results strong{display:block;color:#e6edf5;font-size:15px}
.manual-search-results small{display:block;font-size:13px;line-height:1.6;color:#b0bdcc;margin-top:3px}
.manual-image-zoom{position:fixed;inset:0;margin:auto;width:min(1450px,96vw);max-width:96vw;max-height:92dvh;border:1px solid #556070;border-radius:16px;background:#202329;padding:42px 16px 14px;color:#c7d1df;overflow:auto}
.manual-image-zoom::backdrop{background:#07090ce8}
.manual-image-zoom>button{position:fixed;right:4vw;top:5vh;border:1px solid #657083;background:#303640;color:#fff;border-radius:50%;width:34px;height:34px;font-size:25px;line-height:1;cursor:pointer;z-index:2}
.manual-image-zoom img{max-height:77dvh;width:auto;height:auto;margin:auto;object-fit:contain}
.manual-image-zoom p{font-size:13px;margin:12px 0 0;text-align:center}
body[data-sound-agent-manual] a:focus-visible,body[data-sound-agent-manual] button:focus-visible,body[data-sound-agent-manual] summary:focus-visible{outline:2px solid #a9dfd0;outline-offset:4px}
body[data-sound-agent-manual] #content:focus{outline:none}
@media(max-width:1100px){body[data-sound-agent-manual] .hero{grid-template-columns:1fr;gap:26px}.hero-visual{max-width:900px}}
@media(max-width:780px){:root{--top:68px}body[data-sound-agent-manual] .topbar{height:auto;min-height:var(--top);padding:10px 14px;gap:8px;flex-wrap:wrap}body[data-sound-agent-manual] .topbar>.brand img{width:28px;height:28px}body[data-sound-agent-manual] .topbar>.brand b{font-size:15px}body[data-sound-agent-manual] .top-actions{gap:6px}.print-manual{display:none}body[data-sound-agent-manual] .search{width:130px;padding:6px 8px}body[data-sound-agent-manual] .search input{font-size:13px}body[data-sound-agent-manual] .language-switch,body[data-sound-agent-manual] .nav-toggle{padding:6px 8px;font-size:13px}body[data-sound-agent-manual] .sidebar{max-height:calc(100dvh - var(--top) - var(--budgie-nav-height));background:#24272d}body[data-sound-agent-manual] .hero{padding:45px 0 55px}body[data-sound-agent-manual] .hero h1{font-size:37px;line-height:1.17}body[data-sound-agent-manual] .lead{font-size:16px}body[data-sound-agent-manual] .section-head h2{font-size:31px;line-height:1.2}body[data-sound-agent-manual] .steps li{grid-template-columns:35px 1fr;padding:17px;gap:12px}body[data-sound-agent-manual] .steps li>span{font-size:24px}body[data-sound-agent-manual] .annotated-shot.has-callouts .shot-stage{margin:40px 12px}.manual-search-results{right:16px}body[data-sound-agent-manual] .closing{padding:24px}body[data-sound-agent-manual] .closing h2{font-size:26px}}
@media(max-width:560px){:root{--top:106px}body[data-sound-agent-manual] .topbar>.brand{width:100%}body[data-sound-agent-manual] .top-actions{width:100%;justify-content:space-between}body[data-sound-agent-manual] .search{width:auto;flex:1}body[data-sound-agent-manual] .search input{font-size:13px}body[data-sound-agent-manual] .callout-list{grid-template-columns:1fr}body[data-sound-agent-manual] .shot-marker b{height:22px;width:22px;font-size:13px}body[data-sound-agent-manual] .hero-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}
@media print{body[data-sound-agent-manual]{background:white!important;color:#152638!important;font-size:11pt;line-height:1.6}.budgie-nav,.budgie-skip,.topbar,.sidebar,.hero-actions,.zoom-link,.budgie-footer-language,.manual-image-zoom{display:none!important}.shell{display:block;max-width:none}main{padding:0!important}.hero{min-height:0!important;padding:18px 0!important;display:block!important}.hero h1{font-size:30pt!important}.hero-visual{max-width:700px;margin:20px auto}.section{padding:26px 0!important;scroll-margin:0!important}.section-head{break-after:avoid}.section-head h2{font-size:22pt!important}body[data-sound-agent-manual] p,body[data-sound-agent-manual] .lead,body[data-sound-agent-manual] td,body[data-sound-agent-manual] figcaption{color:#3c4c5c!important}body[data-sound-agent-manual] .steps li,body[data-sound-agent-manual] .feature-grid article,body[data-sound-agent-manual] .faq details,body[data-sound-agent-manual] .callout-list li,body[data-sound-agent-manual] table,body[data-sound-agent-manual] th{background:#f5f8fa!important;color:#21364b!important;border-color:#ccd5de!important}body[data-sound-agent-manual] table{min-width:0!important;font-size:9pt}th,td{padding:8px!important}.table-wrap{overflow:visible!important}.steps li,.feature-grid article,.faq details,.shot-stage{break-inside:avoid}.feature-grid.three{grid-template-columns:1fr 1fr}.shot-marker{-webkit-print-color-adjust:exact;print-color-adjust:exact}footer{background:white!important;color:#526577!important}.closing{display:none!important}a{text-decoration:none!important}@page{margin:16mm}}
html:has(body[data-sound-agent-manual]){scroll-padding-top:0}
body[data-sound-agent-manual] #start,body[data-sound-agent-manual] #content{scroll-margin-top:calc(var(--top) + var(--budgie-nav-height) + 20px)}
body[data-sound-agent-manual] .hero h1{font-size:clamp(40px,3.2vw,56px);text-wrap:balance}
@media(max-width:780px){body[data-sound-agent-manual] .hero h1{font-size:clamp(28px,8vw,37px)}}
body[data-sound-agent-manual]>.budgie-nav{background:#1b1c1f}
@media(max-width:560px){body[data-sound-agent-manual] .shot-marker b{width:14px;height:14px;font-size:13px;border-width:1px}}
@media(max-width:780px){body[data-sound-agent-manual] .topbar>.brand span{display:grid}body[data-sound-agent-manual] .topbar>.brand small{display:block;font-size:13px;margin-top:3px;letter-spacing:.04em}}
@media print{:root{--ink:#17375c;--muted:#526b89;--line:#bdcddd}body[data-sound-agent-manual] .section-head .index{background:#dae7ed!important;color:#17375c!important}body[data-sound-agent-manual] .callout-list b{color:#17375c!important}}
