/* DRUMR v0.7 — Scavenger Audio editorial manual */
:root{--bg:#101414;--deep:#080c0d;--plate:#172020;--raised:#1d2826;--mint:#279381;--bright:#4fc6b1;--text:#f4f7f5;--muted:#c3ceca;--grey:#9a9a9a;--hair:#32433e;--font:Inter,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#080d0e}body{margin:0;color:var(--text);background:#080d0e;font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:var(--bright);text-decoration:none}a:hover{text-decoration:underline}p{overflow-wrap:break-word}img{max-width:100%}i{font-style:normal}
.web-nav{position:sticky;z-index:100;top:0;height:64px;background:rgba(8,14,14,.96);backdrop-filter:blur(20px);border-bottom:1px solid #2c4540;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 max(34px,calc((100vw - 1200px)/2));}
.web-brand{display:flex;align-items:center;gap:20px;white-space:nowrap;color:#e4efeb!important;text-decoration:none!important}.web-brand img{width:120px;max-height:30px}.web-brand span{font-size:10px;letter-spacing:.17em;font-weight:700}.web-brand i{font-weight:400;color:#7da49c}.web-links{display:flex;align-items:center;gap:29px}.web-links a{font-size:10px;letter-spacing:.13em;color:#a7bbb4;text-transform:uppercase}.web-links a:hover{color:white}.nav-index{border:1px solid #326960;border-radius:2px;font-size:9px;letter-spacing:.13em;padding:11px 12px;color:#69d0ba!important;white-space:nowrap}.nav-index span{margin-left:8px}
.publication{max-width:1260px;margin:0 auto;background:#101414;box-shadow:0 0 70px #0008}.cover{height:820px;position:relative;overflow:hidden;background:#040a0a}.cover-image{position:absolute;inset:0;width:100%;height:85%;object-fit:cover;object-position:58% 37%;opacity:.95}.cover-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#031112c4 0%,#0511128c 27%,transparent 69%),linear-gradient(0deg,#030808 1%,#061011ed 14%,transparent 42%),linear-gradient(180deg,#050d0e6b 0%,transparent 25%)}.cover-grain{position:absolute;inset:0;opacity:.22;background:radial-gradient(ellipse at 10% 35%,#2793814b,transparent 52%)}
.cover-masthead{position:absolute;top:45px;left:65px;right:65px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-logo{width:180px;max-height:34px}.cover-masthead>span{color:#96b0a8;letter-spacing:.24em;font-size:10px}.cover-masthead i{color:#279381;margin:0 12px}.cover-lede{position:absolute;top:34%;left:65px}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:700;color:var(--bright);text-transform:uppercase}.cover-lede .eyebrow{display:flex;align-items:center;gap:16px}.rule{height:1px;width:42px;background:#439a8b;display:inline-block}.cover-lede h1{font-size:clamp(70px,9vw,135px);line-height:.84;letter-spacing:-.076em;margin:20px 0 26px;font-weight:860;text-transform:uppercase}.cover-lede h1 em{font-style:normal;color:#eaf3f0}.teal-dot{color:var(--bright)}.cover-lede>p:last-child{font-size:19px;color:#d0e0d9;max-width:550px}.cover-footer{position:absolute;bottom:52px;left:65px;right:65px;display:flex;justify-content:space-between;align-items:end;border-top:1px solid #51716a;padding-top:26px}.cover-product img{width:245px;max-height:58px}.cover-product p{font-size:9px;letter-spacing:.25em;color:#a3c0b8;margin:18px 0 0}.cover-release{text-align:right;font-size:10px;line-height:2;letter-spacing:.2em;color:#b1c4bc}.cover-release span{font-size:9px;color:#659c91}
.chapter{position:relative;padding:76px clamp(38px,6vw,92px) 90px;background:radial-gradient(ellipse at 100% 0%,rgba(39,147,129,.075),transparent 43%),#101414;border-top:1px solid #172f2b;}
.chapter:nth-of-type(3n){background:radial-gradient(ellipse at 0% 25%,rgba(37,103,93,.09),transparent 38%),#111717}
.chapter-header{position:relative;min-height:210px;padding:0 0 32px;border-bottom:1px solid #345148;margin-bottom:39px;overflow:hidden}.chapter-kicker{margin:0 0 22px;color:#829f97;letter-spacing:.18em;font-size:9px;font-weight:700}.chapter-index{color:#4bc4ab;font-size:12px;letter-spacing:.22em;font-weight:700}.chapter-title{position:relative;z-index:1;max-width:830px;font-size:clamp(38px,5.2vw,66px);line-height:1.02;letter-spacing:-.059em;margin:15px 0 21px;font-weight:780}.chapter-deck{position:relative;z-index:1;font-size:18px;line-height:1.55;color:#c0d0c9;max-width:780px;margin:0}.chapter-ghost{position:absolute;right:0;top:-20px;font-weight:900;font-size:230px;line-height:1;color:#1c3833;opacity:.7;letter-spacing:-.12em;pointer-events:none}.chapter-header--feature{padding:0 0 35px;min-height:0;border-bottom:0;margin-bottom:42px}.chapter-header--feature .chapter-title{font-size:clamp(64px,8vw,112px);line-height:.91;max-width:1000px}.chapter-header--feature .chapter-deck{max-width:740px}.chapter-header--feature .chapter-ghost{color:#18342f;font-size:250px;top:0}.chapter-spotlight{margin:44px -3.6vw 0;position:relative;padding:12px;background:#050b0c;border:1px solid #28594f;box-shadow:0 28px 65px #0007;overflow:hidden}.chapter-spotlight img{width:100%;height:auto;display:block;object-fit:contain}.chapter-spotlight figcaption{position:absolute;bottom:20px;left:20px;background:#081512ed;padding:11px 15px;font-size:10px;letter-spacing:.16em;color:#e4eee9}.chapter-spotlight figcaption span{color:#65ab9d}.three-acts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:31px}.three-acts>div{padding-top:17px;border-top:1px solid #3d645a}.three-acts span{font-size:10px;letter-spacing:.16em;color:#58bca9;font-weight:700}.three-acts strong{display:block;font-size:29px;margin:9px 0 5px;letter-spacing:-.04em}.three-acts p{margin:0;color:#acbfb7;font-size:13px;line-height:1.5}
.chapter h2{font-size:clamp(24px,3vw,37px);letter-spacing:-.037em;line-height:1.1;margin:48px 0 18px;padding:0 0 15px;border-bottom:1px solid #315047;color:#f4f7f5;break-after:avoid}.chapter h2::before{content:'—';color:var(--bright);margin-right:15px}.chapter h3{font-size:21px;letter-spacing:-.02em;color:#56c5b0;margin:32px 0 12px;break-after:avoid}.prose{font-size:15px;line-height:1.79;color:#cbd5d0;max-width:875px;margin:0 0 22px}.prose b,.prose strong{color:#fff}.chapter .endnote{border-top:1px solid #36544b;padding-top:16px;color:#839f95;font-size:13px}
.chapter-contents{padding-bottom:100px}.chapter-contents .chapter-title{font-size:clamp(53px,6vw,79px)}.chapter-contents .chapter-header{min-height:180px}.toc-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:38px;row-gap:0;margin:24px 0 39px}.toc-row{border-bottom:1px solid #2a3f39}.toc-link{padding:20px 0;display:grid;grid-template-columns:44px 1fr 18px;align-items:baseline;gap:8px;color:#edf4f0;font-size:16px;line-height:1.25;font-weight:500}.toc-link>span:first-child{font-size:13px;letter-spacing:.1em;color:var(--bright);font-weight:700}.toc-link:hover{color:#5fd9c3;text-decoration:none}.toc-arrow{font-size:13px;color:#659488}
.note{border-left:2px solid var(--mint);background:linear-gradient(130deg,#20332f,#172321);padding:18px 24px;margin:25px 0 30px;font-size:14px;line-height:1.64;color:#d1dfd8;break-inside:avoid}.note strong{color:#63d2bc;letter-spacing:.14em;font-size:11px}.review-note{border-color:#718c83;background:#1c2624}
.step{display:grid;grid-template-columns:54px 1fr;gap:19px;padding:17px 0;border-bottom:1px solid #2c423b;break-inside:avoid}.step .n{font-size:15px;font-weight:750;color:#55cbb5;padding-top:2px}.step-text{color:#d0dad5;font-size:15px;line-height:1.65}
.spec-table{border-collapse:collapse;width:100%;margin:23px 0 37px;color:#d5e0da;table-layout:fixed;font-size:14px;line-height:1.53}.spec-table th{background:#244138;color:#7bdfca;text-align:left;padding:14px 16px;border-bottom:1px solid #489183;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.spec-table td{padding:14px 16px;border-bottom:1px solid #30443d;vertical-align:top;overflow-wrap:anywhere}.spec-table tr:nth-child(even) td{background:#18221f}.spec-table tr{break-inside:avoid}.spec-table thead{display:table-header-group}
.editorial-figure{margin:25px 0 33px;break-inside:avoid}.editorial-figure img{display:block;width:100%;height:auto;max-height:540px;object-fit:contain;object-position:center;background:#080e0e;border:1px solid #2f5148;box-shadow:0 20px 45px #0005}.editorial-figure figcaption,.caption{font-size:12px;color:#9db9ae;letter-spacing:.02em;line-height:1.55;margin:11px 0 20px}.caption .fig-label{font-size:10px;font-weight:700;letter-spacing:.13em;color:#59cbb2;margin-right:10px}
.reference{display:grid;grid-template-columns:minmax(170px,32%) 1fr;gap:0;margin:24px 0 9px;background:#17211f;border:1px solid #314f45;break-inside:avoid;box-shadow:0 18px 32px #0002}.reference-wide{grid-template-columns:minmax(235px,42%) 1fr}.reference .shot{padding:21px;background:radial-gradient(circle at 30% 32%,#193029,#081110);border-right:1px solid #33574c;display:flex;justify-content:center;align-items:center}.reference .shot img{display:block;max-width:100%;width:auto;max-height:680px;object-fit:contain;filter:drop-shadow(0 7px 18px #0007)}.reference .defs{padding:25px 31px;min-width:0}.def{font-size:14px;line-height:1.7;color:#c7d6cf;margin:0;padding:0 0 16px}.def+.def{padding-top:14px;border-top:1px solid #30443c}.def:last-child{padding-bottom:0}.def b{display:block;color:#59d0b7;letter-spacing:.09em;font-size:12px;margin-bottom:6px}.inline-caption{margin:9px 0 41px;font-size:11px;color:#a7b9b0}
.recipe{margin:22px 0 25px;padding:20px 24px;background:linear-gradient(125deg,#203831,#17231f);border-left:3px solid var(--mint)}.recipe h2{margin:0 0 10px;border:0;padding:0;color:#5fd4bd;font-size:20px}.recipe h2:before{display:none}.recipe p{margin:0;color:#d0ded7;font-size:14px;line-height:1.65}
.site-footer{max-width:1260px;margin:auto;background:#09110f;border-top:1px solid #22483e;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:45px 80px;color:#779e91;font-size:10px;letter-spacing:.17em}.site-footer img{width:145px}.site-footer a{color:#66cdb7}
@media(max-width:1050px){.web-nav{padding:0 30px}.web-links{gap:15px}.chapter{padding:55px 45px}.chapter-ghost{font-size:160px}.cover-masthead,.cover-lede{left:46px}.cover-footer{left:46px;right:46px}.reference .defs{padding:20px}.reference-wide{grid-template-columns:39% 1fr}.def{font-size:13px}}
@media(max-width:680px){.web-nav{height:57px;padding:0 16px}.web-brand img{width:105px}.web-brand span,.nav-index{display:none}.web-links a{font-size:9px;letter-spacing:.03em}.web-links a:nth-child(2){display:none}.publication{box-shadow:none}.cover{height:790px}.cover-image{object-position:56% 30%;height:75%}.cover-lede{left:25px;right:25px;top:37%}.cover-lede h1{font-size:clamp(53px,13vw,83px);margin:18px 0}.cover-lede>p:last-child{font-size:14px}.cover-masthead{top:28px;left:25px;right:25px}.cover-masthead>span{display:none}.brand-logo{width:155px}.cover-footer{left:25px;right:25px;bottom:36px}.cover-product img{width:160px}.cover-product p{font-size:7px;max-width:240px;line-height:1.5}.cover-release{display:none}.chapter{padding:46px 23px 62px}.chapter-header{min-height:0;padding-bottom:26px}.chapter-kicker{font-size:8px}.chapter-title{font-size:40px}.chapter-deck{font-size:15px}.chapter-ghost{font-size:122px;top:12px}.chapter-header--feature .chapter-title{font-size:54px}.chapter-spotlight{margin:28px -23px 0;padding:5px}.chapter-spotlight figcaption{font-size:8px;bottom:6px;left:6px;padding:8px}.three-acts{grid-template-columns:1fr;gap:15px}.three-acts strong{font-size:23px}.chapter h2{font-size:25px}.toc-grid{grid-template-columns:1fr}.toc-link{padding:16px 0}.reference,.reference-wide{display:block}.reference .shot{border-right:0;border-bottom:1px solid #33574c;padding:15px}.reference .shot img{max-height:420px}.reference .defs{padding:20px}.def b{font-size:11px}.def{font-size:13px}.spec-table{display:block;overflow-x:auto;white-space:normal;font-size:11px}.spec-table th,.spec-table td{min-width:125px;padding:10px 12px}.site-footer{padding:28px;display:block}.site-footer p{margin:20px 0}.site-footer img{width:130px}}
/* For Chromium paginated print: HTML remains the single source of truth. */
@page{size:A4;margin:13mm 15mm 15mm;background:#101414;
 @top-left{content:'SCAVENGER AUDIO  /  DRUMR';color:#70998b;font:7.2pt Arial;letter-spacing:1.3pt}
 @top-right{content:'USER MANUAL  /  V1.0';color:#819d93;font:7.2pt Arial;letter-spacing:.5pt}
 @bottom-left{content:'DRUMR    /    THE INSTRUMENT SERIES';color:#718e83;font:7pt Arial;letter-spacing:.5pt}
 @bottom-right{content:counter(page,decimal-leading-zero);color:#59ccb4;font:8pt Arial}}
@page:first{margin:0;background:#07100f;@top-left{content:none}@top-right{content:none}@bottom-left{content:none}@bottom-right{content:none}}
@media print{
 *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
 html,body{width:210mm;background:#101414!important;margin:0!important;padding:0!important;color:var(--text)}
 .web-nav,.site-footer{display:none!important}
 .publication{width:210mm;max-width:none;box-shadow:none;margin:0;background:#101414}
 .cover{height:297mm;width:210mm;min-height:297mm;max-height:297mm;margin:0;break-after:page;page-break-after:always}
 .cover-image{height:82%;object-position:57% 30%}.cover-masthead{top:14mm;left:13mm;right:13mm}.cover-masthead .brand-logo{width:41mm}.cover-masthead>span{font-size:6pt}.cover-lede{top:34%;left:13mm;right:13mm}.cover-lede .eyebrow{font-size:7.1pt}.cover-lede h1{font-size:68pt;margin:5mm 0 5mm}.cover-lede>p:last-child{font-size:11pt}.cover-footer{bottom:19mm;left:13mm;right:13mm;padding-top:6mm}.cover-product img{width:54mm}.cover-product p{font-size:6.6pt;margin-top:4mm}.cover-release{font-size:6.8pt}
 .chapter{background:#101414!important;border:0;break-before:page;page-break-before:always;max-width:none;margin:0;padding:0 0 5mm;}
 .chapter-header{min-height:0;margin:0 0 8mm;padding:7mm 0 6mm;border-bottom:1px solid #2d6356;overflow:hidden;break-inside:avoid}
 .chapter-kicker{font-size:6.6pt;margin-bottom:6mm}.chapter-index{font-size:8.5pt;letter-spacing:.16em}.chapter-title{font-size:34pt;line-height:1.02;margin:4mm 0 4mm;max-width:150mm}.chapter-deck{font-size:10pt;max-width:155mm;line-height:1.5}.chapter-ghost{font-size:110pt;top:2mm;right:0;opacity:.38}
 .chapter-header--feature{margin-bottom:9mm;padding-bottom:6mm;break-inside:avoid;}
 .chapter-header--feature .chapter-title{font-size:46pt;max-width:177mm}.chapter-header--feature .chapter-deck{font-size:10pt;max-width:165mm}.chapter-header--feature .chapter-ghost{font-size:113pt}
 .chapter-spotlight{margin:7mm 0 0;padding:2mm;box-shadow:none;max-height:99mm;break-inside:avoid}.chapter-spotlight img{max-height:92mm;object-fit:contain}.chapter-spotlight figcaption{left:3mm;bottom:3mm;font-size:6pt;padding:2mm 3mm}
 .three-acts{margin-top:5mm;gap:5mm}.three-acts>div{padding-top:3mm}.three-acts span{font-size:6.2pt}.three-acts strong{font-size:15pt;margin:1.6mm 0}.three-acts p{font-size:7.5pt;line-height:1.42}
 .chapter h2{font-size:19pt;letter-spacing:-.03em;margin:8mm 0 3.5mm;padding-bottom:2.3mm}.chapter h2::before{margin-right:3mm}
 .chapter h3{font-size:12pt;margin:6mm 0 2.5mm}.prose{font-size:9.5pt;line-height:1.64;margin:0 0 4.6mm;max-width:100%}
 .chapter-contents .chapter-title{font-size:43pt}.toc-grid{gap:0 6mm;margin:4mm 0 7mm}.toc-link{font-size:10pt;padding:3.1mm 0;grid-template-columns:8mm 1fr 4mm}.toc-link>span:first-child{font-size:8pt}
 .note{padding:3.5mm 4.2mm;font-size:8.7pt;line-height:1.5;margin:5mm 0;break-inside:avoid}.note strong{font-size:7.5pt}
 .step{grid-template-columns:9mm 1fr;gap:3mm;padding:3.3mm 0}.step .n{font-size:9pt}.step-text{font-size:9.2pt;line-height:1.5}
 .spec-table{font-size:8.6pt;margin:4mm 0 7mm;break-inside:auto}.spec-table th{padding:3mm 3mm;font-size:7.2pt}.spec-table td{padding:3mm 3mm;line-height:1.45}.spec-table tr{break-inside:avoid}
 .editorial-figure{margin:5mm 0 6mm;break-inside:avoid}.editorial-figure img{max-width:100%;max-height:108mm;box-shadow:none}.editorial-figure figcaption,.caption{font-size:7.5pt;line-height:1.43;margin:2mm 0 4mm}.caption .fig-label{font-size:7pt}
 .reference,.reference-wide{display:grid;grid-template-columns:35% 1fr;gap:0;margin:4mm 0 1.8mm;break-inside:avoid;box-shadow:none}.reference-wide{grid-template-columns:40% 1fr}.reference .shot{padding:3mm}.reference .shot img{max-height:178mm}.reference .defs{padding:3.5mm 4mm}.def{font-size:8.5pt;line-height:1.48;padding-bottom:2.4mm}.def+.def{padding-top:2.4mm}.def b{font-size:8pt;margin-bottom:1mm}.inline-caption{font-size:7.6pt;margin:2mm 0 5mm}
 .recipe{margin:3mm 0;padding:3.5mm 4mm;break-inside:avoid}.recipe h2{font-size:11pt}.recipe p{font-size:8.7pt}
}
@media print{
  /* Keep the short per-step pitch table with the sequencer editing examples. */
  #chapter-05 .editorial-figure.full img{max-height:90mm}
}

/* DRUMR v0.8 — online-first navigation and approved editorial refinements */
:root{--control-charcoal:#12191a;--panel-edge:#35433f;--interactive:#5dcdbc}
html{scroll-padding-top:84px}
body{background:#080d0e}
.reader-shell{width:min(100%,1600px);margin:0 auto;display:grid;grid-template-columns:258px minmax(0,1fr);align-items:start;background:#0c1111}
.reader-shell .publication{min-width:0;width:100%;max-width:none;box-shadow:none}
.web-nav{padding:0 clamp(18px,3vw,56px);height:70px}
.web-nav .web-links{margin-left:auto}
.web-brand img{width:133px}
.nav-tools{display:flex;align-items:center;gap:8px}
.nav-tools button,.nav-tools a{font:inherit;cursor:pointer;border:1px solid #326157;background:#111b19;color:#8be2d2;font-size:11px;letter-spacing:.08em;padding:10px 13px;border-radius:3px;white-space:nowrap}
.nav-tools button:hover,.nav-tools a:hover{background:#1b3630;color:white;text-decoration:none}
.nav-menu-button{display:none}
.menu-overlay{display:none}
.manual-sidebar{background:linear-gradient(180deg,#101b19 0%,#0a1212 100%);border-right:1px solid #29433a;position:sticky;top:70px;height:calc(100dvh - 70px);overflow-y:auto;padding:33px 18px 22px;scrollbar-width:thin;scrollbar-color:#31594e transparent;z-index:50}
.sidebar-head{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.17em;color:#74d7c3}
.sidebar-head .version{color:#658f84}
.sidebar-intro{margin:11px 0 38px;color:#91aca2;font-size:12px;line-height:1.7;max-width:170px}
.sidebar-label{font-size:10px;letter-spacing:.19em;color:#819c92;margin-bottom:12px;font-weight:700}
.sidebar-links{display:grid;gap:3px}
.sidebar-links a{display:grid;grid-template-columns:24px 1fr;gap:9px;align-items:start;padding:11px 10px 11px 9px;border-left:2px solid transparent;color:#bacdc5;line-height:1.35;font-size:12px;border-radius:0 4px 4px 0}
.sidebar-links a span{color:#6f9b8d;font-size:10px;font-weight:700;letter-spacing:.08em;margin-top:1px}
.sidebar-links a:hover,.sidebar-links a[aria-current="location"]{background:#1c332c;color:#edfff8;border-left-color:#55c9b6;text-decoration:none}
.sidebar-links a[aria-current="location"] span{color:#71e0cb}
.sidebar-footer{font-size:9px;letter-spacing:.1em;line-height:1.7;color:#789489;border-top:1px solid #29463b;margin-top:33px;padding:20px 8px}
.sidebar-footer a{display:block;font-size:11px;margin-top:14px;letter-spacing:.03em}
.chapter{scroll-margin-top:78px}
.chapter h2[id],.chapter h3[id],.parameter-item[id]{scroll-margin-top:94px}
.chapter h2 .heading-link,.chapter h3 .heading-link{font-size:13px;font-weight:400;vertical-align:middle;margin-left:10px;color:#77bdab;opacity:.35}
.chapter h2:hover .heading-link,.chapter h3:hover .heading-link{opacity:1}
.param-anchor{font-size:12px;color:#72bead;margin-left:9px;opacity:.25;display:inline!important;letter-spacing:0}
.parameter-item:hover .param-anchor{opacity:1}
.deep-anchor{display:block;position:relative;top:-90px;visibility:hidden;height:0;pointer-events:none}
.context-help-note{margin:20px 0 30px;border-left:2px solid #3c8475;background:#162522;padding:15px 20px;font-size:13px;color:#bed1c8;line-height:1.6}
.manual-cta a{display:inline-block;border:1px solid #438d7d;color:#a5f0df;padding:15px 19px;margin-top:20px;font-size:13px}
.manual-cta a:hover{background:#214c40;text-decoration:none}

/* Reference figure layout: user-selected highlighted-state screenshots on charcoal, aligned to the beginning of their explanations. */
.reference,.reference-wide{background:#17211f;border-color:#364b44}
.reference .shot,.reference-wide .shot{background:linear-gradient(145deg,#171d1e 0%,#101718 62%,#0d1314 100%);align-items:flex-start!important;justify-content:center;padding:28px 25px 34px}
.reference .shot img,.reference-wide .shot img{object-position:top center;align-self:flex-start;filter:none;border-radius:5px;height:auto}
.reference .defs{background:#17211f}

/* General chapter headers: rich but restrained atmosphere and safe, unclipped numerals. */
.chapter-header{overflow:visible;background:radial-gradient(ellipse at 69% 80%,rgba(38,121,106,.18),transparent 56%);}
.chapter-header .chapter-ghost{right:28px;top:10px;letter-spacing:-.08em;font-size:clamp(112px,15vw,207px);line-height:1.1;opacity:.5;white-space:nowrap;z-index:0}
.chapter-header .chapter-title,.chapter-header .chapter-deck,.chapter-header .chapter-index{position:relative;z-index:1}
.chapter-header--feature .chapter-ghost{right:23px;top:28px;font-size:clamp(140px,19vw,268px);opacity:.52}

/* Chapter zero: reprise the impactful v0.6 'BUILD THE IMPACT.' chapter-opener treatment. */
.chapter-contents{padding-top:0}
.chapter-header--intro{min-height:700px;overflow:hidden;position:relative;padding:40px clamp(38px,5.4vw,80px) 205px;margin:0 clamp(-80px,-5.4vw,-38px) 50px;border-bottom:1px solid #346458;background:
 radial-gradient(ellipse at 66% 77%,rgba(43,137,122,.28) 0%,rgba(19,63,57,.19) 38%,transparent 66%),
 radial-gradient(ellipse at 48% 39%,rgba(23,82,73,.21),transparent 53%),
 linear-gradient(118deg,#0c1212 18%,#0f1918 69%,#0b1112 100%)}
.opener-meta{display:flex;justify-content:space-between;align-items:center;gap:14px;color:#8ca89f;font-size:11px;font-weight:750;letter-spacing:.19em;padding-bottom:25px;border-bottom:1px solid #2c453d;margin-bottom:85px}
.opener-kicker{display:flex;gap:19px;align-items:center;font-size:11px;letter-spacing:.20em;color:#61c7b4}
.opener-rule{display:inline-block;width:45px;height:1px;background:#4cbaa6}
.chapter-header--intro .chapter-title{max-width:790px;font-size:clamp(62px,7vw,102px);line-height:.91;letter-spacing:-.065em;font-weight:830;margin:37px 0 31px}
.chapter-header--intro .chapter-title span,.chapter-header--intro .chapter-title em{display:block;font-style:normal}
.chapter-header--intro .chapter-title em{color:#5dc6b6;font-weight:370;letter-spacing:-.075em}
.chapter-header--intro .chapter-deck{color:#cadbd4;font-size:18px;max-width:650px;line-height:1.65;margin:0}
.chapter-header--intro .chapter-ghost{right:50px;top:147px;font-size:clamp(140px,18vw,245px);color:#1e4840;opacity:.46;line-height:1.05;letter-spacing:-.06em}
.opener-drum-strip{position:absolute;bottom:0;left:0;right:0;height:172px;margin:0;background:#060c0d;overflow:hidden;border-top:1px solid #37554d}
.opener-drum-strip img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 11%;opacity:.92;filter:brightness(.76)}
.intro-body{position:relative}
.publication-status{margin:29px 0;max-width:870px}

/* A lightweight built-in search: all static content; no external API dependency. */
.manual-search{width:min(680px,calc(100vw - 32px));max-height:min(80dvh,750px);background:#121d1b;color:#edf5f1;border:1px solid #467d6e;border-radius:8px;padding:0;box-shadow:0 40px 100px #000c;overflow:hidden}
.manual-search::backdrop{background:#020707b8;backdrop-filter:blur(6px)}
.search-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:24px 27px 14px}
.search-dialog-head h2{margin:0;font-size:21px;letter-spacing:-.025em}
.search-dialog-head button{border:0;background:transparent;color:#addbce;cursor:pointer;font-size:28px;line-height:1}
.manual-search input{margin:0 27px;width:calc(100% - 54px);height:50px;border:1px solid #588879;background:#0c1514;color:white;padding:0 15px;outline:none;font-size:15px;border-radius:3px}
.manual-search input:focus{border-color:#80dfca;box-shadow:0 0 0 2px #63cbb431}
.search-hint{padding:0 27px;color:#8ead9e;font-size:11px}
.search-results{max-height:390px;overflow-y:auto;padding:10px 21px 23px}
.search-result{display:block;padding:13px 12px;border-top:1px solid #2d473e;color:#ddeee7}
.search-result:hover{text-decoration:none;background:#20342e}
.search-result strong{display:block;font-size:14px;margin-bottom:4px;color:#6ed7c0}
.search-result small{display:block;font-size:12px;line-height:1.5;color:#afc2b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-empty{padding:30px 10px;font-size:13px;color:#abbdb6}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(min-width:1360px){.publication .chapter{padding-left:70px;padding-right:70px}.chapter-header--intro{margin-left:-70px;margin-right:-70px}}
@media(max-width:1190px){.reader-shell{grid-template-columns:218px minmax(0,1fr)}.manual-sidebar{padding:25px 9px}.sidebar-links a{font-size:11px}.web-nav .web-links{gap:17px}.web-brand span{font-size:9px}.chapter-header--intro .chapter-title{font-size:clamp(55px,7vw,88px)}}
@media(max-width:900px){.reader-shell{display:block}.manual-sidebar{position:fixed;top:64px;bottom:0;left:0;width:min(300px,88vw);height:auto;transform:translateX(-105%);transition:transform .2s ease;box-shadow:20px 15px 50px #0009}.menu-open .manual-sidebar{transform:translateX(0)}.menu-overlay{border:0;background:#0009;position:fixed;inset:64px 0 0;z-index:40;display:none;width:100%;height:100%}.menu-open .menu-overlay{display:block}.nav-menu-button{display:inline-block}.web-nav{height:64px}.web-links{display:none}.chapter-header--intro{margin-left:-45px;margin-right:-45px}}
@media(max-width:680px){.web-nav{height:58px;padding:0 14px}.manual-sidebar{top:58px}.menu-overlay{inset:58px 0 0}.web-brand img{width:102px}.nav-tools{gap:5px}.nav-tools button,.nav-tools a{padding:9px 10px;font-size:10px}.nav-tools .nav-search{max-width:37px;overflow:hidden;white-space:nowrap}.chapter-header--intro{min-height:585px;margin:0 -23px 35px;padding:28px 24px 144px}.opener-meta{margin-bottom:60px;font-size:8px;letter-spacing:.11em;padding-bottom:20px}.opener-kicker{font-size:9px}.chapter-header--intro .chapter-title{font-size:clamp(53px,13vw,78px);margin:29px 0 25px}.chapter-header--intro .chapter-deck{font-size:15px;max-width:85%}.chapter-header--intro .chapter-ghost{right:22px;top:125px;font-size:clamp(105px,27vw,175px)}.opener-drum-strip{height:135px}.reference .shot,.reference-wide .shot{padding:18px 16px;align-items:flex-start}.reference .shot img{max-height:500px}.search-dialog-head h2{font-size:17px}}

@media print{
 .web-nav,.manual-sidebar,.menu-overlay,.manual-search,.context-help-note,.manual-cta,.heading-link,.param-anchor{display:none!important}
 .reader-shell{display:block!important;max-width:none!important;width:auto!important;background:#101414!important}
 .reader-shell .publication{width:210mm!important;max-width:none!important;margin:0!important}
 .chapter-header .chapter-ghost{right:8mm;top:5mm;font-size:90pt}
 .chapter-header--feature .chapter-ghost{right:7mm;top:8mm;font-size:108pt}
 .chapter-header--intro{height:241mm;min-height:241mm;max-height:241mm;margin:0 0 12mm!important;padding:6mm 7mm 36mm!important;border:0;break-after:page!important;page-break-after:always!important;overflow:hidden!important}
 .chapter-header--intro .opener-meta{margin-bottom:28mm;font-size:6pt;padding-bottom:5mm}
 .chapter-header--intro .opener-kicker{font-size:8pt}
 .chapter-header--intro .chapter-title{font-size:48pt;line-height:.93;margin:11mm 0 7mm}
 .chapter-header--intro .chapter-deck{font-size:10.5pt;line-height:1.55;max-width:125mm}
 .chapter-header--intro .chapter-ghost{font-size:105pt;top:44mm;right:11mm;opacity:.42}
 .opener-drum-strip{height:39mm}
 .intro-body{break-before:page}
 .reference .shot,.reference-wide .shot{background:#11191a!important;align-items:flex-start!important;padding:3.5mm}
 .reference .shot img{align-self:flex-start!important}
 .chapter-header--feature{background:radial-gradient(ellipse at 66% 75%,rgba(38,121,106,.18),transparent 56%)!important}
 .chapter-contents .chapter-title{font-size:48pt}
}


/* v0.9 — approved final-pass refinements. The online editor remains source of truth. */
:root{--pin:#51cdbb}
/* All full-interface captures use the same inset and more breathing room above and below. */
.editorial-figure.full-plugin,.chapter-spotlight.full-plugin{
  background:linear-gradient(155deg,#151e1d 0%,#111819 50%,#0b1112 100%);
  border:1px solid #34544c;
  padding:32px 28px 36px;
  margin-top:30px;margin-bottom:38px;
}
.editorial-figure.full-plugin >img,.editorial-figure.full-plugin .image-canvas >img,
.chapter-spotlight.full-plugin >img{
  width:100%;max-height:none;height:auto;object-fit:contain;object-position:center;
  display:block;background:transparent;border:0;box-shadow:0 15px 34px #0007;border-radius:6px;
}
.chapter-spotlight.full-plugin{margin-left:0;margin-right:0}
.chapter-spotlight.full-plugin figcaption{position:static;display:inline-block;margin-top:15px;color:#b9d1c9;background:none;padding:0}
.editorial-figure.full-plugin figcaption{margin-top:18px;margin-bottom:0}
/* Keep the image and annotations in the same coordinate system at every viewport width. */
.image-canvas{position:relative;line-height:0}
.ui-pin{position:absolute;left:var(--pin-x);top:var(--pin-y);transform:translate(-50%,-50%);width:29px;height:29px;
 display:flex;align-items:center;justify-content:center;border-radius:50%;background:#51cdbb;color:#081513;
 font-size:13px;font-weight:850;line-height:1;border:2px solid #091816;box-shadow:0 0 0 2px #64c6b566,0 4px 10px #000b;z-index:3}
.ui-callout-key{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:22px;padding:16px 0 0;border-top:1px solid #314b44}
.ui-callout-item{font-size:12px;color:#c6d9d2;display:flex;align-items:center;gap:8px;line-height:1.4}
.callout-chip,.inline-callout{flex:none;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;background:#51cdbb;color:#091612;font-size:11px;font-weight:850;width:23px;height:23px;line-height:1}
.inline-callout{width:19px;height:19px;vertical-align:middle;margin:0 3px;font-size:10px}
/* Softer gradient under sound-source modules, better separation with the content column. */
.reference .shot,.reference-wide .shot{
 background:radial-gradient(circle at 25% 15%,rgba(44,119,102,.105),transparent 58%),linear-gradient(142deg,#141c1c 0%,#0e1515 70%,#0a1011 100%);
 padding:33px 30px 39px;
}
.reference .shot img,.reference-wide .shot img{background:transparent}
/* Export dialog: same sized figure/panel as before, artwork reduced ~40%. */
.export-figure{border:1px solid #34544c;background:linear-gradient(145deg,#16201e 0%,#0c1314 85%);padding:32px 20px 35px;min-height:390px;display:flex;align-items:center;justify-content:center;flex-direction:column}
.export-figure >img{width:60%;max-width:470px;min-width:240px;height:auto;background:none;border:0;box-shadow:0 12px 27px #0007}
.export-figure figcaption{align-self:stretch;text-align:center;margin:17px 0 0}
/* Inline UI examples supplied by the DRUMR designer: original artwork, no re-drawing. */
.control-examples{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0 35px}
.control-example{border:1px solid #34544c;min-width:0;background:linear-gradient(143deg,#192220 0%,#0a1112 100%);padding:24px 21px}
.control-example h3{font-size:13px;color:#62ccbb;margin:0 0 20px;letter-spacing:.06em}
.control-example img{width:100%;height:auto;max-width:350px;max-height:190px;display:block;object-fit:contain;object-position:left top;image-rendering:auto}
.control-example p{color:#b4c8bf;font-size:12px;line-height:1.6;margin:18px 0 0}
/* Distinct but restrained chapter art, cropped from approved charcoal graphics so headings remain real HTML. */
.chapter-header--art{min-height:315px;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
 background:linear-gradient(90deg,#101414 0%,#101414ed 48%,#10141444 78%,#10141422 100%),url('assets/sound-design-motif.webp') right center/auto 125% no-repeat,#101414;
 border:1px solid #274c43;border-left:3px solid #3eaa97;padding:33px 37px;margin:0 0 45px}
.chapter-header--art .chapter-ghost{opacity:.14}
.section-art-label{position:relative;z-index:2;color:#6fbbb0;font-size:10px;letter-spacing:.22em;font-weight:800;margin:20px 0 0}
.faq-motif{height:220px;margin:55px 0 0;border:1px solid #274c43;border-left:3px solid #3eaa97;
 background:linear-gradient(90deg,#101414 0%,#101414ba 35%,#1014140f 100%),url('assets/faq-help-motif.webp') right center/auto 190% no-repeat,#101414}
.faq-heading{margin-top:0!important}
.faq-intro{font-size:10px;font-weight:750;letter-spacing:.20em;color:#76c4b4;margin:0 0 35px}
@media(max-width:680px){
 .editorial-figure.full-plugin,.chapter-spotlight.full-plugin{padding:15px 12px 22px;margin:24px 0 30px}
 .ui-pin{width:20px;height:20px;font-size:9px;border-width:1px}
 .ui-callout-key{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .ui-callout-item{font-size:11px}
 .control-examples{grid-template-columns:1fr}
 .control-example{padding:20px 15px}
 .export-figure{min-height:240px;padding:22px 12px}
 .export-figure >img{width:60%;min-width:0}
 .chapter-header--art{min-height:275px;padding:22px 20px;background-size:auto 100%}
 .faq-motif{height:160px;background-size:auto 160%}
}
@media print{
 .editorial-figure.full-plugin,.chapter-spotlight.full-plugin{padding:3mm 3.5mm 5mm;margin:4mm 0 6mm;background:#111a1a!important;break-inside:avoid}
 .editorial-figure.full-plugin >img,.editorial-figure.full-plugin .image-canvas >img,.chapter-spotlight.full-plugin >img{max-height:91mm;box-shadow:none}
 .ui-pin{width:16px;height:16px;font-size:8pt;border:1px solid #0a1413}
 .ui-callout-key{margin-top:2mm;padding-top:2mm;gap:2mm}.ui-callout-item{font-size:6.8pt}.callout-chip{width:13px;height:13px;font-size:7pt}
 .export-figure{min-height:0;padding:4mm 3mm;margin:4mm 0 5mm;break-inside:avoid}
 .export-figure >img{width:60%;max-width:80mm;min-width:0;max-height:54mm}
 .control-examples{gap:3mm;margin:4mm 0;break-inside:avoid}.control-example{padding:3mm}.control-example img{max-height:37mm}.control-example p{font-size:7pt;margin:2mm 0}.control-example h3{font-size:8pt;margin:0 0 2mm}
 .chapter-header--art{min-height:61mm;padding:5mm 7mm;margin-bottom:7mm;break-inside:avoid;background-size:auto 120%!important}
 .faq-motif{height:40mm;margin-top:8mm;break-inside:avoid}
}
/* v0.9 PDF layout: constrain actual content to the A4 printable area while retaining the full-bleed cover. */
@page { @top-right { content: 'USER MANUAL  /  V1.0'; } }
@media print {
 html,body {width:auto!important;min-width:0!important;max-width:none!important;}
 .reader-shell,.reader-shell .publication,.publication {width:auto!important;max-width:none!important;min-width:0!important;overflow:visible!important;}
 .cover {width:210mm!important;}
 .chapter {width:auto!important;min-width:0!important;}
 .chapter-header--art {width:auto!important;}
}

/* v1.0 — publication candidate corrections and crawler-friendly HTML changes */
.ui-callout-key{margin:0 0 22px;padding:0 0 16px;border-top:0;border-bottom:1px solid #314b44}
.dynamics-figure{display:flex;align-items:center;flex-direction:column}
.dynamics-figure >img{width:70%;height:auto;max-width:70%;margin:0 auto;object-fit:contain}
.dynamics-figure >figcaption{align-self:stretch}
.faq-feature{position:relative;min-height:236px;margin:55px 0 38px;padding:35px 43px;display:flex;flex-direction:column;justify-content:center;isolation:isolate;
 border:1px solid #274c43;border-left:3px solid #3eaa97;background:linear-gradient(90deg,#101414 0%,#101414e8 49%,#10141488 75%,#10141444 100%),url('assets/faq-help-motif.webp') right center/auto 140% no-repeat,#101414}
.faq-feature .faq-heading{position:relative;z-index:1;margin:0 0 12px!important;padding:0;border:0;font-size:clamp(29px,3.15vw,43px)}
.faq-feature .faq-heading::before{display:none}
.faq-feature .faq-intro{position:relative;z-index:1;margin:0;font-size:10px;color:#8dcfbe}
.manual-product-link{font-size:13px;color:#b2ccc1;margin:3px 0 24px}
.manual-product-link a{font-weight:700}
@media(max-width:680px){.ui-callout-key{margin:0 0 15px;padding:0 0 14px;grid-template-columns:repeat(2,minmax(0,1fr))}.dynamics-figure >img{width:70%;max-width:70%}
.faq-feature{min-height:180px;padding:22px 21px;margin:32px 0 22px;background-size:auto 115%}.faq-feature .faq-heading{font-size:26px}.faq-feature .faq-intro{font-size:8px}}
@media print{
.ui-callout-key{margin:0 0 2.2mm;padding:0 0 2.2mm;border-bottom:1px solid #314b44}
.dynamics-figure >img{width:70%;max-width:70%;max-height:64mm}
.faq-feature{min-height:42mm;margin:8mm 0 7mm;padding:5mm 7mm;break-inside:avoid;background-size:auto 140%!important}
.faq-feature .faq-heading{font-size:23pt;margin:0 0 2mm!important}
.faq-feature .faq-intro{font-size:6.5pt}
}