@import url('fonts.css?v=20260906a');
:root{--ink:#151925;--paper:#f4f0e8;--white:#fff;--blue:#1762ff;--mint:#8be8bd;--orange:#ff7048;--purple:#7a57ff;--muted:#626876;--line:rgba(21,25,37,.14);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif;line-height:1.55}button,input,select{font:inherit}a{color:inherit}.topbar{height:72px;position:fixed;z-index:30;top:0;left:0;right:0;display:flex;align-items:center;padding:0 5vw;background:rgba(244,240,232,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.darkbar{background:rgba(21,25,37,.9);color:#fff;border-color:#ffffff18}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:13px;letter-spacing:.12em}.brand-mark{display:grid;place-items:center;width:35px;height:35px;background:var(--ink);color:var(--mint);font-weight:800;font-size:20px;border-radius:8px}.darkbar .brand-mark{background:var(--mint);color:var(--ink)}.topbar nav{display:flex;gap:28px;margin-left:auto}.topbar nav a{text-decoration:none;color:var(--muted);font-size:13px;font-weight:800}.darkbar nav a{color:#adb5c5}.topbar nav a:hover,.topbar nav .active{color:var(--blue)}.darkbar nav a:hover,.darkbar nav .active{color:var(--mint)}.menu-button{display:none;border:0;background:none;color:inherit;font-weight:800}.eyebrow,.tag{font:500 11px 'DM Mono',monospace;letter-spacing:.14em}.lead{font-size:clamp(18px,2vw,23px);color:#555c69;max-width:720px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);background:transparent;border-radius:100px;padding:13px 20px;font-weight:800;cursor:pointer;text-decoration:none;transition:.2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 8px 25px #1762ff35}.button.light{border-color:#fff;color:#fff}.hero-actions{display:flex;gap:12px;margin-top:34px}.home-hero{min-height:90vh;padding:145px 7vw 70px;display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center;overflow:hidden}.home-hero h1,.page-heading h1,.lab-heading h1{font-size:clamp(54px,7vw,104px);line-height:.93;letter-spacing:-.07em;margin:16px 0 30px}.home-hero h1 em{font-style:normal;color:var(--blue)}.portal-visual{height:min(60vh,600px);background:var(--ink);border-radius:50%;position:relative;overflow:hidden;box-shadow:0 30px 75px #15192535;transform:rotate(-3deg)}.portal-visual:before,.portal-visual:after{content:"";position:absolute;border-radius:50%}.portal-visual:before{width:45%;height:45%;background:var(--orange);top:8%;left:9%}.portal-visual:after{width:37%;height:37%;background:var(--purple);right:7%;bottom:7%}.portal-visual canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2}.sticker{position:absolute;z-index:3;background:var(--paper);padding:8px 12px;border-radius:7px;font:12px 'DM Mono';box-shadow:0 8px 20px #0005}.s1{top:18%;right:7%}.s2{left:7%;bottom:20%}.s3{right:23%;bottom:6%}.spaces-section,.path-section,.simple-page{padding:100px 7vw}.section-intro{max-width:800px;margin-bottom:45px}.section-intro h2,.path-section h2{font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-.05em;margin:10px 0}.section-intro>p:last-child{font-size:19px;color:var(--muted)}.space-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.space-card{min-height:330px;padding:30px;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;display:grid;grid-template-columns:70px 1fr;align-content:space-between;transition:.25s;overflow:hidden;position:relative}.space-card:hover{transform:translateY(-5px);box-shadow:0 18px 55px #15192518}.space-card>span{font:26px 'DM Mono';opacity:.65}.space-card small{font:500 10px 'DM Mono';letter-spacing:.14em}.space-card h3{font-size:42px;letter-spacing:-.04em;margin:8px 0}.space-card p{max-width:430px}.space-card b{display:block;margin-top:30px}.theory-card{background:#fff}.lab-card{background:var(--ink);color:#fff}.practice-card{background:var(--mint)}.resource-card{background:var(--blue);color:#fff}.path-section{background:#fff;display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.path-section ol{list-style:none;margin:0;padding:0}.path-section li{display:grid;grid-template-columns:50px 1fr;gap:20px;border-top:1px solid var(--line);padding:25px 0}.path-section li>span{font:22px 'DM Mono';color:var(--blue)}.path-section b{font-size:23px}.path-section p{margin:4px 0;color:var(--muted)}footer{padding:35px 7vw;background:#0e1119;color:#fff;display:flex;justify-content:space-between;align-items:center;font-size:13px}
/* Theory */.course-layout{padding-top:72px;display:grid;grid-template-columns:260px minmax(0,1fr);max-width:1500px;margin:auto}.course-index{position:sticky;top:72px;height:calc(100vh - 72px);padding:70px 35px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:17px}.course-index .eyebrow{margin-bottom:15px}.course-index a{text-decoration:none;color:var(--muted);font-size:14px;font-weight:700}.course-index a:hover{color:var(--blue)}.course{min-width:0}.page-heading{padding:100px 8vw;max-width:1200px}.page-heading h1{font-size:clamp(50px,6vw,84px)}.lesson{padding:90px 8vw;display:grid;grid-template-columns:70px minmax(0,800px);gap:25px;border-top:1px solid var(--line);scroll-margin-top:70px}.lesson:nth-child(odd){background:#fff}.lesson-number{font:28px 'DM Mono';color:var(--blue)}.lesson h2{font-size:clamp(36px,4.5vw,62px);line-height:1.05;letter-spacing:-.05em;margin:8px 0 25px}.lesson h3{font-size:26px;margin-top:38px}.lesson p{font-size:18px;color:#4f5663}.lesson code{background:#e7e3db;padding:2px 5px;border-radius:5px;font-family:'DM Mono'}.definition-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:35px 0}.definition-grid div{background:#fff;padding:20px}.lesson:nth-child(odd) .definition-grid div{background:var(--paper)}.definition-grid p{font-size:14px;margin-bottom:0}.formula{font:500 16px 'DM Mono';color:var(--blue)}.lab-link{display:flex;justify-content:space-between;align-items:center;margin-top:35px;padding:18px 20px;border-radius:12px;background:var(--ink);color:#fff;text-decoration:none;font-weight:800}.lab-link:hover{background:var(--blue)}.harmonics{height:190px;margin:35px 0;background:var(--ink);border-radius:16px;padding:20px;display:flex;align-items:end;gap:20px;position:relative}.harmonics i{display:block;width:34px;height:calc(var(--n)*130px);background:var(--mint);border-radius:5px 5px 0 0}.harmonics i:first-child{background:var(--orange)}.harmonics span{position:absolute;bottom:7px;color:#fff;font:10px 'DM Mono'}.harmonics span:first-of-type{left:16px}.harmonics span:last-child{left:78px}.remember,.warning{border-left:5px solid var(--mint);background:#e6f7ee;padding:18px 22px;margin:30px 0}.warning{border-color:var(--orange);background:#fff1ec}.remember p,.warning p{font-size:15px;margin:5px 0}.formula-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:35px 0}.formula-pair>div{background:var(--ink);color:#fff;padding:25px;border-radius:16px}.formula-pair small{font:10px 'DM Mono';color:var(--mint)}.formula-pair strong{display:block;font:500 clamp(17px,2vw,23px) 'DM Mono';margin:16px 0}.formula-pair p{font-size:14px;color:#c1c6d2}.process{display:flex;align-items:stretch;gap:12px;margin:35px 0}.process>div{flex:1;padding:18px;border:1px solid var(--line);border-radius:13px;background:#fff}.process div span{font:15px 'DM Mono';color:var(--blue);float:right}.process b{display:block}.process p{font-size:13px}.process>i{align-self:center}.midi-bytes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:35px 0}.midi-bytes div{padding:18px;background:var(--ink);color:#fff;border-radius:13px}.midi-bytes small,.midi-bytes code,.midi-bytes span{display:block}.midi-bytes small{font:10px 'DM Mono';color:var(--mint)}.midi-bytes code{background:none;padding:12px 0;font-size:18px}.midi-bytes span{font-size:12px;color:#bfc4d0}
/* Lab */.lab-body{background:var(--ink);color:#fff}.lab-heading{padding:150px 7vw 70px;display:flex;align-items:end;justify-content:space-between}.lab-heading h1{margin-bottom:18px}.lab-heading .lead{color:#b9bfcd}.lab-badge{width:150px;height:150px;border-radius:50%;background:var(--mint);color:var(--ink);display:grid;place-content:center;text-align:center;font:800 55px/1 Manrope}.lab-badge span{font:500 9px 'DM Mono';letter-spacing:.12em}.lab-tabs{position:sticky;z-index:15;top:72px;display:flex;gap:10px;padding:14px 7vw;background:#202533;border-block:1px solid #ffffff18}.lab-tabs a{padding:8px 15px;border:1px solid #ffffff25;border-radius:100px;text-decoration:none;font-size:12px}.lab-tabs a:hover{background:var(--mint);color:var(--ink)}.lab-experiment{padding:95px 7vw;scroll-margin-top:120px;border-bottom:1px solid #ffffff18}.lab-experiment>header{max-width:1300px;margin:auto auto 35px;display:flex;justify-content:space-between;align-items:end;gap:35px}.lab-experiment>header>div{max-width:800px}.lab-experiment h2{font-size:clamp(38px,5vw,66px);line-height:1;letter-spacing:-.05em;margin:10px 0 18px}.lab-experiment>header p:last-child{color:#b7bdca;font-size:18px}.lab-experiment>header a{font-size:12px;color:var(--mint);white-space:nowrap}.lab-panel{max-width:1300px;margin:auto;background:#202533;border:1px solid #ffffff18;border-radius:var(--radius);padding:28px}.timbre-panel{display:grid;grid-template-columns:400px 1fr;gap:30px}.harmonic-controls{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;min-height:420px}.harmonic{display:flex;flex-direction:column;align-items:center;justify-content:end;background:#171b26;border-radius:12px;padding:16px 7px}.harmonic input{writing-mode:vertical-lr;direction:rtl;height:250px;accent-color:var(--mint)}.harmonic b{font:12px 'DM Mono';margin-top:10px}.harmonic small{font-size:9px;color:#9da5b5}.visual-stack{display:grid;grid-template-columns:1fr 1fr;gap:14px}.canvas-card{min-height:260px;background:#11151e;border-radius:14px;position:relative;overflow:hidden}.canvas-card>span{position:absolute;z-index:2;top:13px;left:14px;font:9px 'DM Mono';color:#97a0b1;letter-spacing:.12em}.canvas-card canvas,.nyquist-canvas canvas{position:absolute;width:100%;height:100%}.panel-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:9px}.observation{max-width:900px;margin:20px auto 0;padding:18px 22px;border-left:4px solid var(--mint);background:#ffffff08}.observation p{margin:3px 0;color:#bbc1cd}.db-panel{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;align-items:center}.mode-switch{display:grid;gap:10px}.mode-switch button,.ratio-shortcuts button,.midi-challenges button{border:1px solid #ffffff25;background:#11151e;color:#fff;border-radius:10px;padding:13px;cursor:pointer}.mode-switch button.selected{background:var(--mint);color:var(--ink);border-color:var(--mint)}.ratio-control label{font-weight:800}.ratio-control output{float:right;color:var(--mint);font-family:'DM Mono'}.ratio-control input,.nyquist-controls input,.source-addition input{width:100%;accent-color:var(--mint)}.ratio-shortcuts{display:flex;gap:8px;margin-top:15px}.ratio-shortcuts button{flex:1}.db-big-result{padding:25px;background:#11151e;border-radius:16px}.db-big-result span{font:12px 'DM Mono';color:#aeb5c3}.db-big-result strong{display:block;font-size:42px;color:var(--orange);margin:7px 0}.db-big-result p{margin:0;color:#b7bdca}.source-addition{max-width:1300px;margin:18px auto 0;padding:25px;border:1px solid #ffffff18;border-radius:18px;display:grid;grid-template-columns:1fr 1fr 1.2fr .5fr;gap:25px;align-items:center}.source-addition label{font-size:12px;color:#b8bfcc}.source-addition output{float:right;color:var(--mint)}.source-addition select{width:100%;margin-top:8px;padding:10px;background:#202533;color:#fff;border:1px solid #ffffff25;border-radius:8px}.source-addition strong,.source-addition small{display:block}.source-addition strong{font-size:27px;color:var(--orange)}.source-addition small{font-family:'DM Mono'}.nyquist-panel{display:grid;grid-template-columns:1.5fr .5fr;gap:25px}.nyquist-canvas{min-height:470px;background:#11151e;border-radius:14px;position:relative;overflow:hidden}.canvas-legend{position:absolute;z-index:2;bottom:14px;left:16px;display:flex;gap:15px;font:10px 'DM Mono'}.canvas-legend span:before{content:"";display:inline-block;width:18px;height:3px;margin-right:6px;vertical-align:middle;background:var(--mint)}.canvas-legend .apparent:before{background:var(--orange)}.nyquist-controls label{display:block;margin-bottom:25px;font-weight:800}.nyquist-controls output{float:right;color:var(--mint);font-family:'DM Mono'}.nyquist-status{display:flex;gap:12px;padding:15px;border-radius:12px;background:#153a2a}.nyquist-status.bad{background:#48241d}.nyquist-status>span{font-size:23px}.nyquist-status b,.nyquist-status p{display:block;margin:0}.nyquist-status p{font-size:12px;color:#c1c6d0}.apparent-readout{margin-top:15px;padding:20px;background:#11151e;border-radius:12px}.apparent-readout span,.apparent-readout strong{display:block}.apparent-readout span{font-size:11px;color:#aeb5c3}.apparent-readout strong{font-size:29px;color:var(--orange)}.midi-panel{display:grid;grid-template-columns:1.5fr .5fr;gap:30px}.byte-editor{display:grid;gap:18px}.byte-row{background:#11151e;border-radius:14px;padding:18px}.byte-row header{display:flex;justify-content:space-between;margin-bottom:13px}.byte-row small{font:10px 'DM Mono';color:#99a2b3}.bit-row{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.midi-bit{aspect-ratio:1;border:1px solid #ffffff25;background:#2b3242;color:#fff;border-radius:9px;font:500 clamp(14px,2vw,23px) 'DM Mono';cursor:pointer}.midi-bit.on{background:var(--mint);color:var(--ink)}.bit-weights{display:grid;grid-template-columns:repeat(8,1fr);text-align:center;font:8px 'DM Mono';color:#737d90;margin-top:5px}.midi-decode{background:#11151e;padding:24px;border-radius:16px}.decode-line{padding:11px 0;border-bottom:1px solid #ffffff15}.decode-line span,.decode-line strong{display:block}.decode-line span{font-size:10px;color:#8f98aa}.decode-line strong{font-size:21px}.midi-decode .button{width:100%;margin-top:25px}.midi-feedback{font-size:12px;color:var(--mint)}.midi-challenges{max-width:1300px;margin:15px auto 0;display:flex;gap:10px}.midi-challenges button:hover{background:var(--mint);color:var(--ink)}
/* Simple pages */.simple-page{padding-top:145px;min-height:calc(100vh - 100px)}.simple-page .page-heading{padding:0 0 70px}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mission-grid article,.resource-list article{padding:30px;background:#fff;border:1px solid var(--line);border-radius:18px}.mission-grid article>span{font:20px 'DM Mono';color:var(--orange)}.mission-grid h2{font-size:30px;margin:15px 0 5px}.mission-grid p{color:var(--muted)}.mission-grid small,.resource-list small{font:10px 'DM Mono';letter-spacing:.12em}.editorial-note{max-width:900px;margin-top:35px;padding:24px;background:#fff1ec;border-left:5px solid var(--orange)}.editorial-note p{margin:5px 0}.resource-list{display:grid;gap:12px}.resource-list article{display:grid;grid-template-columns:75px 1fr auto;align-items:center;gap:20px}.resource-list article>span{font:21px 'DM Mono';color:var(--blue)}.resource-list h2{margin:0}.resource-list p{margin:5px 0;color:var(--muted)}
@media(max-width:980px){.home-hero{grid-template-columns:1fr}.portal-visual{height:440px}.course-layout{grid-template-columns:1fr}.course-index{display:none}.timbre-panel,.nyquist-panel,.midi-panel{grid-template-columns:1fr}.db-panel{grid-template-columns:1fr 1fr}.source-addition{grid-template-columns:1fr 1fr}.formula-pair{grid-template-columns:1fr}.process{flex-direction:column}.process>i{transform:rotate(90deg)}.midi-bytes{grid-template-columns:1fr}.path-section{grid-template-columns:1fr}.lab-experiment>header{align-items:flex-start;flex-direction:column}.lab-experiment>header a{align-self:flex-end}}
@media(max-width:700px){.topbar{padding:0 20px}.topbar nav{display:none;position:absolute;top:72px;left:0;right:0;padding:22px;background:var(--paper);flex-direction:column}.darkbar nav{background:var(--ink)}.topbar nav.open{display:flex}.menu-button{display:block;margin-left:auto}.home-hero,.spaces-section,.path-section,.simple-page{padding-left:20px;padding-right:20px}.home-hero{padding-top:120px}.space-grid,.mission-grid{grid-template-columns:1fr}.space-card{min-height:280px;grid-template-columns:45px 1fr}.portal-visual{height:340px}.course .page-heading{padding:100px 20px 70px}.lesson{grid-template-columns:1fr;padding:70px 20px}.definition-grid{grid-template-columns:1fr}.lab-heading{padding:130px 20px 50px}.lab-badge{display:none}.lab-tabs{padding:12px 20px;overflow:auto}.lab-experiment{padding:70px 20px}.harmonic-controls{min-height:320px}.harmonic input{height:180px}.visual-stack{grid-template-columns:1fr}.db-panel,.source-addition{grid-template-columns:1fr}.midi-challenges{flex-direction:column}.resource-list article{grid-template-columns:50px 1fr}.resource-list small{grid-column:2}.bit-row{gap:4px}.midi-bit{border-radius:6px}.hero-actions{flex-direction:column}.page-heading h1,.home-hero h1{font-size:52px}footer{padding:28px 20px;flex-direction:column;gap:15px}.formula-pair strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Course hub and extended topics */
.course-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.course-card-grid a{min-height:300px;padding:30px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;display:grid;grid-template-columns:55px 1fr;align-content:start;transition:.2s}.course-card-grid a:nth-child(2){background:var(--ink);color:#fff}.course-card-grid a:nth-child(3){background:var(--mint)}.course-card-grid a:nth-child(4){background:var(--blue);color:#fff}.course-card-grid a:nth-child(5){background:#2a2045;color:#fff}.course-card-grid a:nth-child(6){background:#fff0e9}.course-card-grid a:hover{transform:translateY(-4px);box-shadow:0 16px 45px #15192518}.course-card-grid a>span{font:22px 'DM Mono';opacity:.65;grid-row:1/6}.course-card-grid small{font:10px 'DM Mono';letter-spacing:.13em}.course-card-grid h2{font-size:38px;margin:9px 0}.course-card-grid p{max-width:470px}.course-card-grid b{align-self:end;margin-top:25px}.article-page{padding-top:72px}.topic-hero{min-height:670px;padding:100px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.topic-hero h1{font-size:clamp(50px,6vw,88px);line-height:.95;letter-spacing:-.065em;margin:14px 0 26px}.digital-hero{background:#e8e2ff}.hero-byte{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;transform:rotate(-3deg)}.hero-byte i{aspect-ratio:.7;display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:13px;font:500 clamp(24px,4vw,55px) 'DM Mono';font-style:normal}.hero-byte i:nth-child(-n+4){background:var(--purple)}.hero-byte i:nth-child(n+5){background:var(--blue)}.topic-section{padding:90px 12vw;display:grid;grid-template-columns:70px minmax(0,850px);gap:28px;border-top:1px solid var(--line)}.topic-section:nth-of-type(even){background:#fff}.topic-kicker{font:28px 'DM Mono';color:var(--blue)}.topic-section h2,.byte-tool-section h2,.balance-lab h2{font-size:clamp(36px,5vw,64px);line-height:1.05;letter-spacing:-.05em;margin:8px 0 24px}.topic-section p{font-size:18px;color:#505764}.place-values{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin:30px 0}.place-values span{padding:18px 5px;text-align:center;background:var(--ink);color:#fff;border-radius:8px;font-family:'DM Mono'}.place-values span:nth-child(-n+4){background:var(--purple)}.context-grid,.mic-grid,.monitor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.context-grid article,.mic-grid article,.monitor-grid article{padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff}.context-grid p,.mic-grid p,.monitor-grid p{font-size:14px}.byte-tool-section{padding:90px 7vw;background:var(--ink);color:#fff;display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:center}.byte-tool-intro p:last-child{color:#b6bdca}.byte-tool{padding:30px;background:#202533;border:1px solid #ffffff18;border-radius:var(--radius)}.byte-bits{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.byte-bit{aspect-ratio:1;border:0;border-radius:10px;background:#343b4c;color:#fff;font:500 clamp(18px,3vw,32px) 'DM Mono';cursor:pointer}.byte-bit.high.on{background:var(--purple)}.byte-bit.low.on{background:var(--blue)}.byte-weights{display:grid;grid-template-columns:repeat(8,1fr);text-align:center;margin-top:6px;font:9px 'DM Mono';color:#8f98aa}.byte-readouts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.byte-readouts div{padding:18px;background:#11151e;border-radius:12px}.byte-readouts small,.byte-readouts strong{display:block}.byte-readouts small{font:9px 'DM Mono';color:#8f98aa}.byte-readouts strong{font:700 30px 'DM Mono';color:var(--mint)}.decimal-entry{display:flex;justify-content:space-between;align-items:center;font-size:13px}.decimal-entry input{width:110px;padding:10px;background:#11151e;color:#fff;border:1px solid #ffffff25;border-radius:8px}.byte-presets{display:flex;gap:8px;margin-top:16px}.byte-presets button{flex:1;padding:10px;border:1px solid #ffffff25;border-radius:8px;background:#11151e;color:#fff;cursor:pointer}.bit-color-legend,.midi-bit-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;font:10px 'DM Mono'}.bit-color-legend span:before,.midi-bit-legend span:before{content:"";display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:middle}.bit-color-legend .high:before{background:var(--purple)}.bit-color-legend .low:before{background:var(--blue)}.devices-hero{background:#dff7eb}.device-orbit{width:min(470px,90vw);aspect-ratio:1;border-radius:50%;background:var(--ink);margin:auto;position:relative;display:grid;place-items:center}.device-orbit b{font-size:130px;color:var(--mint)}.device-orbit span{position:absolute;padding:10px 15px;background:#fff;border-radius:9px;font:11px 'DM Mono';box-shadow:0 8px 20px #0004}.device-orbit span:nth-child(1){top:12%;right:8%}.device-orbit span:nth-child(2){bottom:18%;left:4%}.device-orbit span:nth-child(3){bottom:5%;right:24%}.device-grid{padding:90px 7vw;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.device-grid article{padding:27px;background:#fff;border:1px solid var(--line);border-radius:18px}.device-grid article:nth-child(2),.device-grid article:nth-child(5){background:var(--ink);color:#fff}.device-grid small{font:9px 'DM Mono';color:var(--blue)}.device-grid article:nth-child(2) small,.device-grid article:nth-child(5) small{color:var(--mint)}.device-grid h2{font-size:28px;margin:12px 0}.device-grid p{color:var(--muted)}.device-icon{font-size:48px;color:var(--orange);float:right}.io-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:20px}.io-tags i{font:9px 'DM Mono';font-style:normal;padding:5px 8px;border:1px solid currentColor;border-radius:100px}.signal-chain{display:flex;align-items:center;gap:12px;margin-top:30px}.signal-chain span{padding:17px 20px;background:var(--ink);color:#fff;border-radius:10px;font-weight:800}.signal-chain i{font:11px 'DM Mono';font-style:normal;color:var(--blue)}.software-hero{background:#e5ecff}.software-stack{display:grid;gap:14px;transform:rotate(-4deg)}.software-stack span{padding:35px;background:var(--ink);color:var(--mint);border-radius:16px;font:500 clamp(22px,4vw,48px) 'DM Mono';box-shadow:0 12px 30px #15192525}.software-stack span:nth-child(2){transform:translateX(30px);background:var(--blue);color:#fff}.software-stack span:nth-child(3){transform:translateX(60px);background:var(--purple);color:#fff}.software-comparison{padding:90px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:18px}.software-comparison article{padding:35px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.software-comparison article:nth-child(2){background:var(--ink);color:#fff}.software-comparison small{font:10px 'DM Mono';color:var(--blue)}.software-comparison article:nth-child(2) small{color:var(--mint)}.software-comparison h2{font-size:38px}.software-comparison p,.software-comparison li{color:var(--muted)}.software-comparison article:nth-child(2) p,.software-comparison article:nth-child(2) li{color:#b9bfcc}.comparison-table{width:100%;border-collapse:collapse;margin-top:30px;font-size:14px}.comparison-table th,.comparison-table td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}.comparison-table th{font:10px 'DM Mono';color:var(--blue)}
/* MIDI colors and variable messages */
.midi-type-picker{max-width:1300px;margin:0 auto 15px;display:flex;justify-content:space-between;align-items:end;gap:20px}.midi-type-picker label{font-size:12px}.midi-type-picker select{display:block;margin-top:7px;padding:11px 14px;border:1px solid #ffffff25;border-radius:9px;background:#202533;color:#fff}.midi-bit-legend{margin:0}.midi-bit-legend .command:before{background:var(--purple)}.midi-bit-legend .channel:before{background:var(--blue)}.midi-bit-legend .marker:before{background:var(--orange)}.midi-bit-legend .data:before{background:var(--mint)}.midi-bit.role-command.on{background:var(--purple)}.midi-bit.role-channel.on{background:var(--blue)}.midi-bit.role-marker.on{background:var(--orange)}.midi-bit.role-data.on{background:var(--mint)}.midi-bit.role-marker{border-color:var(--orange)}.midi-bit.disabled{opacity:.25;cursor:not-allowed}.byte-row.hidden{display:none}.midi-message-table td:first-child{font-weight:800}
/* Synthesizer */
.synth-page{background:var(--ink);color:#fff}.synth-heading{padding:150px 7vw 90px;background:radial-gradient(circle at 80% 40%,#3e2868 0,transparent 38%)}.synth-heading h1{font-size:clamp(50px,7vw,96px);line-height:.94;letter-spacing:-.07em;margin:15px 0 28px}.synth-heading .lead{color:#b8bfcd}.synth-theory{padding:0 7vw 80px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.synth-theory article{padding:22px;background:#202533;border:1px solid #ffffff18;border-radius:15px}.synth-theory span{font:16px 'DM Mono';color:var(--mint)}.synth-theory h2{font-size:22px}.synth-theory p{font-size:13px;color:#b7bdca}.mini-synth{margin:0 4vw 100px;padding:28px;background:#292f3d;border:1px solid #ffffff20;border-radius:28px;box-shadow:0 25px 60px #0004}.mini-synth>header{display:flex;align-items:center;justify-content:space-between}.mini-synth h2{font-size:48px;margin:3px 0}.synth-signal-flow{display:flex;align-items:center;gap:9px;font:10px 'DM Mono'}.synth-signal-flow span{padding:8px;border:1px solid #ffffff28;border-radius:5px;color:var(--mint)}.synth-modules{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.synth-modules>section{padding:18px;background:#171b25;border-radius:15px}.synth-modules h3{font:500 11px 'DM Mono';color:var(--mint);letter-spacing:.12em}.synth-modules label{display:block;font-size:11px;margin:13px 0;color:#aeb5c3}.synth-modules output{float:right;color:#fff;font-family:'DM Mono'}.synth-modules select{width:100%;padding:8px;background:#292f3d;color:#fff;border:1px solid #ffffff20;border-radius:7px}.synth-modules input{width:100%;accent-color:var(--mint)}.module-screen{height:95px;background:#0e1118;border-radius:8px;position:relative;overflow:hidden;margin-top:15px}.module-screen canvas{position:absolute;width:100%;height:100%}.synth-monitor{height:130px;margin-top:12px;background:#10131b;border-radius:12px;display:grid;grid-template-columns:38px 1fr;gap:12px;padding:12px}.synth-monitor>div{border:1px solid #ffffff18;position:relative;overflow:hidden}.synth-monitor>div span{position:absolute;z-index:2;writing-mode:vertical-rl;font:8px 'DM Mono';top:8px;left:5px}.synth-monitor>div i{position:absolute;bottom:0;left:0;right:0;height:0;background:var(--orange);transition:.05s}.synth-monitor canvas{width:100%;height:100%}.synth-keyboard{display:flex;height:150px;margin-top:14px;position:relative}.synth-key{flex:1;border:1px solid #262b36;background:#f5f2ea;border-radius:0 0 7px 7px;color:#171b25;display:flex;align-items:end;justify-content:center;padding-bottom:9px;cursor:pointer;user-select:none}.synth-key.black{position:absolute;z-index:2;top:0;width:7%;height:63%;background:#11141b;color:#fff;border-radius:0 0 6px 6px}.synth-key.active{background:var(--mint)}.synth-key.black.active{background:var(--purple)}.synth-hint{text-align:center;color:#99a2b1;font-size:11px}
/* Sound engineering */
.engineering-hero{background:#fff0e9}.studio-chain{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.studio-chain span{padding:18px 20px;background:var(--ink);color:var(--mint);border-radius:10px;font:11px 'DM Mono'}.studio-chain i{font-style:normal;color:var(--orange)}.mic-grid{grid-template-columns:repeat(3,1fr)}.mic-grid small{font:9px 'DM Mono';color:var(--blue)}.mic-grid h3{font-size:20px}.gain-scale{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:10px;margin:35px 0;font:10px 'DM Mono'}.gain-scale i{height:10px;border-radius:10px;background:#bbb}.gain-scale i:nth-of-type(1){background:#7b8494}.gain-scale i:nth-of-type(2){background:var(--mint)}.gain-scale i:nth-of-type(3){background:var(--orange)}.monitor-grid{grid-template-columns:repeat(3,1fr)}.balance-lab{padding:90px 7vw;background:var(--ink);color:#fff;display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:center}.balance-lab>div:first-child>p:last-child{color:#b8bfcc}.balance-tool{padding:25px;background:#202533;border:1px solid #ffffff18;border-radius:var(--radius)}.connection-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.connection-switch button{padding:12px;border:1px solid #ffffff25;border-radius:8px;background:#11151e;color:#fff;cursor:pointer}.connection-switch button.selected{background:var(--mint);color:var(--ink)}.balance-tool label{display:block;margin:22px 0;font-size:12px}.balance-tool output{float:right;color:var(--mint);font-family:'DM Mono'}.balance-tool input{width:100%;accent-color:var(--mint)}.cable-screen{height:280px;background:#11151e;border-radius:12px;position:relative}.cable-screen canvas{position:absolute;width:100%;height:100%}.connection-result{padding:16px 0}.connection-result span,.connection-result strong{display:block}.connection-result span{font-size:10px;color:#9da6b7}.connection-result strong{font-size:26px;color:var(--orange)}.connector-note{padding:16px;background:#ffffff08;border-left:4px solid var(--mint)}.connector-note p{font-size:12px;margin:3px 0;color:#b8bfcc}
@media(max-width:1000px){.topic-hero{grid-template-columns:1fr}.course-card-grid,.byte-tool-section,.balance-lab{grid-template-columns:1fr}.device-grid{grid-template-columns:1fr 1fr}.synth-theory,.synth-modules{grid-template-columns:1fr 1fr}.software-comparison{grid-template-columns:1fr}.midi-type-picker{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.course-card-grid,.device-grid,.synth-theory,.synth-modules{grid-template-columns:1fr}.topic-hero{min-height:auto;padding:120px 20px 70px}.topic-section{grid-template-columns:1fr;padding:70px 20px}.byte-tool-section,.balance-lab{padding:70px 20px}.hero-byte{gap:3px}.place-values{gap:3px}.place-values span{font-size:10px;padding:12px 2px}.context-grid,.mic-grid,.monitor-grid{grid-template-columns:1fr}.byte-tool{padding:18px}.byte-bits{gap:4px}.byte-readouts strong{font-size:20px}.device-orbit{width:320px}.signal-chain{align-items:stretch;flex-direction:column}.signal-chain i{transform:rotate(90deg);align-self:center}.software-stack span:nth-child(2),.software-stack span:nth-child(3){transform:none}.comparison-table{display:block;overflow:auto}.mini-synth{margin:0 10px 70px;padding:15px}.mini-synth>header{align-items:flex-start;flex-direction:column}.synth-signal-flow{margin-bottom:20px}.synth-keyboard{height:120px}.balance-lab{grid-template-columns:1fr}.connection-switch{grid-template-columns:1fr}.midi-bit-legend{gap:7px}}

/* Functional bit coloring, including zero states */
.byte-bit.high{background:#30284a;border:1px solid #7a57ff88}.byte-bit.low{background:#172b57;border:1px solid #1762ff88}.byte-bit.high.on{background:var(--purple)}.byte-bit.low.on{background:var(--blue)}
.midi-bit.role-command{background:#30284a;border-color:#7a57ff88}.midi-bit.role-channel{background:#172b57;border-color:#1762ff88}.midi-bit.role-marker{background:#4a2b25;border-color:#ff704888}.midi-bit.role-data{background:#1d4235;border-color:#8be8bd88}.midi-bit.role-command.on{background:var(--purple)}.midi-bit.role-channel.on{background:var(--blue)}.midi-bit.role-marker.on{background:var(--orange)}.midi-bit.role-data.on{background:var(--mint)}

/* RGB byte tool */
.rgb-tool-section{padding:90px 7vw;background:#fff;display:grid;grid-template-columns:.65fr 1.35fr;gap:60px;align-items:center}.rgb-tool-intro h2,.device-matrix-section h2{font-size:clamp(36px,5vw,64px);line-height:1.05;letter-spacing:-.05em;margin:8px 0 24px}.rgb-tool-intro>p:last-child{font-size:18px;color:var(--muted)}.rgb-tool{padding:26px;background:var(--ink);color:#fff;border-radius:var(--radius)}.rgb-channels{display:grid;gap:12px}.rgb-channel{padding:16px;background:#202533;border-radius:13px}.rgb-channel header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rgb-channel header b{font-size:17px}.rgb-channel header label{font-size:10px;color:#aab2c1}.rgb-channel input{width:74px;margin-left:8px;padding:7px;background:#11151e;color:#fff;border:1px solid #ffffff25;border-radius:7px}.rgb-bit-row{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.rgb-bit{aspect-ratio:1;border:1px solid #ffffff20;border-radius:8px;background:#303747;color:#fff;font:500 clamp(13px,2vw,21px) 'DM Mono';cursor:pointer}.rgb-channel.red .rgb-bit.on{background:#ef4f55}.rgb-channel.green .rgb-bit.on{background:#26b86a}.rgb-channel.blue .rgb-bit.on{background:#1762ff}.rgb-bit-weights{display:grid;grid-template-columns:repeat(8,1fr);text-align:center;margin-top:4px;font:8px 'DM Mono';color:#747e90}.rgb-preview{display:grid;grid-template-columns:170px 1fr;gap:18px;margin-top:18px}.rgb-swatch{min-height:150px;border-radius:14px;border:1px solid #ffffff25;box-shadow:inset 0 0 35px #0002}.rgb-preview>div:last-child{padding:18px;background:#11151e;border-radius:13px}.rgb-preview small,.rgb-preview strong,.rgb-preview code{display:block}.rgb-preview small{font:9px 'DM Mono';color:#8f98aa;margin-top:7px}.rgb-preview strong{font:700 27px 'DM Mono';color:var(--mint)}.rgb-preview code{font:13px 'DM Mono';color:#fff}.rgb-presets{display:flex;gap:7px;margin-top:12px}.rgb-presets button{flex:1;padding:9px;border:1px solid #ffffff25;border-radius:8px;background:#202533;color:#fff;cursor:pointer}
/* Concrete device illustration and comparison */
.device-hero-figure{margin:0;position:relative}.device-hero-figure img{display:block;width:100%;border-radius:22px;box-shadow:0 24px 60px #15192530}.device-hero-figure figcaption{margin-top:10px;text-align:right;font:10px 'DM Mono';color:var(--muted)}.device-matrix-section{padding:90px 7vw;background:var(--ink);color:#fff}.device-matrix{display:grid;grid-template-columns:1.3fr repeat(4,1fr);margin-top:30px;border:1px solid #ffffff20;border-radius:15px;overflow:hidden}.device-matrix>*{padding:14px;border-right:1px solid #ffffff15;border-bottom:1px solid #ffffff15}.device-matrix>*:nth-child(5n){border-right:0}.device-matrix .matrix-head{background:#2a3040;font:9px 'DM Mono';color:var(--mint);letter-spacing:.08em}.device-matrix b{font-size:14px}.device-matrix span{text-align:center;color:#c4cad5;font-size:13px}.matrix-note{max-width:800px;color:#aeb5c3;font-size:13px;margin-top:18px}
/* Heading hierarchy guardrails */
.topic-hero h1,.page-heading h1,.synth-heading h1{font-weight:700}.device-grid h2,.software-comparison h2,.mission-grid h2,.resource-list h2{line-height:1.12}.device-grid h2,.resource-list h2{font-size:30px}.device-grid p{font-size:15px;line-height:1.65}.synth-theory h2{font-size:24px}.synth-theory p{font-size:14px;line-height:1.6}.synth-modules h3{font-size:15px;line-height:1.2}.lab-experiment h3{font-size:24px;line-height:1.2}.mic-grid h3,.monitor-grid h3{font-size:23px;line-height:1.15}.context-grid b{font-size:20px}
@media(max-width:1000px){.rgb-tool-section{grid-template-columns:1fr}}
@media(max-width:700px){.rgb-tool-section{padding:70px 20px}.rgb-tool{padding:16px}.rgb-bit-row{gap:3px}.rgb-preview{grid-template-columns:1fr}.rgb-swatch{min-height:180px}.rgb-presets{display:grid;grid-template-columns:1fr 1fr}.device-matrix-section{overflow:auto}.device-matrix{min-width:700px}.device-hero-figure figcaption{text-align:left}}

/* Images placed next to their explanations */
.device-card-visual{height:190px;margin:-16px -16px 22px;border-radius:13px;background-image:url('images/appareils-electroniques-v1.webp');background-size:300% 200%;background-repeat:no-repeat;border:1px solid #ffffff20}.device-synth{background-position:0 0}.device-controller{background-position:50% 0}.device-workstation{background-position:100% 0}.device-sampler{background-position:0 100%}.device-drum{background-position:50% 100%}.device-groovebox{background-position:100% 100%}
.mic-card-visual{height:230px;margin:-12px -12px 20px;border-radius:10px;background-image:url('images/microphones-types-v1.webp');background-size:300% 100%;background-repeat:no-repeat;background-color:var(--ink)}.mic-dynamic{background-position:0 center}.mic-condenser{background-position:50% center}.mic-ribbon{background-position:100% center}

/* Software anatomy */
.software-visual{margin:0 0 28px;background:#151925;border:1px solid #303747;border-radius:14px;overflow:hidden;color:#fff}.software-visual figcaption{padding:8px 13px 10px;color:#9ea7b7;font:9px 'DM Mono';margin:0}.mock-window-bar{height:34px;padding:0 10px;display:flex;align-items:center;gap:6px;background:#292f3d;border-bottom:1px solid #ffffff12}.mock-window-bar i{width:8px;height:8px;border-radius:50%;background:var(--orange)}.mock-window-bar i:nth-child(2){background:#ffd36e}.mock-window-bar i:nth-child(3){background:var(--mint)}.mock-window-bar span{margin-left:7px;color:#aeb6c5;font:9px 'DM Mono'}.editor-visual svg{display:block;width:100%;height:auto}.daw-workspace{height:190px;display:grid;grid-template-columns:78px 1fr;background:#11151e}.daw-tracks{display:grid;grid-template-rows:repeat(4,1fr);border-right:1px solid #ffffff18}.daw-tracks span{display:flex;align-items:center;padding-left:9px;border-bottom:1px solid #ffffff15;color:#b8c0ce;font:8px 'DM Mono'}.daw-timeline{position:relative;background:repeating-linear-gradient(90deg,transparent 0 12.4%,#ffffff0e 12.5%),repeating-linear-gradient(0deg,transparent 0 calc(25% - 1px),#ffffff10 25%);overflow:hidden}.clip{position:absolute;height:33px;border-radius:5px;padding:7px;color:#11151e;font:8px 'DM Mono';overflow:hidden}.c1{left:2%;top:8px;width:34%;background:var(--mint)}.c2{left:38%;top:8px;width:39%;background:var(--mint)}.c3{left:14%;top:55px;width:65%;background:var(--purple);color:#fff}.c4{left:5%;top:102px;width:83%;background:var(--blue);color:#fff}.c5{left:20%;top:149px;width:24%;background:var(--orange)}.c6{left:48%;top:149px;width:40%;background:var(--orange)}.daw-mixer{height:112px;padding:10px 20px;display:flex;justify-content:center;gap:10px;background:#202533;border-top:1px solid #ffffff18}.daw-mixer>span{width:46px;position:relative;border:1px solid #ffffff13;border-radius:5px;background:#171b25}.daw-mixer i{position:absolute;left:21px;top:9px;bottom:25px;width:4px;background:#3b4352;border-radius:4px}.daw-mixer i:after{content:"";position:absolute;width:18px;height:8px;left:-7px;top:var(--f);background:var(--mint);border-radius:3px}.daw-mixer b{position:absolute;bottom:5px;left:0;right:0;text-align:center;color:#929cad;font:7px 'DM Mono'}

/* Connector guide */
.connector-guide{padding:90px 7vw;background:#e6f7ee}.connector-guide>header{max-width:780px}.connector-guide h2{font-size:clamp(36px,5vw,64px);line-height:1.05;letter-spacing:-.05em;margin:8px 0 18px}.connector-guide>header>p:last-child{font-size:18px;color:var(--muted)}.connector-guide figure{margin:38px 0 20px}.connector-guide figure img{display:block;width:100%;border-radius:22px;box-shadow:0 20px 45px #15192520}.connector-guide figcaption{font:10px 'DM Mono';color:var(--muted);margin-top:10px}.connector-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.connector-cards article{padding:18px;background:#fff;border:1px solid var(--line);border-radius:13px}.connector-cards b{font:700 18px 'DM Mono';color:var(--blue)}.connector-cards p{font-size:13px;color:var(--muted)}

/* Glossary and downloadable sheets */
.glossary-page{padding-top:145px}.glossary-heading{padding:0 7vw 60px}.glossary-heading h1{font-size:clamp(50px,7vw,92px);line-height:.95;letter-spacing:-.06em;margin:14px 0 25px}.glossary-tools{position:sticky;z-index:12;top:72px;padding:16px 7vw;background:rgba(244,240,232,.94);backdrop-filter:blur(14px);border-block:1px solid var(--line);display:flex;gap:12px}.glossary-tools input{flex:1;min-width:0;padding:14px 17px;border:1px solid var(--line);border-radius:12px;background:#fff}.glossary-filters{display:flex;gap:6px;overflow:auto}.glossary-filters button{border:1px solid var(--line);border-radius:100px;background:#fff;padding:9px 13px;white-space:nowrap;cursor:pointer;font-size:11px;font-weight:800}.glossary-filters button.selected{background:var(--ink);color:#fff}.glossary-list{padding:55px 7vw 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.glossary-term{padding:24px;background:#fff;border:1px solid var(--line);border-radius:15px}.glossary-term h2{font-size:24px;line-height:1.15;margin:0 0 10px}.glossary-term p{font-size:14px;color:var(--muted);margin:0}.glossary-term small{display:block;margin-top:18px;color:var(--blue);font:9px 'DM Mono';text-transform:uppercase}.glossary-empty{display:none;grid-column:1/-1;padding:50px;text-align:center;color:var(--muted)}.glossary-empty.visible{display:block}.resource-list article.resource-open{grid-template-columns:75px 1fr auto}.resource-action{display:inline-flex;padding:10px 14px;background:var(--ink);color:#fff;border-radius:100px;text-decoration:none;font:700 10px 'DM Mono'}.pdf-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.pdf-links a{padding:8px 11px;background:#eef1f7;border-radius:8px;text-decoration:none;font-size:11px;font-weight:800}.pdf-links a:hover{background:var(--mint)}
@media(max-width:1000px){.connector-cards{grid-template-columns:repeat(3,1fr)}.glossary-list{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.device-card-visual{height:220px}.mic-card-visual{height:300px}.connector-guide{padding:70px 20px}.connector-guide figure{overflow:auto}.connector-guide figure img{width:900px;max-width:none}.connector-cards{grid-template-columns:1fr}.glossary-heading{padding:0 20px 45px}.glossary-tools{padding:12px 20px;align-items:stretch;flex-direction:column}.glossary-list{padding:40px 20px 70px;grid-template-columns:1fr}.resource-list article.resource-open{grid-template-columns:50px 1fr}.resource-list article.resource-open>.resource-action{grid-column:2;justify-self:start}.pdf-links{grid-column:2}}

/* Keep the live scope inside its 130px monitor instead of its intrinsic canvas ratio */
.synth-monitor{grid-template-columns:38px minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden}.synth-monitor>div{height:106px;min-height:0}.synth-monitor canvas{display:block;width:100%;height:106px;min-width:0;min-height:0;max-height:106px}

/* Musical pitch and instrument analysis */
.music-physics-bridge{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:stretch;margin:30px 0}.music-physics-bridge>div{padding:20px;background:#fff;border:1px solid var(--line);border-radius:13px}.music-physics-bridge>i{align-self:center;color:var(--blue);font-size:24px;font-style:normal}.music-physics-bridge small,.music-physics-bridge strong,.music-physics-bridge span{display:block}.music-physics-bridge small{font:9px 'DM Mono';color:var(--blue)}.music-physics-bridge strong{font-size:23px;margin:8px 0}.music-physics-bridge span{font-size:12px;color:var(--muted)}.pitch-tool{padding:24px;background:var(--ink);color:#fff;border-radius:18px}.pitch-tool label{display:block;font-size:13px}.pitch-tool output{float:right;color:var(--mint);font-family:'DM Mono'}.pitch-tool input{display:block;width:100%;accent-color:var(--mint);margin-top:10px}.pitch-tool canvas{display:block;width:100%;height:180px;margin-top:18px;background:#10151e;border-radius:10px}.pitch-presets{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.pitch-presets button{padding:9px 12px;border:1px solid #ffffff25;border-radius:8px;background:#252b38;color:#fff;cursor:pointer}.pitch-presets button:last-child{margin-left:auto;background:var(--mint);color:var(--ink);font-weight:800}.instrument-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0 14px}.instrument-picker button{padding:10px 10px 17px;border:2px solid transparent;border-radius:16px;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.instrument-picker button.selected{border-color:var(--blue);box-shadow:0 12px 30px #1762ff20}.instrument-picker b,.instrument-picker small{display:block}.instrument-picker b{font-size:18px;margin:12px 5px 3px}.instrument-picker small{font-size:11px;color:var(--muted);margin:0 5px}.instrument-visual{display:block;width:100%;aspect-ratio:2/3;border-radius:10px;background-image:url('images/instruments-timbre-v1.webp');background-size:300% 100%;background-repeat:no-repeat}.instrument-piano{background-position:0 center}.instrument-violin{background-position:50% center}.instrument-flute{background-position:100% center}.instrument-analysis{display:grid;grid-template-columns:1fr 1fr;gap:10px}.instrument-analysis>div{padding:15px;background:var(--ink);border-radius:14px;color:#fff}.instrument-analysis span{font:9px 'DM Mono';color:var(--mint)}.instrument-analysis canvas{display:block;width:100%;height:210px;margin-top:10px;background:#10151e;border-radius:8px}.instrument-readout{display:grid;grid-template-columns:.7fr 1.3fr auto;gap:12px;align-items:center;padding:16px;margin-top:10px;background:#fff;border:1px solid var(--line);border-radius:14px}.instrument-readout p{margin:0}.instrument-readout small,.instrument-readout b,.instrument-readout span{display:block}.instrument-readout small{font:8px 'DM Mono';color:var(--blue)}.instrument-readout b{font-size:17px}.instrument-readout span{font-size:11px;color:var(--muted)}.instrument-readout button{padding:12px 15px;border:0;border-radius:100px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}

/* Step sequencer and arpeggiator */
.sequencer-section{padding:95px 4vw 110px;background:#11151e;border-top:1px solid #ffffff18}.sequencer-section>header{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end;max-width:1200px;margin:0 auto 35px}.sequencer-section h2{font-size:clamp(42px,6vw,72px);line-height:.98;letter-spacing:-.055em;margin:9px 0 18px}.sequencer-section>header>div:first-child>p:last-child{color:#b8bfcc;font-size:17px}.sequence-theory{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;padding:20px;border-left:4px solid var(--mint);background:#ffffff08}.sequence-theory b{color:var(--mint);font-size:12px}.sequence-theory span{font-size:12px;color:#b8bfcc}.sequencer-shell{max-width:1400px;margin:auto;padding:22px;background:#252b38;border:1px solid #ffffff1b;border-radius:22px}.sequencer-toolbar{display:grid;grid-template-columns:auto 1fr minmax(220px,.7fr);gap:16px;align-items:center;margin-bottom:18px}.sequencer-toolbar>button{padding:12px 17px;border:0;border-radius:9px;background:var(--mint);color:var(--ink);font-weight:800;cursor:pointer}.seq-mode-switch{display:flex;gap:6px}.seq-mode-switch button{padding:10px 13px;border:1px solid #ffffff20;border-radius:8px;background:#171b25;color:#fff;cursor:pointer}.seq-mode-switch button.selected{background:var(--purple)}.sequencer-toolbar label{font-size:11px;color:#aeb5c3}.sequencer-toolbar output{float:right;color:var(--mint);font-family:'DM Mono'}.sequencer-toolbar input{display:block;width:100%;accent-color:var(--mint)}.seq-panel{padding:15px;background:#171b25;border-radius:14px}.seq-panel>p{font-size:11px;color:#939daf;margin:13px 0 0}.seq-scroll{overflow:auto;padding-bottom:6px}.seq-grid{display:grid;grid-template-columns:72px repeat(16,minmax(34px,1fr));grid-auto-rows:32px;gap:3px;min-width:920px}.seq-corner,.seq-step-number,.seq-note-label{display:flex;align-items:center;justify-content:center;font:8px 'DM Mono';color:#8f98aa}.seq-step-number{background:#252b38}.seq-step-number:nth-of-type(4n){color:var(--mint)}.seq-step-number.playing{background:var(--orange);color:var(--ink)}.seq-note-label{justify-content:flex-end;padding-right:7px;color:#c2c8d2}.seq-cell{border:1px solid #ffffff10;border-radius:4px;background:#242a37;cursor:pointer}.seq-cell:hover{border-color:var(--mint)}.seq-cell.active{background:var(--blue);box-shadow:inset 0 0 0 2px #ffffff28}.seq-cell.playing{border-color:var(--orange);box-shadow:inset 0 0 0 2px var(--orange)}.arp-layout{display:grid;grid-template-columns:1fr 260px;gap:25px;align-items:end}.arp-layout small{font:9px 'DM Mono';color:var(--mint)}.arp-notes{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.arp-notes button{padding:11px;border:1px solid #ffffff20;border-radius:8px;background:#252b38;color:#fff;cursor:pointer}.arp-notes button.selected{background:var(--blue)}.arp-layout label{font-size:11px;color:#aeb5c3}.arp-layout select{display:block;width:100%;margin-top:8px;padding:11px;background:#252b38;color:#fff;border:1px solid #ffffff20;border-radius:8px}.arp-lane{display:grid;grid-template-columns:repeat(16,1fr);gap:4px;margin-top:20px;overflow:auto}.arp-lane span{min-width:50px;padding:10px 4px;background:#252b38;border-radius:6px;text-align:center}.arp-lane span.playing{background:var(--orange);color:var(--ink)}.arp-lane small,.arp-lane b{display:block}.arp-lane small{font:7px 'DM Mono';color:#8f98aa}.arp-lane b{font-size:11px}.sequencer-status{display:flex;flex-wrap:wrap;gap:25px;padding:17px 2px 0;font:9px 'DM Mono';color:#8791a3}.sequencer-status b{color:#fff;margin-left:6px}.sequence-observation{max-width:1000px;margin:25px auto 0;padding:18px 22px;border-left:4px solid var(--orange);background:#ffffff08}.sequence-observation p{font-size:13px;color:#b8bfcc;margin:4px 0}

/* Mono/stereo and realistic connector guide */
.mono-stereo-section{padding:95px 7vw;background:#e5ecff}.mono-stereo-section>header{max-width:850px}.mono-stereo-section h2{font-size:clamp(42px,6vw,72px);line-height:1;letter-spacing:-.055em;margin:9px 0 18px}.mono-stereo-section>header>p:last-child{font-size:19px;color:var(--muted)}.channel-scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:35px 0}.channel-scenarios article{padding:22px;background:#fff;border:1px solid var(--line);border-radius:16px}.channel-scenarios h3{font-size:21px;line-height:1.2}.channel-scenarios p{font-size:14px;color:var(--muted)}.channel-visual{min-height:105px;display:flex;align-items:center;justify-content:center;gap:9px;padding:14px;background:var(--ink);border-radius:12px;color:#fff}.channel-visual>i{font-style:normal;color:var(--mint)}.mic-symbol,.stereo-mics b,.speaker-pair b,.channel{display:grid;place-items:center;border:1px solid #ffffff25;background:#252b38;border-radius:7px;font:8px 'DM Mono'}.mic-symbol{width:44px;height:65px;border-radius:22px}.stereo-mics,.speaker-pair,.stereo-channel{display:flex;gap:5px}.stereo-mics b{width:38px;height:58px;border-radius:20px}.speaker-pair b{width:45px;height:68px;background:#303747}.channel{width:50px;height:50px;background:var(--purple);font-size:13px}.stereo-channel{width:auto;height:auto;background:none;border:0}.stereo-channel b{display:grid;place-items:center;width:38px;height:50px;border-radius:6px;background:var(--blue)}.io-mono-stereo{display:grid;grid-template-columns:1fr 1fr;gap:12px}.io-mono-stereo section{padding:25px;background:var(--ink);color:#fff;border-radius:16px}.io-mono-stereo small{font:9px 'DM Mono';color:var(--mint)}.io-mono-stereo h3{font-size:25px}.io-mono-stereo li{margin:9px 0;color:#c0c6d1;font-size:14px}.real-connector-figure{position:relative}.real-connector-figure img{aspect-ratio:auto!important;object-fit:contain}.connector-photo-labels{display:grid;grid-template-columns:repeat(5,1fr);margin-top:-8px;padding:10px 3%;background:var(--ink);color:var(--mint);border-radius:0 0 15px 15px;text-align:center;font:10px 'DM Mono'}.connector-table{display:grid;grid-template-columns:.7fr 1.1fr 1.35fr 1.6fr;margin-top:28px;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff}.connector-table>*{padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px}.connector-table>*:nth-child(4n){border-right:0}.connector-table-head{background:var(--ink);color:var(--mint);font:9px 'DM Mono'}.connector-table b{font:700 15px 'DM Mono';color:var(--blue)}.connector-table span{color:var(--muted)}.connector-memory{padding:18px 22px;margin-top:18px;background:#fff;border-left:5px solid var(--orange)}.connector-memory p{margin:4px 0;color:var(--muted)}

/* Preserve the actual square crops from the 3x2 machine plate */
.device-card-visual,.mic-card-visual{height:auto;aspect-ratio:1/1}

/* Waveforms inside DAW clips */
.clip:after{content:"";position:absolute;left:6px;right:6px;bottom:4px;height:12px;background:#11151e;opacity:.38;clip-path:polygon(0 50%,4% 28%,8% 75%,12% 12%,16% 88%,20% 38%,24% 62%,28% 20%,32% 82%,36% 43%,40% 57%,44% 8%,48% 92%,52% 31%,56% 69%,60% 18%,64% 84%,68% 42%,72% 60%,76% 26%,80% 74%,84% 36%,88% 66%,92% 22%,96% 79%,100% 50%)}.clip.c3:after,.clip.c4:after{background:#fff;opacity:.48}

.instrument-analysis>div>small{display:block;margin-top:4px;color:#98a2b3;font:8px 'DM Mono'}.instrument-analysis .macro-dynamics{grid-column:1/-1}.instrument-analysis .macro-dynamics canvas{height:190px}
@media(max-width:1000px){.music-physics-bridge{grid-template-columns:1fr}.music-physics-bridge>i{transform:rotate(90deg);justify-self:center}.instrument-analysis,.sequencer-section>header,.io-mono-stereo{grid-template-columns:1fr}.sequencer-toolbar{grid-template-columns:1fr}.channel-scenarios{grid-template-columns:1fr}.connector-table{min-width:850px}.connector-guide{overflow:auto}}
@media(max-width:700px){.instrument-picker{grid-template-columns:1fr}.instrument-visual{aspect-ratio:2/3}.instrument-analysis{grid-template-columns:1fr}.instrument-readout{grid-template-columns:1fr}.pitch-presets button:last-child{margin-left:0}.sequencer-section{padding:75px 12px}.sequencer-shell{padding:12px}.seq-mode-switch{flex-direction:column}.arp-layout{grid-template-columns:1fr}.mono-stereo-section{padding:75px 20px}.device-card-visual,.mic-card-visual{height:auto;aspect-ratio:1/1}.real-connector-figure{width:900px}.connector-photo-labels{font-size:7px}}
.measurement-note{margin:14px 0;padding:16px 20px;background:#e8e2ff;border-left:5px solid var(--purple)}.measurement-note p{font-size:13px!important;margin:4px 0!important;color:var(--muted)!important}

/* Microphone directivity and two-microphone phase */
.mic-phase-lesson>header>.mic-phase-formula{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:6px 0 0!important;padding:11px 14px;background:#eef1f7;border-radius:9px;font:11px 'DM Mono';font-size:11px!important;color:var(--ink)!important}.mic-phase-formula b{color:var(--blue)}.mic-phase-formula i{color:var(--orange);font-style:normal}.mic-phase-formula small{color:var(--muted)}
.mic-pattern-lesson,.mic-phase-lesson{margin-top:50px;padding-top:42px;border-top:1px solid var(--line)}.mic-pattern-lesson>header,.mic-phase-lesson>header{max-width:790px}.mic-pattern-lesson h3,.mic-phase-lesson h3{font-size:clamp(29px,4vw,44px);line-height:1.08;letter-spacing:-.04em;margin:8px 0 16px}.mic-pattern-lesson>header>p:last-child,.mic-phase-lesson>header>p:last-child{font-size:16px;color:var(--muted)}.mic-pattern-lab{display:grid;grid-template-columns:220px minmax(280px,1fr);gap:12px;margin-top:26px;padding:18px;background:var(--ink);color:#fff;border-radius:19px}.mic-pattern-controls{display:grid;align-content:start;gap:7px}.mic-pattern-controls button{padding:12px 13px;border:1px solid #ffffff20;border-radius:9px;background:#252b38;color:#fff;text-align:left;cursor:pointer;font-size:11px}.mic-pattern-controls button.selected{background:var(--mint);border-color:var(--mint);color:var(--ink);font-weight:800}.mic-pattern-controls button:focus-visible,.mic-phase-controls input:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.mic-pattern-screen{min-width:0;padding:8px;background:#10141d;border-radius:12px}.mic-pattern-screen canvas{display:block;width:100%;height:330px}.mic-pattern-readout{grid-column:1/-1;padding:16px 18px;border-left:4px solid var(--mint);background:#252b38;border-radius:3px 10px 10px 3px}.mic-pattern-readout small,.mic-pattern-readout strong{display:block}.mic-pattern-readout small{color:var(--mint);font:8px 'DM Mono'}.mic-pattern-readout strong{margin:6px 0;font-size:20px}.mic-pattern-readout p{margin:0;color:#bdc4d0;font-size:13px}.mic-phase-lab{display:grid;grid-template-columns:1.35fr .65fr;gap:12px;margin-top:26px;padding:18px;background:var(--ink);color:#fff;border-radius:19px}.mic-phase-screen{position:relative;min-width:0;padding:20px 8px 4px;background:#10141d;border-radius:12px}.mic-phase-screen>span{position:absolute;z-index:1;left:13px;color:#8f98aa;font:8px 'DM Mono'}.mic-phase-screen>span:nth-child(1){top:12px}.mic-phase-screen>span:nth-child(2){top:34.5%}.mic-phase-screen>span:nth-child(3){top:67%}.mic-phase-screen canvas{display:block;width:100%;height:330px}.mic-phase-controls{padding:5px 4px}.mic-phase-controls label{display:block;margin-bottom:22px;color:#c4cad4;font-size:12px}.mic-phase-controls output{float:right;color:var(--mint);font:10px 'DM Mono'}.mic-phase-controls input{display:block;width:100%;margin-top:10px;accent-color:var(--mint)}.mic-phase-readouts{display:grid;gap:6px}.mic-phase-readouts article{padding:11px 13px;background:#10141d;border-radius:9px}.mic-phase-readouts small,.mic-phase-readouts strong{display:block}.mic-phase-readouts small{color:#8f98aa;font:7px 'DM Mono'}.mic-phase-readouts strong{margin-top:3px;color:var(--mint);font:500 19px 'DM Mono'}.mic-phase-result{margin:8px 0 0;padding:13px 15px;border-left:4px solid var(--mint);background:#252b38;color:#c5cbd5;font-size:12px}.mic-phase-lab[data-phase-status="mixed"] .mic-phase-result{border-color:var(--orange)}.mic-phase-lab[data-phase-status="cancel"] .mic-phase-result{border-color:#ff5d69;color:#fff}.mic-phase-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.mic-phase-notes article{padding:18px;background:#eef1f7;border-radius:12px}.mic-phase-notes small,.mic-phase-notes b{display:block}.mic-phase-notes small{color:var(--blue);font:8px 'DM Mono'}.mic-phase-notes b{margin:7px 0;font-size:15px}.mic-phase-notes p{margin:0;color:var(--muted);font-size:13px}.mic-pattern-lesson>.remember{margin-bottom:0}
@media(max-width:850px){.mic-pattern-lab,.mic-phase-lab{grid-template-columns:1fr}.mic-pattern-controls{grid-template-columns:1fr 1fr}.mic-pattern-readout{grid-column:auto}.mic-phase-notes{grid-template-columns:1fr}}
@media(max-width:520px){.mic-pattern-lesson,.mic-phase-lesson{margin-top:38px;padding-top:32px}.mic-pattern-lab,.mic-phase-lab{padding:11px}.mic-pattern-controls{grid-template-columns:1fr}.mic-pattern-screen canvas,.mic-phase-screen canvas{height:280px}}

/* Why digital and amplitude quantization */
.digital-purpose-section,.quantization-section{padding:95px 7vw;display:grid;grid-template-columns:70px minmax(0,1100px);gap:28px;scroll-margin-top:72px}.digital-purpose-section{background:#fff;border-top:1px solid var(--line)}.digital-purpose-section>div>header{display:grid;grid-template-columns:.72fr 1.28fr;gap:45px;align-items:end}.digital-purpose-section h2,.quantization-section h2{font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-.055em;margin:8px 0 18px}.digital-purpose-section>div>header>p{font-size:17px;color:var(--muted)}.conversion-chain{display:flex;align-items:center;gap:8px;margin:35px 0 18px;padding:15px;background:#eef1f7;border-radius:14px;overflow:auto}.conversion-chain span,.conversion-chain strong,.conversion-chain i{flex:0 0 auto;padding:10px 12px;border-radius:8px;font-size:11px}.conversion-chain span{background:#fff}.conversion-chain strong{background:var(--ink);color:var(--mint)}.conversion-chain i{font-style:normal;color:var(--blue)}.conversion-chain .converter{background:var(--purple);color:#fff;font:500 9px 'DM Mono'}.regeneration-demo{display:grid;grid-template-columns:1.45fr .55fr;gap:18px;padding:20px;background:var(--ink);color:#fff;border-radius:20px}.regeneration-screen{position:relative;min-width:0;padding-top:24px;background:#10141d;border-radius:12px;overflow:hidden}.regeneration-screen>span{position:absolute;top:11px;left:14px;color:var(--mint);font:8px 'DM Mono'}.regeneration-screen canvas{display:block;width:100%;height:310px}.regeneration-controls{display:flex;flex-direction:column;gap:24px}.digital-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px}.digital-mode-switch button{padding:10px;border:1px solid #ffffff20;border-radius:8px;background:#252b38;color:#fff;cursor:pointer;font-size:11px}.digital-mode-switch button.selected{background:var(--purple)}.regeneration-controls label{font-size:12px;color:#c1c7d2}.regeneration-controls output{float:right;color:var(--mint);font-family:'DM Mono'}.regeneration-controls input{display:block;width:100%;margin-top:9px;accent-color:var(--mint)}.regeneration-result{padding:18px;background:#10141d;border-radius:12px}.regeneration-result small,.regeneration-result strong{display:block}.regeneration-result small{font:8px 'DM Mono';color:#8f98aa}.regeneration-result strong{font-size:21px;line-height:1.15;margin:8px 0}.regeneration-result p{font-size:12px;color:#adb5c4;margin:0}.digital-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.digital-benefits article{padding:18px;background:#eef1f7;border-radius:12px}.digital-benefits b{font-size:15px}.digital-benefits p{font-size:12px;color:var(--muted);margin-bottom:0}.digital-purpose-section .warning{margin-bottom:0}.quantization-section{background:#e8e2ff;border-top:1px solid var(--line)}.quantization-section>div>p{max-width:850px;font-size:18px;color:#505764}.quantization-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0 12px}.quantization-steps article{padding:18px;background:#fff;border:1px solid var(--line);border-radius:13px}.quantization-steps span{float:right;color:var(--blue);font:16px 'DM Mono'}.quantization-steps b{display:block;font-size:15px}.quantization-steps p{font-size:12px;color:var(--muted);margin-bottom:0}.quantizer{display:grid;grid-template-columns:1.45fr .55fr;gap:18px;padding:20px;background:var(--ink);color:#fff;border-radius:20px}.quantizer-screen{position:relative;min-width:0;padding-top:24px;background:#10141d;border-radius:12px;overflow:hidden}.quantizer-screen>span{position:absolute;top:11px;left:14px;color:var(--mint);font:8px 'DM Mono'}.quantizer-screen canvas{display:block;width:100%;height:420px;cursor:crosshair}.quantizer-legend{position:absolute;left:16px;bottom:12px;display:flex;flex-wrap:wrap;gap:14px;color:#aeb6c5;font:8px 'DM Mono'}.quantizer-legend span:before{content:"";display:inline-block;width:16px;height:3px;margin-right:6px;vertical-align:middle;background:var(--orange)}.quantizer-legend .quantized-line:before{background:var(--mint)}.quantizer-legend .error-line:before{background:var(--purple)}.quantizer-controls label{display:block;margin:8px 0 24px;font-size:12px;color:#c2c8d2}.quantizer-controls output{float:right;color:var(--mint);font-family:'DM Mono'}.quantizer-controls input{display:block;width:100%;margin-top:9px;accent-color:var(--mint)}.quant-presets{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:-6px 0 15px}.quant-presets button{margin:0;padding:9px 8px;border:1px solid #ffffff20;background:#252b38;color:#fff;border-radius:7px;font-size:9px}.quant-presets button:last-child{color:var(--mint)}.quantizer-readouts{display:grid;gap:7px}.quantizer-readouts p{margin:0;padding:11px 13px;background:#10141d;border-radius:9px}.quantizer-readouts small,.quantizer-readouts strong{display:block}.quantizer-readouts small{font:8px 'DM Mono';color:#8f98aa}.quantizer-readouts strong{color:var(--mint);font:500 20px 'DM Mono'}.quantizer-controls>button{width:100%;margin-top:15px;padding:12px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}.quantizer-controls>p{font-size:11px;color:#aeb6c5}.quantization-section .remember{margin-bottom:0}
@media(max-width:1000px){.digital-purpose-section,.quantization-section{grid-template-columns:1fr}.digital-purpose-section>div>header,.regeneration-demo,.quantizer{grid-template-columns:1fr}.digital-benefits{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.digital-purpose-section,.quantization-section{padding:70px 20px}.digital-purpose-section>div>header{gap:12px}.conversion-chain{align-items:stretch;flex-direction:column;overflow:visible}.conversion-chain>*{text-align:center}.conversion-chain>i:not(.converter){transform:rotate(90deg);align-self:center}.digital-benefits,.quantization-steps{grid-template-columns:1fr}.regeneration-demo,.quantizer{padding:12px}.regeneration-screen canvas{height:260px}.quantizer-screen canvas{height:340px}.quantizer-legend{right:12px}.digital-mode-switch{grid-template-columns:1fr}}
@media(max-width:700px){.quant-presets{grid-template-columns:1fr}}

/* Destructive and non-destructive editing */
.edit-mode-section{padding:95px 7vw;background:#e8e2ff;border-top:1px solid var(--line);scroll-margin-top:72px}.edit-mode-section>header{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:end;max-width:1200px}.edit-mode-section h2{font-size:clamp(42px,6vw,72px);line-height:1;letter-spacing:-.055em;margin:9px 0 18px}.edit-mode-section>header>p{font-size:18px;color:var(--muted)}.edit-mode-demo{max-width:1200px;margin:32px 0 14px;padding:20px;background:var(--ink);color:#fff;border-radius:20px}.edit-mode-switch{display:flex;gap:6px;margin-bottom:14px}.edit-mode-switch button{padding:11px 14px;border:1px solid #ffffff20;border-radius:8px;background:#252b38;color:#fff;cursor:pointer}.edit-mode-switch button.selected{background:var(--purple)}.edit-wave-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.edit-wave-flow>div{padding:15px;background:#10141d;border-radius:12px}.edit-wave-flow small,.edit-wave-flow strong{display:block}.edit-wave-flow small{font:8px 'DM Mono';color:var(--mint)}.edit-wave-flow strong{font-size:12px;color:#c2c8d2}.edit-wave-flow canvas{display:block;width:100%;height:155px;margin:9px 0;background:#171c27;border-radius:7px}.edit-wave-flow>i{font:9px 'DM Mono';font-style:normal;color:var(--orange);text-align:center}.edit-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.edit-actions button{padding:10px 12px;border:1px solid #ffffff20;border-radius:8px;background:#252b38;color:#fff;cursor:pointer}.edit-actions button.applied{background:var(--blue)}.edit-actions #reset-edits{margin-left:auto;color:var(--mint)}.edit-instruction-list{margin-top:12px;padding:14px 16px;border-left:4px solid var(--mint);background:#ffffff08}.edit-instruction-list small{font:8px 'DM Mono';color:var(--mint)}.edit-instruction-list p{margin:3px 0;color:#bdc4d0;font-size:12px}.edit-mode-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:1200px}.edit-mode-details article{padding:24px;background:#fff;border:1px solid var(--line);border-radius:15px}.edit-mode-details small{font:9px 'DM Mono';color:var(--blue)}.edit-mode-details h3{font-size:25px;margin:10px 0}.edit-mode-details p,.edit-mode-details li{font-size:14px;color:var(--muted)}.edit-mode-section>.warning,.edit-mode-section>.measurement-note{max-width:1200px}

/* Optional computer basics course */
.optional-course-card{margin-top:28px;padding:28px;background:#fff0e9;border:1px solid #ff70484a;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:30px}.optional-course-card>div>span{float:right;padding:7px 10px;background:var(--orange);color:#fff;border-radius:100px;font:9px 'DM Mono'}.optional-course-card h2{font-size:34px;margin:8px 0}.optional-course-card p{max-width:720px;color:var(--muted)}.computer-basics-hero{background:#dff7eb}.computer-hero-visual{max-width:620px;margin:auto;position:relative}.hero-monitor{height:330px;padding:22px;background:#151925;border:13px solid #2f3543;border-radius:22px;position:relative;color:#fff}.hero-monitor:after{content:"";position:absolute;width:120px;height:62px;left:50%;bottom:-75px;transform:translateX(-50%);background:#2f3543;clip-path:polygon(35% 0,65% 0,75% 78%,100% 78%,100% 100%,0 100%,0 78%,25% 78%)}.hero-monitor span{display:inline-block;padding:11px;background:var(--blue);border-radius:7px;font:10px 'DM Mono'}.hero-monitor i{position:absolute;left:45%;top:45%;font-size:66px;color:var(--mint);font-style:normal}.hero-monitor b{position:absolute;right:12%;bottom:18%;font:11px 'DM Mono';transform:rotate(-10deg)}.hero-keyboard{width:70%;height:45px;margin:84px auto 0;border-radius:8px;background:repeating-linear-gradient(90deg,#303746 0 8%,#171b25 8.5% 9.2%)}.hero-mouse{position:absolute;right:3%;bottom:0;width:56px;height:82px;padding-top:7px;border:5px solid #303746;border-radius:28px;text-align:center;color:#303746}.optional-course-note{margin:28px 7vw 0;padding:18px 22px;background:#fff;border-left:5px solid var(--orange)}.optional-course-note p{margin:4px 0;color:var(--muted)}.basics-section{padding:90px 8vw;display:grid;grid-template-columns:70px minmax(0,1050px);gap:28px;border-top:1px solid var(--line);scroll-margin-top:72px}.basics-section:nth-of-type(odd){background:#fff}.basics-section h2{font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.05em;margin:8px 0 22px}.basics-section h3{font-size:26px;margin-top:34px}.basics-section>div>p{font-size:17px;color:var(--muted)}.computer-anatomy{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:28px}.computer-anatomy button{min-width:0;padding:14px 8px;border:2px solid transparent;border-radius:12px;background:#eef1f7;cursor:pointer}.computer-anatomy button.selected{border-color:var(--blue);background:#fff}.computer-anatomy b{display:block;margin-top:9px;font-size:12px}.part-icon{height:76px;display:block;position:relative}.part-screen:before{content:"";position:absolute;inset:4px 5px 20px;border:5px solid var(--ink);border-radius:5px;background:var(--blue)}.part-screen:after{content:"";position:absolute;width:36px;height:18px;left:50%;bottom:3px;transform:translateX(-50%);background:var(--ink)}.part-computer:before{content:"CPU";position:absolute;inset:3px 18px;display:grid;place-items:center;border-radius:7px;background:var(--ink);color:var(--mint);font:10px 'DM Mono'}.part-keyboard:before{content:"A Z E R T Y";position:absolute;left:2px;right:2px;bottom:9px;padding:15px 3px;border-radius:6px;background:var(--ink);color:#fff;font:7px 'DM Mono'}.part-mouse:before{content:"••";position:absolute;width:43px;height:65px;left:50%;top:3px;transform:translateX(-50%);border-radius:23px;background:var(--ink);color:var(--mint)}.part-storage:before{content:"SSD";position:absolute;inset:12px 8px;display:grid;place-items:center;border:4px solid var(--ink);border-radius:6px;color:var(--blue);font:10px 'DM Mono'}.part-peripheral:before{content:"USB";position:absolute;inset:17px 4px;display:grid;place-items:center;background:var(--purple);color:#fff;border-radius:100px;font:10px 'DM Mono'}.computer-part-detail{display:grid;grid-template-columns:170px 1fr;gap:4px 20px;margin-top:10px;padding:20px;background:var(--ink);color:#fff;border-radius:13px}.computer-part-detail small{grid-column:1;font:8px 'DM Mono';color:var(--mint)}.computer-part-detail strong{grid-column:1;font-size:21px}.computer-part-detail p{grid-column:2;grid-row:1/3;margin:0;color:#bcc3cf}.hardware-inside{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.hardware-inside article{padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px}.hardware-inside p{font-size:12px;color:var(--muted)}.mouse-buttons-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mouse-buttons-guide article{padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px}.mouse-buttons-guide b{display:block;margin:12px 0 4px}.mouse-buttons-guide p{font-size:13px;color:var(--muted)}.mouse-button{display:block;width:58px;height:72px;border:3px solid var(--ink);border-radius:28px 28px 21px 21px;position:relative;background:linear-gradient(90deg,transparent 48%,var(--ink) 49% 51%,transparent 52%)}.mouse-button:before{content:"";position:absolute;top:5px;width:23px;height:28px;border-radius:14px 14px 4px 4px;background:var(--blue)}.mouse-button.left:before{left:4px}.mouse-button.right:before{right:4px}.mouse-button.wheel:before{width:8px;height:19px;left:22px;background:var(--orange)}.cursor-types{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 25px}.cursor-types span{padding:9px 12px;background:#eef1f7;border-radius:8px;font-size:11px}.cursor-types i{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:6px;color:var(--blue);font-style:normal;font-size:20px}.desktop-practice{background:var(--ink);border-radius:17px;overflow:hidden;color:#fff}.practice-bar{height:43px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:#303746}.practice-bar span{font:9px 'DM Mono';color:#b8c0ce}.practice-bar strong{font-size:11px;color:var(--mint)}.practice-desktop{height:310px;padding:35px;display:flex;gap:35px;align-items:flex-start;position:relative;background:radial-gradient(circle at 70% 30%,#26345b,#151925 55%)}.desktop-item{width:110px;padding:10px;border:2px solid transparent;background:transparent;color:#fff;border-radius:10px;cursor:pointer}.desktop-item span{display:grid;place-items:center;height:70px;border-radius:9px;background:var(--blue);font-size:36px}.desktop-item b{display:block;margin-top:8px;font-size:11px}.desktop-item.selected{border-color:#fff}.desktop-item.opened span{background:var(--orange)}.desktop-item.moved{opacity:.35}.practice-folder span{background:var(--purple)}.practice-folder.drop-target{border-color:var(--mint);background:#8be8bd20}.practice-context-menu{display:none;position:absolute;z-index:3;width:145px;padding:5px;background:#fff;color:var(--ink);border-radius:8px;box-shadow:0 15px 35px #0007}.practice-context-menu.visible{display:grid}.practice-context-menu button{padding:8px 10px;border:0;background:none;text-align:left;cursor:pointer}.practice-context-menu button:hover{background:#eef1f7}.file-concepts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.file-concepts article{padding:22px;background:#fff;border:1px solid var(--line);border-radius:14px}.file-concepts article>span{float:right;font:18px 'DM Mono';color:var(--blue)}.file-concepts h3{font-size:22px;margin:0 0 8px}.file-concepts p{font-size:13px;color:var(--muted)}.system-stack{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:stretch;margin:28px 0}.system-stack>div{padding:17px;background:var(--ink);color:#fff;border-radius:11px}.system-stack small,.system-stack b,.system-stack p{display:block}.system-stack small{font:8px 'DM Mono';color:var(--mint)}.system-stack b{font-size:13px;margin-top:6px}.system-stack p{font-size:11px;color:#b9c0cc}.system-stack>i{align-self:center;font:8px 'DM Mono';font-style:normal;color:var(--blue);writing-mode:vertical-rl}.mock-computer-window{margin-top:28px;border:1px solid #303746;border-radius:16px;overflow:hidden;background:#151925;color:#fff}.mock-titlebar{height:38px;padding:0 11px;display:flex;align-items:center;gap:7px;background:#303746}.mock-titlebar i{width:9px;height:9px;border-radius:50%;background:var(--orange)}.mock-titlebar i:nth-child(2){background:#ffd36e}.mock-titlebar i:nth-child(3){background:var(--mint)}.mock-titlebar span{margin-left:8px;font:9px 'DM Mono'}.mock-menubar{height:39px;padding:0 8px;display:flex;align-items:center;position:relative;border-bottom:1px solid #ffffff15}.mock-menubar>button,.mock-toolbar>button{padding:7px 10px;border:0;background:none;color:#fff;cursor:pointer}.mock-dropdown{display:none;position:absolute;z-index:2;top:35px;left:8px;width:160px;padding:6px;background:#fff;color:var(--ink);border-radius:7px;box-shadow:0 12px 30px #0007}.mock-dropdown.visible{display:grid}.mock-dropdown span{padding:7px}.mock-toolbar{height:48px;padding:0 12px;display:flex;align-items:center;gap:4px;background:#252b38}.mock-toolbar label{margin-left:auto;font-size:10px}.mock-toolbar input{vertical-align:middle;accent-color:var(--mint)}.mock-window-content{height:260px;display:grid;grid-template-columns:150px 1fr 12px}.mock-window-content>aside{padding:20px;border-right:1px solid #ffffff15;color:#9da6b7;line-height:2}.mock-window-content>div{padding:35px}.mock-window-content h3{margin:0 0 10px}.mock-window-content p{color:#aeb6c5}.mock-window-content button{padding:9px 13px}.mock-window-content label{display:block;margin-top:18px}.mock-scrollbar{margin:9px 3px;background:#303746;border-radius:10px;position:relative}.mock-scrollbar:before{content:"";position:absolute;top:18%;left:2px;right:2px;height:30%;background:#8b94a4;border-radius:9px}.interface-terms{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.interface-terms article{padding:17px;background:#fff;border:1px solid var(--line);border-radius:11px}.interface-terms p{font-size:12px;color:var(--muted)}.keyboard-map{display:grid;grid-template-columns:1.2fr 2fr 1.5fr;gap:8px;padding:16px;background:var(--ink);border-radius:16px}.key-family{min-height:100px;padding:13px;background:#252b38;border:1px solid #ffffff15;border-radius:9px;color:#fff}.key-family span{display:inline-block;padding:7px;margin:2px;background:#11151e;border:1px solid #ffffff20;border-radius:5px;font:9px 'DM Mono'}.key-family b{display:block;margin-top:9px;font-size:11px;color:var(--mint)}.key-family.alpha{grid-column:span 2}.key-family.modifier b{color:#c5b5ff}.key-family.numeric b{color:#ff9a7e}.shortcut-scroll,.mao-table-scroll{overflow:auto}.shortcut-table{min-width:650px;display:grid;grid-template-columns:1.2fr 1fr 1fr;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}.shortcut-table>*{padding:12px 15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.shortcut-table>*:nth-child(3n){border-right:0}.shortcut-head{background:var(--ink);color:var(--mint);font:9px 'DM Mono'}.shortcut-table b{font-size:13px}.shortcut-table kbd{font:11px 'DM Mono';color:var(--blue)}.beginner-practices ol{list-style:none;margin:25px 0;padding:0}.beginner-practices li{display:grid;grid-template-columns:.75fr 1.25fr;gap:25px;padding:17px 0;border-top:1px solid var(--line)}.beginner-practices span{color:var(--muted)}

/* Audio interface and MAO connections */
.audio-interface-section{padding:95px 7vw;display:grid;grid-template-columns:70px minmax(0,1100px);gap:28px;background:#dff7eb;border-top:1px solid var(--line);scroll-margin-top:72px}.audio-interface-section h2,.mao-connections-section h2,.audio-interface-teaser h2{font-size:clamp(40px,5.5vw,68px);line-height:1;letter-spacing:-.055em;margin:8px 0 20px}.interface-lead{max-width:850px;font-size:18px;color:var(--muted)}.interface-photo-map{position:relative;margin:32px 0 10px}.interface-photo-map img{display:block;width:100%;border-radius:20px;box-shadow:0 20px 45px #15192525}.interface-photo-map figcaption{margin-top:8px;font:9px 'DM Mono';color:var(--muted)}.interface-marker{position:absolute;width:30px;height:30px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:var(--blue);color:#fff;font:700 12px 'DM Mono';box-shadow:0 5px 12px #0006}.marker-1{left:9%;top:50%}.marker-2{left:24%;top:49%}.marker-3{left:37%;top:48%}.marker-4{left:45%;top:58%}.marker-5{left:57%;top:58%}.marker-6{left:69%;top:55%}.marker-7{left:84%;top:55%}.interface-callouts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.interface-callouts article{padding:17px;background:#fff;border:1px solid var(--line);border-radius:12px}.interface-callouts span{float:right;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font:10px 'DM Mono'}.interface-callouts b{font-size:14px}.interface-callouts p{font-size:11px;color:var(--muted)}.built-in-vs-interface{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.built-in-vs-interface article{padding:23px;background:#fff;border-radius:14px}.built-in-vs-interface article:last-child{background:var(--ink);color:#fff}.built-in-vs-interface small{font:9px 'DM Mono';color:var(--blue)}.built-in-vs-interface article:last-child small{color:var(--mint)}.built-in-vs-interface h3{font-size:24px}.built-in-vs-interface li{margin:8px 0;font-size:13px;color:var(--muted)}.built-in-vs-interface article:last-child li{color:#bdc4d0}.audio-interface-teaser{padding:70px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:#fff0e9}.interface-mini-flow{display:flex;align-items:center;justify-content:center;gap:7px;padding:35px;background:var(--ink);border-radius:20px;color:#fff}.interface-mini-flow span,.interface-mini-flow strong,.interface-mini-flow b{padding:13px 10px;border-radius:8px;font:9px 'DM Mono'}.interface-mini-flow span{background:#303746}.interface-mini-flow strong{background:var(--purple)}.interface-mini-flow b{background:var(--mint);color:var(--ink)}.interface-mini-flow i{font-style:normal;color:var(--orange)}.audio-interface-teaser p{color:var(--muted)}.mao-connections-section{padding:95px 7vw;background:#fff}.mao-connections-section>header{max-width:850px}.mao-connections-section>header>p:last-child{font-size:18px;color:var(--muted)}.mao-signal-routes{display:grid;gap:7px;margin:28px 0 14px}.mao-signal-routes>div{display:flex;align-items:center;gap:8px;padding:12px;background:#eef1f7;border-radius:11px;overflow:auto}.mao-signal-routes span,.mao-signal-routes strong,.mao-signal-routes i{flex:0 0 auto;padding:9px 11px;border-radius:7px;font-size:11px}.mao-signal-routes span{background:#fff}.mao-signal-routes strong{background:var(--ink);color:var(--mint)}.mao-signal-routes i{font-style:normal;color:var(--blue)}.mao-connection-table{min-width:900px;display:grid;grid-template-columns:.9fr 1fr 1.3fr 1.5fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.mao-connection-table>*{padding:13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}.mao-connection-table>*:nth-child(4n){border-right:0}.mao-connection-head{background:var(--ink);color:var(--mint);font:9px 'DM Mono'}.mao-connection-table b{font:700 13px 'DM Mono';color:var(--blue)}.mao-connection-table span{color:var(--muted)}

@media(max-width:1000px){.edit-mode-section>header,.edit-mode-details,.audio-interface-teaser{grid-template-columns:1fr}.computer-anatomy{grid-template-columns:repeat(3,1fr)}.hardware-inside,.interface-callouts{grid-template-columns:1fr 1fr}.system-stack{grid-template-columns:1fr}.system-stack>i{writing-mode:horizontal-tb;text-align:center}.audio-interface-section{grid-template-columns:1fr}.keyboard-map{grid-template-columns:1fr 1fr}.key-family.alpha{grid-column:span 1}}
@media(max-width:700px){.edit-mode-section{padding:70px 20px}.edit-wave-flow{grid-template-columns:1fr}.edit-wave-flow>i{transform:rotate(90deg)}.edit-actions #reset-edits{margin-left:0}.optional-course-card{align-items:flex-start;flex-direction:column}.computer-basics-hero .computer-hero-visual{width:100%}.hero-monitor{height:230px}.hero-keyboard{margin-top:83px}.basics-section{grid-template-columns:1fr;padding:70px 20px}.computer-anatomy{grid-template-columns:1fr 1fr}.computer-part-detail{grid-template-columns:1fr}.computer-part-detail p{grid-column:1;grid-row:auto}.hardware-inside,.mouse-buttons-guide,.file-concepts,.interface-terms,.interface-callouts,.built-in-vs-interface,.keyboard-map{grid-template-columns:1fr}.practice-desktop{height:280px;padding:25px 10px;gap:8px}.mock-window-content{grid-template-columns:90px 1fr 10px}.mock-window-content>div{padding:22px 13px}.beginner-practices li{grid-template-columns:1fr;gap:4px}.audio-interface-section,.mao-connections-section,.audio-interface-teaser{padding:70px 20px}.interface-marker{width:23px;height:23px;border-width:2px;font-size:9px}.interface-mini-flow{align-items:stretch;flex-direction:column}.interface-mini-flow>*{text-align:center}.interface-mini-flow i{transform:rotate(90deg);align-self:center}.mao-signal-routes>div{align-items:stretch;flex-direction:column;overflow:visible}.mao-signal-routes>*{text-align:center}.audio-interface-teaser{gap:25px}}

/* Illustrations et clavier de la page d’initiation */
.computer-workstation-visual{width:min(100%,680px);margin:auto}.computer-workstation-visual svg{display:block;width:100%;overflow:visible}.hero-desk-line{fill:none;stroke:#151925;stroke-width:10;stroke-linecap:round}.hero-display>rect:first-child,.hero-tower rect:first-child{fill:#303746;stroke:#151925;stroke-width:8}.hero-display-screen{fill:#f7f5ef;stroke:#151925;stroke-width:4}.hero-window-bar{fill:#151925}.hero-display circle{fill:#ff7048}.hero-display circle:nth-of-type(2){fill:#ffd36e}.hero-display circle:nth-of-type(3){fill:#8be8bd}.hero-sidebar{fill:#e5e9f2}.hero-folder{fill:#765cdf}.hero-clip{fill:#2f6df6}.hero-clip.second{fill:#8be8bd}.hero-wave{fill:none;stroke:#fff;stroke-width:4;stroke-linejoin:round;stroke-linecap:round}.hero-cursor{fill:#151925;stroke:#fff;stroke-width:3;animation:heroCursor 3.2s ease-in-out infinite}.hero-stand{fill:#303746;stroke:#151925;stroke-width:7}.hero-tower circle:not(.hero-power){fill:#8be8bd;stroke:none}.hero-tower .hero-power{fill:#ff7048;stroke:#151925;stroke-width:5}.hero-tower path{fill:none;stroke:#9da6b7;stroke-width:4;stroke-linecap:round}.hero-keyboard-shape,.hero-mouse-shape{fill:#303746;stroke:#151925;stroke-width:6}.hero-key-lines,.hero-mouse-split{fill:none;stroke:#8b94a4;stroke-width:3;stroke-linecap:round}@keyframes heroCursor{0%,100%{transform:translate(0,0)}50%{transform:translate(-30px,-18px)}}
.computer-anatomy button{transition:transform .18s ease,border-color .18s ease,background .18s ease}.computer-anatomy button:hover{transform:translateY(-3px)}.part-icon{display:block;width:100%;height:82px;overflow:visible;fill:none;stroke:#151925;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.part-icon .part-accent{fill:#8be8bd;stroke:#2f6df6;stroke-width:4}.part-icon .part-accent-fill{fill:#8be8bd;stroke:#151925;stroke-width:4}.computer-anatomy button.selected .part-icon{filter:drop-shadow(0 5px 7px #2f6df633)}
.desktop-item{touch-action:none}.desktop-item.opened span{animation:fileOpen .42s ease both}@keyframes fileOpen{50%{transform:scale(1.12) rotate(-3deg)}100%{transform:scale(1)}}.desktop-item.moved{opacity:1;z-index:2;transition:left .25s ease,top .25s ease}.desktop-item.moved span{background:var(--blue)}.practice-folder.has-file span{box-shadow:0 0 0 4px var(--mint)}.practice-folder.has-file:after{content:"1 fichier";display:inline-block;margin-top:6px;padding:3px 6px;border-radius:100px;background:var(--mint);color:var(--ink);font:8px 'DM Mono'}
.azerty-keyboard-scroll{margin:38px 0 14px;padding:14px;overflow-x:auto;background:#151925;border-radius:20px;box-shadow:0 18px 40px #15192520}.azerty-keyboard{min-width:980px;padding:22px;background:#252b38;border:1px solid #ffffff18;border-radius:15px;color:#fff}.keyboard-zone{position:relative;padding:20px 8px 8px;border:2px solid;border-radius:10px}.keyboard-zone:before{content:attr(data-zone);position:absolute;top:-8px;left:12px;padding:2px 7px;background:#252b38;font:8px 'DM Mono';letter-spacing:.12em}.function-zone{display:grid;grid-template-columns:repeat(13,1fr);gap:5px;border-color:#2f6df6}.keyboard-lower{display:grid;grid-template-columns:6.3fr 1.45fr 1.8fr;gap:10px;margin-top:18px}.typing-zone{border-color:#8be8bd}.navigation-zone{display:grid;grid-template-columns:repeat(3,1fr);align-content:start;gap:5px;border-color:#ffd36e}.numpad-zone{display:grid;grid-template-columns:repeat(4,1fr);align-content:start;gap:5px;border-color:#765cdf}.key-row{display:flex;gap:5px;margin-bottom:5px}.azerty-keyboard kbd{min-width:35px;height:35px;display:grid;place-items:center;flex:1;padding:3px;border:1px solid #ffffff24;border-bottom-width:3px;border-radius:5px;background:#11151e;color:#fff;font:9px 'DM Mono';box-shadow:0 2px 0 #080a0f}.azerty-keyboard kbd small{display:block;font-size:7px;color:#9da6b7}.azerty-keyboard .wide-key{flex:1.7}.azerty-keyboard .tab-key{flex:1.4}.azerty-keyboard .caps-key{flex:1.65}.azerty-keyboard .shift-key{flex:2}.azerty-keyboard .space-key{flex:7}.modifier-key{outline:2px solid #c5b5ff;outline-offset:-3px}.edit-key{outline:2px solid #ff8f70;outline-offset:-3px}.navigation-zone kbd{outline:2px solid #ffd36e;outline-offset:-3px}.numpad-zone kbd{outline:2px solid #765cdf;outline-offset:-3px}.numpad-zone .zero-key{grid-column:span 2}.keyboard-legend{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 22px}.keyboard-legend span{padding:7px 10px;border:2px solid;border-radius:100px;background:#fff;font:9px 'DM Mono'}.legend-function{border-color:#2f6df6!important}.legend-alpha{border-color:#8be8bd!important}.legend-modifier{border-color:#c5b5ff!important}.legend-edit{border-color:#ff8f70!important}.legend-navigation{border-color:#ffd36e!important}.legend-numeric{border-color:#765cdf!important}.keyboard-note{padding:18px 20px!important;background:#fff;border:1px solid var(--line);border-left:5px solid #c5b5ff;border-radius:12px;color:var(--ink)!important}.keyboard-note kbd{padding:3px 6px;border-radius:4px;background:#eeeafc;font:10px 'DM Mono'}
@media(max-width:1000px){.computer-workstation-visual{max-width:560px}.keyboard-lower{grid-template-columns:6.3fr 1.45fr 1.8fr}}
@media(max-width:700px){.computer-workstation-visual{margin-top:20px}.computer-anatomy button{padding:11px 5px}.part-icon{height:68px}.azerty-keyboard-scroll{margin-left:-6px;margin-right:-6px;padding:8px}.keyboard-legend span{font-size:8px}}

/* Gain, sortie principale et latence */
.gain-main-difference{margin:26px 0;padding:28px;background:#151925;color:#fff;border-radius:18px}.gain-main-difference header{max-width:760px}.gain-main-difference h3{font-size:clamp(27px,3.2vw,42px);line-height:1.05;letter-spacing:-.035em;margin:7px 0 22px}.gain-main-flow{display:flex;align-items:center;gap:7px;padding:18px;background:#0e1119;border-radius:13px;overflow-x:auto}.gain-main-flow>*{flex:0 0 auto}.gain-main-flow span,.gain-main-flow strong{padding:11px 13px;border-radius:8px;font:10px 'DM Mono'}.gain-main-flow span{background:#303746}.gain-main-flow strong{color:#151925;text-align:center}.gain-main-flow strong small{font-size:7px}.gain-main-flow .input-control{background:#ff8f70}.gain-main-flow .output-control{background:#8be8bd}.gain-main-flow i{color:#ffd36e;font-style:normal}.gain-main-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.gain-main-cards article{padding:21px;background:#252b38;border:1px solid #ffffff18;border-radius:12px}.gain-main-cards small{font:8px 'DM Mono';color:#ff8f70}.gain-main-cards article:last-child small{color:#8be8bd}.gain-main-cards b{display:block;margin:8px 0;font-size:18px}.gain-main-cards p{margin-bottom:0;color:#b8bfcc;font-size:12px}.gain-main-difference .warning{margin:12px 0 0;background:#ffffff0b}.gain-main-difference .warning p{color:#c2c8d2}
.monitoring-intro{max-width:900px;font-size:18px;color:var(--muted)}.latency-definition{display:grid;grid-template-columns:auto auto auto auto auto;align-items:center;justify-content:start;gap:8px;margin:26px 0;padding:18px 20px;background:#fff0e9;border-left:5px solid var(--orange);border-radius:12px}.latency-definition span,.latency-definition b{padding:8px 11px;border-radius:7px;background:#fff;font:10px 'DM Mono'}.latency-definition b{background:var(--orange);color:#fff}.latency-definition i{font-style:normal;color:var(--orange)}.latency-definition p{grid-column:1/-1;margin:7px 0 0;color:var(--muted)}.monitoring-lab{padding:24px;background:#151925;color:#fff;border-radius:18px}.monitoring-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px}.monitoring-switch button{padding:12px;border:1px solid #ffffff24;border-radius:8px;background:#252b38;color:#fff;cursor:pointer}.monitoring-switch button.selected{background:var(--mint);color:var(--ink);border-color:var(--mint)}.monitoring-path{display:none;margin-top:15px;padding:18px;background:#0e1119;border:1px solid #ffffff15;border-radius:12px}.monitoring-path.selected{display:block}.monitoring-path>small{font:8px 'DM Mono';color:var(--mint)}.monitoring-path>div{display:flex;align-items:center;gap:7px;margin:13px 0;overflow-x:auto}.monitoring-path>div>*{flex:0 0 auto}.monitoring-path span,.monitoring-path strong{padding:10px 12px;border-radius:7px;font-size:10px}.monitoring-path span{background:#303746}.monitoring-path strong{background:#765cdf}.monitoring-path i{font-style:normal;color:#ff8f70}.monitoring-path p{margin-bottom:0;color:#b8bfcc;font-size:12px}.latency-control{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:12px}.latency-control>label,.latency-control>div{padding:18px;background:#252b38;border-radius:12px}.latency-control label{font-size:11px}.latency-control output{float:right;color:var(--mint);font:10px 'DM Mono'}.latency-control input{display:block;width:100%;margin-top:14px;accent-color:var(--mint)}.latency-control small{display:block;font:8px 'DM Mono';color:#9da6b7}.latency-control strong{display:block;margin-top:5px;font-size:26px;color:var(--mint)}.latency-control p{margin:4px 0 0;color:#b8bfcc;font-size:11px}.latency-estimate-note{margin:12px 2px 0;color:#8f98a8;font-size:10px}.monitoring-choice-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 24px}.monitoring-choice-cards article{padding:21px;background:#fff;border:1px solid var(--line);border-radius:12px}.monitoring-choice-cards small{font:8px 'DM Mono';color:var(--blue)}.monitoring-choice-cards h3{margin:8px 0;font-size:22px}.monitoring-choice-cards p{font-size:12px;color:var(--muted)}
@media(max-width:700px){.gain-main-cards,.latency-control,.monitoring-choice-cards{grid-template-columns:1fr}.gain-main-difference{padding:21px 15px}.gain-main-flow{align-items:stretch;flex-direction:column;text-align:center}.gain-main-flow i{transform:rotate(90deg)}.latency-definition{grid-template-columns:auto auto auto auto auto;padding:15px 12px}.latency-definition span,.latency-definition b{padding:7px 6px;font-size:8px}.monitoring-lab{padding:17px 12px}.monitoring-switch{grid-template-columns:1fr}.monitoring-path>div{align-items:stretch;flex-direction:column;text-align:center;overflow:visible}.monitoring-path i{transform:rotate(90deg)}}

/* Cours détaillés sur les plugins */
.plugin-course-links{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:30px 0}.plugin-course-links>a{min-width:0;padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px;text-decoration:none;transition:transform .2s,box-shadow .2s}.plugin-course-links>a:hover{transform:translateY(-4px);box-shadow:0 16px 35px #15192518}.plugin-course-links small{font:8px 'DM Mono';color:var(--blue)}.plugin-course-links h3{font-size:25px;margin:9px 0 5px}.plugin-course-links p{font-size:12px;color:var(--muted);min-height:55px}.plugin-course-links b{font-size:12px}.plugin-course-icon{height:100px;display:block;margin:-8px -8px 18px;position:relative;overflow:hidden;background:#151925;border-radius:11px}.plugin-course-icon:before,.plugin-course-icon:after,.plugin-course-icon i{content:"";position:absolute;display:block}.eq-icon:before{left:8%;right:8%;top:50%;height:3px;background:#ffffff22}.eq-icon i{left:8%;right:8%;top:20%;height:64%;background:var(--mint);clip-path:polygon(0 53%,10% 53%,21% 48%,31% 29%,39% 10%,46% 26%,54% 69%,63% 83%,72% 64%,82% 54%,100% 53%,100% 58%,82% 59%,72% 71%,63% 91%,54% 77%,46% 34%,39% 18%,31% 37%,21% 56%,10% 59%,0 59%)}.dynamics-icon:before{left:12%;bottom:18%;width:72%;height:65%;border-left:2px solid #ffffff35;border-bottom:2px solid #ffffff35}.dynamics-icon i{left:17%;bottom:23%;width:65%;height:56%;background:var(--orange);clip-path:polygon(0 100%,45% 55%,100% 22%,100% 28%,45% 68%,0 100%)}.delay-icon i{bottom:20%;width:7px;border-radius:5px 5px 0 0;background:var(--mint)}.delay-icon i:nth-child(1){left:22%;height:60%}.delay-icon i:nth-child(2){left:50%;height:40%;opacity:.7}.delay-icon i:nth-child(3){left:75%;height:25%;opacity:.45}.reverb-icon:before{left:12%;bottom:18%;width:5px;height:66%;background:var(--orange);border-radius:5px}.reverb-icon:after{left:26%;right:10%;bottom:18%;height:58%;background:linear-gradient(90deg,#8be8bdcc,#765cdf10);clip-path:polygon(0 36%,8% 5%,12% 72%,18% 18%,23% 83%,29% 27%,34% 90%,41% 38%,47% 92%,54% 49%,62% 94%,72% 62%,84% 96%,100% 82%,100% 100%,0 100%)}
.plugin-detail-page{padding-top:72px}.plugin-detail-hero{min-height:560px;padding:95px 7vw 75px;display:grid;grid-template-columns:1fr .85fr;gap:7vw;align-items:center}.eq-page .plugin-detail-hero{background:#dff7eb}.dynamics-page .plugin-detail-hero{background:#fff0e9}.delay-page .plugin-detail-hero{background:#e8e2ff}.plugin-detail-hero h1{font-size:clamp(58px,8vw,112px);line-height:.92;letter-spacing:-.075em;margin:14px 0 28px}.plugin-back{display:inline-block;margin-bottom:45px;font-size:12px;font-weight:800;text-decoration:none}.plugin-back:hover{color:var(--blue)}.plugin-hero-curve{height:360px;position:relative;overflow:hidden;background:#151925;border-radius:25px;box-shadow:0 28px 65px #15192525}.plugin-hero-curve span,.plugin-hero-curve small{position:absolute;color:#919aaa;font:8px 'DM Mono'}.eq-hero-curve span:first-child{top:14px;left:15px}.eq-hero-curve span:nth-of-type(2){bottom:15px;left:15px}.eq-hero-curve small:nth-of-type(1){bottom:12px;left:48px}.eq-hero-curve small:nth-of-type(2){bottom:12px;right:15px}.eq-hero-curve:before{content:"";position:absolute;inset:35px 20px;background:linear-gradient(#ffffff10 1px,transparent 1px),linear-gradient(90deg,#ffffff10 1px,transparent 1px);background-size:16.66% 25%}.eq-hero-curve i{position:absolute;left:8%;right:8%;top:18%;height:65%;background:var(--mint);clip-path:polygon(0 51%,18% 50%,30% 47%,38% 33%,45% 10%,51% 25%,59% 67%,66% 87%,73% 69%,81% 54%,100% 51%,100% 54%,81% 57%,73% 76%,66% 95%,59% 74%,51% 32%,45% 17%,38% 40%,30% 53%,18% 55%,0 55%)}.eq-hero-curve b{position:absolute;left:51%;top:37%;width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:var(--blue)}.dynamics-hero-curve:before{content:"";position:absolute;left:14%;bottom:14%;width:72%;height:72%;border-left:3px solid #ffffff35;border-bottom:3px solid #ffffff35}.dynamics-hero-curve i{position:absolute;left:14%;bottom:14%;width:72%;height:72%;background:#ffffff28;clip-path:polygon(0 100%,100% 0,100% 3%,0 100%)}.dynamics-hero-curve b{position:absolute;left:14%;bottom:14%;width:72%;height:72%;background:var(--orange);clip-path:polygon(0 100%,45% 55%,100% 27%,100% 31%,45% 61%,0 100%)}.dynamics-hero-curve em{position:absolute;left:46%;bottom:45%;width:17px;height:17px;border-radius:50%;background:var(--mint);border:3px solid #fff}.dynamics-hero-curve span{left:7%;top:11%;writing-mode:vertical-rl}.dynamics-hero-curve small{right:10%;bottom:7%}.delay-hero-curve:before{content:"";position:absolute;left:8%;right:8%;bottom:20%;height:2px;background:#ffffff28}.delay-hero-curve i{position:absolute;bottom:20%;width:9px;border-radius:6px 6px 0 0;background:var(--purple)}.delay-hero-curve i:nth-child(1){left:18%;height:62%;background:var(--orange)}.delay-hero-curve i:nth-child(2){left:40%;height:45%}.delay-hero-curve i:nth-child(3){left:62%;height:30%;opacity:.75}.delay-hero-curve i:nth-child(4){left:82%;height:18%;opacity:.5}.delay-hero-curve span{right:12%;bottom:10%}
.plugin-sibling-nav{position:sticky;z-index:15;top:72px;display:flex;justify-content:center;gap:8px;padding:12px 7vw;background:#151925;border-block:1px solid #ffffff18}.plugin-sibling-nav a{padding:8px 15px;border:1px solid #ffffff24;border-radius:100px;color:#fff;text-decoration:none;font-size:11px}.plugin-sibling-nav a.active,.plugin-sibling-nav a:hover{background:var(--mint);border-color:var(--mint);color:var(--ink)}
.plugin-lesson{padding:95px 8vw;display:grid;grid-template-columns:70px minmax(0,1050px);gap:28px;border-top:1px solid var(--line);scroll-margin-top:120px}.plugin-lesson:nth-of-type(even){background:#fff}.plugin-lesson h2{font-size:clamp(40px,5vw,68px);line-height:1;letter-spacing:-.055em;margin:8px 0 24px}.plugin-lesson>div>p{max-width:900px;font-size:18px;color:var(--muted)}.plugin-signal-flow,.delay-routing>div{display:flex;align-items:center;gap:8px;padding:14px;background:#eef1f7;border-radius:13px;overflow:auto}.plugin-signal-flow>*{flex:0 0 auto}.plugin-signal-flow span,.plugin-signal-flow strong,.delay-routing span,.delay-routing strong{padding:10px 12px;border-radius:7px;font-size:10px}.plugin-signal-flow span,.delay-routing span{background:#fff}.plugin-signal-flow strong,.delay-routing strong{background:var(--ink);color:var(--mint)}.plugin-signal-flow i,.delay-routing i{font-style:normal;color:var(--blue)}.concept-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.concept-pair article{padding:22px;background:#fff;border:1px solid var(--line);border-radius:14px}.plugin-lesson:nth-of-type(even) .concept-pair article{background:var(--paper)}.concept-pair small,.processor-family-grid small,.delay-family-grid small{font:8px 'DM Mono';color:var(--blue)}.concept-pair h3{font-size:23px;margin:8px 0}.concept-pair p{font-size:13px;color:var(--muted)}
.plugin-tool-section{padding:95px 7vw;background:#151925;color:#fff;scroll-margin-top:120px}.plugin-tool-section>header{max-width:1200px;display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:end;margin-bottom:30px}.plugin-tool-section h2{font-size:clamp(42px,6vw,76px);line-height:.96;letter-spacing:-.06em;margin:8px 0}.plugin-tool-section>header>p{font-size:17px;color:#b9c0ce}.plugin-tool-shell{max-width:1300px;display:grid;grid-template-columns:1.5fr .5fr;gap:15px;padding:18px;background:#252b38;border:1px solid #ffffff18;border-radius:22px}.plugin-canvas-panel{min-width:0;position:relative;padding-top:28px;background:#10141d;border-radius:13px;overflow:hidden}.plugin-canvas-panel>span{position:absolute;z-index:2;top:11px;left:13px;color:#8f98aa;font:8px 'DM Mono';letter-spacing:.1em}.plugin-canvas-panel canvas{display:block;width:100%;height:430px}.plugin-controls{padding:7px}.plugin-controls>label{display:block;margin:5px 0 20px;font-size:11px;color:#c0c7d2}.plugin-controls output{float:right;color:var(--mint);font-family:'DM Mono'}.plugin-controls input[type=range],.plugin-controls select{display:block;width:100%;margin-top:8px}.plugin-controls input[type=range]{accent-color:var(--mint)}.plugin-controls select{padding:9px;background:#10141d;color:#fff;border:1px solid #ffffff22;border-radius:7px}.plugin-controls .control-disabled{opacity:.38}.plugin-readouts{display:grid;gap:6px}.plugin-readouts p{margin:0;padding:11px 13px;background:#10141d;border-radius:8px}.plugin-readouts small,.plugin-readouts strong{display:block}.plugin-readouts small{font:7px 'DM Mono';color:#8e98a9}.plugin-readouts strong{font-size:15px;color:var(--mint)}.plugin-readouts .danger{color:var(--orange)}.plugin-tool-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}.plugin-tool-buttons button,.plugin-listen-button,.delay-mode-switch button{padding:10px;border:1px solid #ffffff22;border-radius:7px;background:#10141d;color:#fff;cursor:pointer}.plugin-tool-buttons button:last-child,.plugin-listen-button{background:var(--blue);font-weight:800}.plugin-tool-buttons .selected{background:var(--orange);color:var(--ink)}.plugin-presets{max-width:1300px;display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.plugin-presets button{padding:9px 12px;border:1px solid #ffffff22;border-radius:8px;background:#252b38;color:#fff;cursor:pointer;font-size:10px}.plugin-presets button:hover{background:var(--mint);color:var(--ink)}.plugin-tool-section>.measurement-note{max-width:1300px;margin-top:13px;background:#ffffff0a;border-color:var(--purple)}.plugin-tool-section>.measurement-note p{color:#b8bfcc!important}.eq-axis-note{position:absolute;left:35px;right:18px;bottom:10px;display:flex;justify-content:space-between;color:#8f98aa;font:8px 'DM Mono'}
.filter-family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.filter-family-grid article,.parameter-grid article,.processor-family-grid article,.delay-family-grid article{padding:20px;background:#fff;border:1px solid var(--line);border-radius:13px}.plugin-lesson:nth-of-type(even) .filter-family-grid article,.plugin-lesson:nth-of-type(even) .parameter-grid article{background:var(--paper)}.filter-family-grid h3{font-size:20px;margin:13px 0 5px}.filter-family-grid p,.parameter-grid p,.processor-family-grid p,.delay-family-grid p{font-size:12px;color:var(--muted)}.filter-sketch{height:80px;display:block;position:relative;overflow:hidden;background:#151925;border-radius:9px}.filter-sketch:before{content:"";position:absolute;inset:12px;background:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:25% 50%}.filter-sketch:after{content:"";position:absolute;inset:15px;background:var(--mint)}.filter-sketch.highpass:after{clip-path:polygon(0 88%,30% 88%,48% 48%,60% 17%,100% 17%,100% 23%,63% 23%,52% 55%,35% 94%,0 94%)}.filter-sketch.lowpass:after{clip-path:polygon(0 17%,40% 17%,53% 48%,70% 88%,100% 88%,100% 94%,66% 94%,47% 55%,37% 23%,0 23%)}.filter-sketch.bell:after{clip-path:polygon(0 70%,24% 69%,39% 54%,48% 18%,55% 18%,64% 54%,78% 69%,100% 70%,100% 76%,77% 75%,60% 60%,53% 27%,50% 27%,43% 60%,25% 75%,0 76%)}.filter-sketch.notch:after{clip-path:polygon(0 25%,43% 25%,48% 76%,53% 76%,58% 25%,100% 25%,100% 31%,63% 31%,57% 84%,44% 84%,38% 31%,0 31%)}.filter-sketch.lowshelf:after{clip-path:polygon(0 65%,38% 65%,52% 25%,100% 25%,100% 31%,57% 31%,43% 71%,0 71%)}.filter-sketch.highshelf:after{clip-path:polygon(0 25%,48% 25%,62% 65%,100% 65%,100% 71%,57% 71%,43% 31%,0 31%)}.parameter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.parameter-grid b{font-size:16px}.plugin-method{list-style:none;margin:28px 0;padding:0}.plugin-method li{display:grid;grid-template-columns:50px 1fr;gap:15px;padding:18px 0;border-top:1px solid var(--line)}.plugin-method li>span{font:22px 'DM Mono';color:var(--blue)}.plugin-method b{font-size:18px}.plugin-method p{margin:4px 0;color:var(--muted)}.plugin-next{display:flex;justify-content:space-between;gap:12px;margin-top:30px}.plugin-next a{padding:12px 16px;border:1px solid var(--ink);border-radius:100px;text-decoration:none;font-weight:800}.plugin-next a:last-child{background:var(--ink);color:#fff}
.dynamics-tool-shell{grid-template-columns:1.35fr .65fr}.dynamics-canvases{min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.dynamics-canvases .plugin-canvas-panel canvas{height:470px}.dynamics-parameter-grid{grid-template-columns:repeat(4,1fr)}.processor-family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.processor-family-grid h3,.delay-family-grid h3{font-size:21px;margin:8px 0}.processor-family-grid article:last-child{grid-column:2}.dynamics-page .concept-pair article:first-child{border-top:5px solid var(--orange)}.dynamics-page .concept-pair article:last-child{border-top:5px solid var(--purple)}
.delay-routing{display:grid;gap:7px;margin:28px 0 14px}.delay-routing>div>*{flex:0 0 auto}.delay-tool-shell{grid-template-columns:1.4fr .6fr}.delay-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:20px}.delay-mode-switch button.selected{background:var(--purple)}.plugin-check{display:flex!important;align-items:center;gap:8px;padding:11px;background:#10141d;border-radius:8px}.plugin-check input{width:auto!important;margin:0!important;accent-color:var(--mint)}.plugin-check.control-disabled{opacity:.45}.delay-legend{position:absolute;left:16px;bottom:12px;display:flex;gap:13px;color:#8f98aa;font:8px 'DM Mono'}.delay-legend span:before{content:"";display:inline-block;width:14px;height:3px;margin-right:5px;vertical-align:middle;background:var(--orange)}.delay-legend .wet:before{background:var(--mint)}.delay-legend .left-right:before{background:var(--purple)}.plugin-listen-button{width:100%;margin-top:12px}.tempo-formula{display:flex;align-items:center;gap:8px;margin-top:25px;padding:17px;background:#151925;color:#fff;border-radius:12px;overflow:auto}.tempo-formula>*{flex:0 0 auto}.tempo-formula small{color:var(--mint);font:8px 'DM Mono'}.tempo-formula span{padding:8px 10px;background:#252b38;border-radius:7px;font-size:11px}.tempo-formula i{font-style:normal;color:var(--orange)}.delay-family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.delay-family-grid article:nth-child(4),.delay-family-grid article:nth-child(5){grid-column:auto}
@media(max-width:1050px){.plugin-course-links{grid-template-columns:1fr}.plugin-course-links p{min-height:0}.plugin-detail-hero{grid-template-columns:1fr}.plugin-hero-curve{height:330px}.plugin-tool-section>header,.plugin-tool-shell,.dynamics-tool-shell,.delay-tool-shell{grid-template-columns:1fr}.filter-family-grid,.parameter-grid,.dynamics-parameter-grid,.processor-family-grid,.delay-family-grid{grid-template-columns:1fr 1fr}.processor-family-grid article:last-child{grid-column:auto}}
@media(max-width:700px){.plugin-detail-hero{min-height:auto;padding:75px 20px 55px}.plugin-detail-hero h1{font-size:60px}.plugin-back{margin-bottom:25px}.plugin-hero-curve{height:260px}.plugin-sibling-nav{justify-content:flex-start;overflow:auto}.plugin-sibling-nav a{flex:0 0 auto}.plugin-lesson{grid-template-columns:1fr;padding:70px 20px}.plugin-tool-section{padding:70px 12px}.plugin-tool-section>header{grid-template-columns:1fr;gap:8px;padding:0 8px}.plugin-tool-shell{padding:10px}.plugin-canvas-panel canvas{height:340px}.concept-pair,.filter-family-grid,.parameter-grid,.dynamics-parameter-grid,.processor-family-grid,.delay-family-grid,.dynamics-canvases{grid-template-columns:1fr}.dynamics-canvases .plugin-canvas-panel canvas{height:350px}.plugin-signal-flow,.delay-routing>div{align-items:stretch;flex-direction:column;overflow:visible;text-align:center}.plugin-signal-flow i,.delay-routing i{transform:rotate(90deg)}.plugin-next{align-items:stretch;flex-direction:column}.plugin-next a{text-align:center}.tempo-formula{align-items:stretch;flex-direction:column;text-align:center}.tempo-formula i{transform:rotate(90deg)}}

/* Choisir une formule en dB et identifier la référence */
.db-choice-key{margin:30px 0;padding:22px;background:#151925;color:#fff;border-radius:18px}.db-choice-key header small{font:8px 'DM Mono';color:var(--mint)}.db-choice-key h3{font-size:28px;margin:7px 0 18px}.db-key-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.db-key-options article{padding:18px;background:#252b38;border:1px solid #ffffff16;border-radius:11px}.db-key-options span,.db-key-options strong,.db-key-options b{display:block}.db-key-options span{font:8px 'DM Mono';color:#9da6b7}.db-key-options strong{margin:7px 0;font-size:15px}.db-key-options p{font-size:12px!important;color:#bec4cf!important}.db-key-options b{margin-top:10px;color:var(--mint)}.db-key-options article:last-child b{color:#ff9a7e}.db-square-proof{display:flex;align-items:center;gap:9px;margin-top:9px;padding:14px;background:#10141d;border-left:4px solid var(--purple);border-radius:8px;overflow:auto}.db-square-proof>*{flex:0 0 auto}.db-square-proof span{font:10px 'DM Mono';color:var(--mint)}.db-square-proof i{font-style:normal;color:#9da6b7}.db-square-proof strong{font:12px 'DM Mono'}
.db-unit-decoder{margin:24px 0 12px;padding:17px;background:#151925;color:#fff;border-radius:17px}.db-unit-buttons{display:flex;flex-wrap:wrap;gap:6px}.db-unit-buttons button{padding:9px 12px;border:1px solid #ffffff23;border-radius:100px;background:#252b38;color:#fff;cursor:pointer;font:10px 'DM Mono'}.db-unit-buttons button.selected{background:var(--mint);border-color:var(--mint);color:var(--ink)}.db-unit-display{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.db-unit-display p{margin:0;padding:14px;background:#10141d;border-radius:9px}.db-unit-display small,.db-unit-display strong{display:block}.db-unit-display small{font:7px 'DM Mono';color:#8f98aa}.db-unit-display strong{margin-top:5px;font-size:13px;color:#fff}.db-unit-display p:first-child strong{color:var(--mint)}.db-reference-scroll{overflow:auto;margin:12px 0 30px}.db-reference-table{min-width:700px;display:grid;grid-template-columns:.55fr 1fr 1.3fr .6fr;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}.db-reference-table>*{padding:11px 13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px}.db-reference-table>*:nth-child(4n){border-right:0}.db-reference-head{background:#151925;color:var(--mint);font:8px 'DM Mono'}.db-reference-table b{font:700 12px 'DM Mono';color:var(--blue)}.db-reference-table span{color:var(--muted)}
.dbfs-focus{margin:26px 0;padding:24px;background:#e8e2ff;border-radius:18px}.dbfs-focus h3{font-size:34px;margin:6px 0 16px}.dbfs-main-answer{padding:18px;background:#fff;border-left:5px solid var(--blue);border-radius:10px}.dbfs-main-answer strong{display:block;font-size:17px}.dbfs-main-answer p{font-size:13px!important;margin:7px 0 0!important;color:var(--muted)!important}.dbfs-scale{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:6px;margin:17px 0;padding:14px;background:#151925;color:#fff;border-radius:10px;font:8px 'DM Mono'}.dbfs-scale i{height:9px;border-radius:9px;background:linear-gradient(90deg,#465066,var(--mint))}.dbfs-scale strong{color:var(--orange)}.dbfs-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dbfs-facts article{padding:17px;background:#fff;border:1px solid #ffffff55;border-radius:11px}.dbfs-facts b{font-size:13px}.dbfs-facts p{font-size:11px!important;color:var(--muted)!important}.dbfs-to-room{display:flex;align-items:center;gap:6px;margin-top:12px;padding:14px;background:#fff;border-radius:11px;overflow:auto}.dbfs-to-room>*{flex:0 0 auto}.dbfs-to-room span{padding:9px 10px;background:#eef1f7;border-radius:7px;font-size:10px}.dbfs-to-room span b{color:var(--blue)}.dbfs-to-room i{font:8px 'DM Mono';font-style:normal;color:var(--purple)}.dbfs-focus .measurement-note{background:#ffffff9e;margin-bottom:0}
@media(max-width:700px){.db-key-options,.db-unit-display,.dbfs-facts{grid-template-columns:1fr}.db-square-proof,.dbfs-to-room{align-items:stretch;flex-direction:column;text-align:center}.db-square-proof i,.dbfs-to-room i{transform:rotate(90deg);align-self:center}.dbfs-focus{padding:18px 12px}.dbfs-scale{display:flex;overflow:auto}.dbfs-scale i{flex:0 0 45px}.dbfs-scale span,.dbfs-scale strong{flex:0 0 auto}}
.plugin-tool-section>.measurement-note a{color:var(--mint);font-weight:800}
.db-lab-key{max-width:1300px;margin:12px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px;background:#202533;border:1px solid #ffffff18;border-radius:14px}.db-lab-key article{padding:14px;background:#11151e;border-radius:9px}.db-lab-key small,.db-lab-key b,.db-lab-key span{display:block}.db-lab-key small{font:8px 'DM Mono';color:#8f98aa}.db-lab-key b{margin:5px 0;font-size:13px}.db-lab-key span{font:10px 'DM Mono';color:var(--mint)}.db-lab-key p{grid-column:1/-1;margin:3px 2px;color:#bcc3cf;font-size:12px}@media(max-width:700px){.db-lab-key{grid-template-columns:1fr}.db-lab-key p{grid-column:1}}
.course-index .course-subindex{padding-left:1.2rem;font-size:12px;color:var(--blue)}

/* Réverbération */
.reverb-hero-curve:before{content:"";position:absolute;left:8%;right:8%;bottom:18%;height:2px;background:#ffffff28}.reverb-hero-curve>span{left:9%;bottom:9%}.reverb-hero-curve>i{position:absolute;bottom:18%;width:5px;border-radius:5px 5px 0 0;background:var(--mint)}.reverb-hero-curve>i:nth-of-type(1){left:17%;height:70%;background:var(--orange)}.reverb-hero-curve>i:nth-of-type(2){left:33%;height:46%}.reverb-hero-curve>i:nth-of-type(3){left:40%;height:34%}.reverb-hero-curve>i:nth-of-type(4){left:47%;height:26%}.reverb-hero-curve>b{position:absolute;left:45%;right:9%;bottom:18%;height:46%;background:linear-gradient(90deg,#765cdfb8,#765cdf12);clip-path:polygon(0 35%,7% 8%,12% 72%,18% 21%,25% 81%,33% 39%,42% 88%,53% 51%,65% 93%,79% 70%,100% 96%,100% 100%,0 100%);font:8px 'DM Mono';color:#fff}.reverb-anatomy{display:flex;align-items:stretch;gap:7px;margin:28px 0}.reverb-anatomy>*{flex:0 0 auto}.reverb-anatomy>i{align-self:center;color:var(--blue);font-style:normal}.reverb-phase{width:22%;padding:16px;background:#eef1f7;border-top:5px solid;border-radius:11px}.reverb-phase small,.reverb-phase b{display:block}.reverb-phase small{font:7px 'DM Mono';color:var(--blue)}.reverb-phase b{margin:7px 0;font-size:14px}.reverb-phase p{margin:0;font-size:11px;color:var(--muted)}.reverb-phase.direct{border-color:var(--orange)}.reverb-phase.predelay{border-color:#ffd36e}.reverb-phase.early{border-color:var(--mint)}.reverb-phase.tail{border-color:var(--purple)}.reverb-tool-shell{grid-template-columns:1.35fr .65fr}.reverb-legend{position:absolute;left:16px;bottom:12px;display:flex;flex-wrap:wrap;gap:13px;color:#8f98aa;font:8px 'DM Mono'}.reverb-legend span:before{content:"";display:inline-block;width:14px;height:3px;margin-right:5px;vertical-align:middle;background:var(--orange)}.reverb-legend .reverb-early:before{background:var(--mint)}.reverb-legend .reverb-tail:before{background:var(--purple)}.reverb-parameter-grid{grid-template-columns:repeat(4,1fr)}.reverb-family-grid{grid-template-columns:repeat(3,1fr)}.reverb-routing-note{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px}.reverb-routing-note article{padding:20px;background:#151925;color:#fff;border-radius:12px}.reverb-routing-note small,.reverb-routing-note b{display:block}.reverb-routing-note small{font:8px 'DM Mono';color:var(--mint)}.reverb-routing-note b{margin:7px 0;font-size:16px}.reverb-routing-note p{margin:0;color:#bbc2cf;font-size:12px}

/* Panoramique mono et balance stéréo */
.pan-balance-guide{margin:28px 0;padding:28px;background:#151925;color:#fff;border-radius:19px}.pan-balance-guide>header{max-width:850px}.pan-balance-guide>header h3{font-size:clamp(30px,4vw,48px);line-height:1.04;letter-spacing:-.04em;margin:8px 0 14px}.pan-balance-guide>header>p:last-child{color:#bac1cd}.pan-balance-concepts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:23px 0 12px}.pan-balance-concepts article{padding:21px;background:#252b38;border:1px solid #ffffff15;border-radius:12px}.pan-balance-concepts small{font:8px 'DM Mono';color:var(--mint)}.pan-balance-concepts article:last-child small{color:#ff9a7e}.pan-balance-concepts h4{font-size:19px;margin:8px 0}.pan-balance-concepts p{margin:0;color:#bec5d0;font-size:12px}.pan-balance-tool{display:grid;grid-template-columns:.55fr 1.45fr;gap:12px;margin:12px 0;padding:18px;background:#0e1119;border-radius:15px}.spatial-mode-switch{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:6px}.spatial-mode-switch button{padding:11px;border:1px solid #ffffff22;border-radius:8px;background:#252b38;color:#fff;cursor:pointer}.spatial-mode-switch button.selected{background:var(--mint);border-color:var(--mint);color:var(--ink)}.spatial-source-view{grid-row:2/4;display:grid;place-items:center;align-content:center;min-height:190px;padding:20px;background:#252b38;border-radius:11px;text-align:center}.spatial-source-view>small{font:8px 'DM Mono';color:#9ba4b3}.spatial-source-view>strong{display:grid;place-items:center;width:64px;height:64px;margin:10px;border-radius:50%;background:var(--purple);font:21px 'DM Mono'}.spatial-source-view>span:last-child,.spatial-source-view>b{font-size:10px;color:#b9c1cd}.balance-source-view{display:none}.balance-source-view>span{display:flex;gap:7px;margin:11px}.balance-source-view>span strong{display:grid;place-items:center;width:58px;height:64px;border-radius:8px;background:var(--blue);font:18px 'DM Mono'}.pan-balance-tool[data-spatial-mode="balance"] .pan-source-view{display:none}.pan-balance-tool[data-spatial-mode="balance"] .balance-source-view{display:grid}.spatial-position-label{padding:17px;background:#252b38;border-radius:11px;font-size:11px}.spatial-position-label output{float:right;color:var(--mint);font:10px 'DM Mono'}.spatial-position-label input{display:block;width:100%;margin-top:16px;accent-color:var(--mint)}.spatial-output-meters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.spatial-output-meters article{padding:14px;background:#252b38;border-radius:10px}.spatial-output-meters header{display:flex;justify-content:space-between;gap:8px;font-size:10px}.spatial-output-meters output{color:var(--mint);font:9px 'DM Mono'}.spatial-output-meters article>div{height:13px;margin-top:10px;background:#10141d;border-radius:100px;overflow:hidden}.spatial-output-meters i{display:block;width:70.7%;height:100%;background:linear-gradient(90deg,var(--blue),var(--mint));border-radius:inherit;transition:width .12s}.spatial-output-meters article:last-child i{background:linear-gradient(90deg,var(--purple),#ff9a7e)}.spatial-explanation{grid-column:1/-1;margin:0;padding:14px 17px;border-left:4px solid var(--orange);background:#252b38;color:#c4cad4;font-size:12px}.pan-balance-table{display:grid;grid-template-columns:.55fr 1fr 1.4fr 1.25fr;margin:12px 0;border:1px solid #ffffff17;border-radius:12px;overflow:hidden}.pan-balance-table>*{padding:12px;border-right:1px solid #ffffff14;border-bottom:1px solid #ffffff14;font-size:11px}.pan-balance-table>*:nth-child(4n){border-right:0}.pan-balance-head{background:#0e1119;color:var(--mint);font:8px 'DM Mono'}.pan-balance-table b{color:#fff}.pan-balance-table span{color:#b7bfcc}.pan-balance-guide>.measurement-note,.pan-balance-guide>.warning{background:#ffffff0a;margin:10px 0 0}.pan-balance-guide>.measurement-note p,.pan-balance-guide>.warning p{color:#c1c7d2!important}

@media(max-width:1050px){.reverb-anatomy{display:grid;grid-template-columns:1fr 1fr}.reverb-anatomy>i{display:none}.reverb-phase{width:auto}.reverb-tool-shell{grid-template-columns:1fr}.reverb-parameter-grid{grid-template-columns:1fr 1fr}.plugin-course-links{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.reverb-anatomy,.reverb-parameter-grid,.reverb-family-grid,.reverb-routing-note,.pan-balance-concepts,.pan-balance-tool,.spatial-output-meters{grid-template-columns:1fr}.plugin-course-links{grid-template-columns:1fr}.pan-balance-guide{padding:22px 14px}.spatial-mode-switch{grid-template-columns:1fr}.spatial-source-view{grid-row:auto;min-height:145px}.pan-balance-table{min-width:0;grid-template-columns:100px 160px 230px 210px;overflow-x:auto}.pan-balance-guide>.measurement-note,.pan-balance-guide>.warning{margin-left:0;margin-right:0}.reverb-legend{right:10px}}
.stereo-pan-variants{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.stereo-pan-variants article{padding:17px;background:#252b38;border-radius:10px}.stereo-pan-variants small,.stereo-pan-variants b{display:block}.stereo-pan-variants small{font:8px 'DM Mono';color:var(--mint)}.stereo-pan-variants b{margin:6px 0;font-size:13px}.stereo-pan-variants p{margin:0;color:#b9c1cd;font-size:11px}
@media(max-width:1050px){.stereo-pan-variants{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.stereo-pan-variants{grid-template-columns:1fr}}
.mono-stereo-section,#pan-balance{scroll-margin-top:95px}

/* Égaliseur graphique et onglets EQ */
.eq-view-tabs{max-width:1300px;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 14px;padding:7px;background:#252b38;border-radius:12px}.eq-view-tabs button{padding:13px;border:1px solid #ffffff1d;border-radius:8px;background:#10141d;color:#fff;cursor:pointer;font-weight:800}.eq-view-tabs button.selected{background:var(--mint);border-color:var(--mint);color:var(--ink)}.eq-view-panel{max-width:1300px}.frequency-mixer-metaphor{display:grid;grid-template-columns:.72fr 1.28fr;gap:30px;align-items:center;margin-bottom:12px;padding:18px 21px;background:#ffffff0a;border-left:5px solid var(--orange);border-radius:10px}.frequency-mixer-metaphor small,.frequency-mixer-metaphor b{display:block}.frequency-mixer-metaphor small{font:8px 'DM Mono';color:var(--mint)}.frequency-mixer-metaphor b{margin-top:5px;font-size:20px}.frequency-mixer-metaphor p{margin:0;color:#bdc4d0;font-size:12px}.graphic-eq-shell{display:grid;grid-template-columns:1.08fr .92fr;gap:12px;padding:16px;background:#252b38;border:1px solid #ffffff18;border-radius:20px}.graphic-eq-screen{min-width:0;position:relative;padding-top:29px;background:#10141d;border-radius:12px;overflow:hidden}.graphic-eq-screen>span{position:absolute;z-index:2;top:11px;left:13px;color:#8f98aa;font:8px 'DM Mono'}.graphic-eq-screen canvas{display:block;width:100%;height:410px}.graphic-eq-faders{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;padding:13px 8px;background:#10141d;border-radius:12px}.graphic-eq-faders label{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:end;padding:7px 2px;border-radius:8px;background:#202633}.graphic-eq-faders label:nth-child(-n+3){background:#162744}.graphic-eq-faders label:nth-child(n+8){background:#38231f}.graphic-eq-faders output{height:25px;color:var(--mint);font:7px 'DM Mono';white-space:nowrap}.graphic-eq-faders input{height:265px;writing-mode:vertical-lr;direction:rtl;accent-color:var(--mint)}.graphic-eq-faders b{margin-top:7px;font:10px 'DM Mono'}.graphic-eq-faders small{color:#8f98aa;font:7px 'DM Mono'}.graphic-eq-actions{display:grid;grid-template-columns:1fr 180px 190px;gap:8px;align-items:end;margin-top:10px}.graphic-eq-actions .plugin-presets{margin:0}.graphic-eq-actions>label{padding:8px 11px;background:#252b38;border-radius:8px;color:#bdc4d0;font-size:10px}.graphic-eq-actions select{display:block;width:100%;margin-top:5px;padding:8px;background:#10141d;color:#fff;border:1px solid #ffffff20;border-radius:6px}.graphic-eq-actions .plugin-listen-button{margin:0;height:52px}.eq-view-panel>.measurement-note{background:#ffffff0a}.eq-view-panel>.measurement-note p{color:#bbc2ce!important}

/* Schéma du compresseur et sidechain */
.compressor-block-diagram{margin:28px 0;padding:20px;background:#151925;color:#fff;border:2px solid #303747;border-radius:17px}.compressor-box-title{display:flex;justify-content:space-between;gap:18px;margin-bottom:13px;padding-bottom:10px;border-bottom:1px solid #ffffff18}.compressor-box-title b{font:13px 'DM Mono';color:var(--mint)}.compressor-box-title span{font-size:11px;color:#9da6b7}.compressor-audio-path,.compressor-detector-path{display:flex;align-items:center;gap:7px;padding:15px;background:#0e1119;border-radius:11px;overflow:auto}.compressor-audio-path>*,.compressor-detector-path>*{flex:0 0 auto}.compressor-audio-path small,.compressor-detector-path small{width:128px;color:#8f98aa;font:7px 'DM Mono'}.compressor-audio-path span,.compressor-audio-path strong,.compressor-detector-path span,.compressor-detector-path strong{padding:10px 12px;border-radius:7px;font-size:10px}.compressor-audio-path span,.compressor-detector-path span{background:#303747}.compressor-audio-path strong{background:var(--orange);color:var(--ink)}.compressor-detector-path strong{background:var(--purple)}.compressor-audio-path i,.compressor-detector-path i{color:var(--mint);font-style:normal}.compressor-tap{height:38px;margin-left:155px;border-left:2px dashed var(--mint)}.compressor-tap i{display:inline-block;margin:8px;color:var(--mint);font:8px 'DM Mono';font-style:normal}.compressor-detector-path .gain-command{color:var(--orange);font:8px 'DM Mono'}.compressor-key-input{display:flex;align-items:center;gap:9px;margin:10px 0 0 155px;padding:10px 13px;background:#252b38;border:1px dashed #ffffff30;border-radius:8px}.compressor-key-input span{color:#a997ff;font:9px 'DM Mono'}.compressor-key-input i{color:#aab2c0;font-size:10px;font-style:normal}.compressor-block-diagram[data-sidechain-mode="external"] .compressor-key-input{border-color:var(--orange);background:#ff704818}.compressor-block-diagram[data-sidechain-mode="external"] .detector-input{background:var(--orange);color:var(--ink)}.sidechain-lesson{scroll-margin-top:115px}.sidechain-lesson>div>p{max-width:900px}.sidechain-routing-summary{display:flex;align-items:center;gap:7px;margin:25px 0 12px;padding:15px;background:#eef1f7;border-radius:12px;overflow:auto}.sidechain-routing-summary>*{flex:0 0 auto}.sidechain-routing-summary span,.sidechain-routing-summary strong{padding:9px 11px;border-radius:7px;font-size:10px}.sidechain-routing-summary span{background:#fff}.sidechain-routing-summary strong{background:var(--ink);color:var(--mint)}.sidechain-routing-summary i{font-style:normal;color:var(--blue)}.sidechain-routing-summary b{color:var(--orange);font-size:24px}.sidechain-lab{display:grid;grid-template-columns:1.35fr .65fr;gap:10px;padding:15px;background:#151925;color:#fff;border-radius:18px}.sidechain-mode-switch{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sidechain-mode-switch button{padding:11px;border:1px solid #ffffff20;border-radius:8px;background:#252b38;color:#fff;cursor:pointer}.sidechain-mode-switch button.selected{background:var(--mint);border-color:var(--mint);color:var(--ink)}.sidechain-canvas-panel{min-width:0;position:relative;padding-top:30px;background:#10141d;border-radius:12px;overflow:hidden}.sidechain-canvas-panel>span{position:absolute;top:11px;left:13px;color:#8f98aa;font:8px 'DM Mono'}.sidechain-canvas-panel canvas{display:block;width:100%;height:470px}.sidechain-legend{position:absolute;left:15px;bottom:10px;display:flex;flex-wrap:wrap;gap:12px;color:#8f98aa;font:8px 'DM Mono'}.sidechain-legend span:before{content:"";display:inline-block;width:14px;height:3px;margin-right:5px;vertical-align:middle;background:var(--mint)}.sidechain-legend .key:before{background:#a997ff}.sidechain-legend .reduction:before{background:var(--orange)}.sidechain-controls{padding:8px}.sidechain-controls>label{display:block;margin:4px 0 20px;color:#c0c7d2;font-size:11px}.sidechain-controls output{float:right;color:var(--mint);font-family:'DM Mono'}.sidechain-controls input[type="range"]{display:block;width:100%;margin-top:8px;accent-color:var(--mint)}.sidechain-controls .plugin-check{display:flex;align-items:center;gap:8px;padding:11px;background:#10141d;border-radius:8px}.sidechain-controls .plugin-check input{margin:0}.sidechain-controls .control-disabled{opacity:.38}.sidechain-controls .plugin-readouts{margin-top:8px}.sidechain-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:11px 0}.sidechain-cases article{padding:20px;background:#fff;border:1px solid var(--line);border-radius:12px}.sidechain-cases small{font:8px 'DM Mono';color:var(--blue)}.sidechain-cases h3{font-size:20px;margin:8px 0}.sidechain-cases p{font-size:12px;color:var(--muted)}

@media(max-width:1050px){.graphic-eq-shell,.sidechain-lab{grid-template-columns:1fr}.graphic-eq-faders input{height:210px}.graphic-eq-actions{grid-template-columns:1fr 1fr}.graphic-eq-actions .plugin-presets{grid-column:1/-1}.sidechain-cases{grid-template-columns:1fr}.compressor-audio-path,.compressor-detector-path{align-items:stretch;flex-direction:column;text-align:center}.compressor-audio-path i,.compressor-detector-path i{transform:rotate(90deg)}.compressor-audio-path small,.compressor-detector-path small{width:auto}.compressor-tap{height:28px;margin-left:50%;}.compressor-key-input{margin-left:0}}
@media(max-width:700px){.eq-view-tabs,.frequency-mixer-metaphor,.graphic-eq-actions,.sidechain-mode-switch{grid-template-columns:1fr}.graphic-eq-shell{padding:10px}.graphic-eq-screen canvas{height:330px}.graphic-eq-faders{min-width:700px}.graphic-eq-shell{overflow-x:auto}.graphic-eq-actions .plugin-presets{grid-column:auto}.sidechain-lab{padding:10px}.sidechain-canvas-panel canvas{height:400px}.compressor-block-diagram{padding:14px 9px}.compressor-box-title{flex-direction:column}.sidechain-routing-summary{align-items:stretch;flex-direction:column;text-align:center}.sidechain-routing-summary i{transform:rotate(90deg)}.sidechain-routing-summary b{transform:rotate(180deg)}}
.eq-family-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0 12px}.eq-family-comparison article{padding:23px;background:#151925;color:#fff;border-radius:13px;border-top:5px solid var(--mint)}.eq-family-comparison article:last-child{border-color:var(--orange)}.eq-family-comparison small{font:8px 'DM Mono';color:var(--mint)}.eq-family-comparison article:last-child small{color:var(--orange)}.eq-family-comparison h3{font-size:22px;margin:8px 0}.eq-family-comparison p{font-size:12px;color:#bcc3cf}.eq-family-comparison+.remember{margin-top:10px}@media(max-width:700px){.eq-family-comparison{grid-template-columns:1fr}}
.crc-header-logo{display:block;width:124px;height:40px;object-fit:contain;background:#fff;border:1px solid #15192518;border-radius:4px}.darkbar .crc-header-logo{border-color:#ffffff2b}@media(max-width:700px){.crc-header-logo{width:94px;height:31px}.topbar .brand{gap:7px}.topbar .brand>span:not(.brand-mark){font-size:11px}}

/* Ressources PDF */
.resource-list article.resource-pdf-library{align-items:start}.resource-pdf-library>small{padding-top:8px}.pdf-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px}.pdf-library a{min-height:174px;display:flex;flex-direction:column;padding:18px;background:#eef1f7;border:1px solid transparent;border-radius:13px;text-decoration:none;transition:.2s}.pdf-library a:hover{transform:translateY(-2px);border-color:#1762ff45;background:#fff;box-shadow:0 12px 30px #15192512}.pdf-library a>span{font:500 10px 'DM Mono';letter-spacing:.1em;color:var(--blue)}.pdf-library a>b{margin:11px 0 5px;font-size:19px;line-height:1.15}.pdf-library a>em{font-style:normal;font-size:13px;line-height:1.45;color:var(--muted)}.pdf-library a>i{margin-top:auto;padding-top:16px;font:700 10px 'DM Mono';font-style:normal;color:var(--ink)}@media(max-width:1050px){.pdf-library{grid-template-columns:1fr 1fr}}@media(max-width:700px){.pdf-library{grid-template-columns:1fr}.resource-list article.resource-pdf-library>small{grid-column:2}.pdf-library a{min-height:155px}}

/* Questionnaire d'entrée */
.resource-quiz-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.resource-quiz-actions>a{display:inline-flex;padding:9px 12px;border-radius:100px;background:#eef1f7;text-decoration:none;font:700 10px 'DM Mono'}.resource-quiz-actions>a:first-child{background:var(--blue);color:#fff}.resource-quiz-actions>a:hover{background:var(--mint);color:var(--ink)}
.questionnaire-hero{min-height:720px;padding:145px 8vw 85px;display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:center;background:#dff6eb}.questionnaire-hero h1{font-size:clamp(65px,8vw,118px);line-height:.87;letter-spacing:-.07em;margin:16px 0 30px}.questionnaire-hero h1 em{font-style:normal;color:var(--blue)}.questionnaire-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.questionnaire-orbit{width:min(38vw,500px);aspect-ratio:1;justify-self:center;position:relative;border:2px dashed #15192533;border-radius:50%;animation:quizOrbit 28s linear infinite}.questionnaire-orbit:before,.questionnaire-orbit:after{content:"";position:absolute;border-radius:50%}.questionnaire-orbit:before{inset:17%;background:var(--ink)}.questionnaire-orbit:after{inset:35%;background:var(--orange)}.questionnaire-orbit>b{position:absolute;z-index:2;inset:35%;display:grid;place-items:center;font-size:90px;color:var(--ink)}.questionnaire-orbit>span{position:absolute;z-index:3;padding:8px 11px;border-radius:7px;background:#fff;font:700 10px 'DM Mono';box-shadow:0 8px 20px #15192520}.questionnaire-orbit>span:nth-child(1){top:5%;left:43%}.questionnaire-orbit>span:nth-child(2){top:43%;right:-3%}.questionnaire-orbit>span:nth-child(3){bottom:4%;left:43%}.questionnaire-orbit>span:nth-child(4){top:43%;left:-5%}@keyframes quizOrbit{to{transform:rotate(360deg)}}
.questionnaire-workspace{padding:100px 7vw;display:grid;grid-template-columns:270px minmax(0,850px);gap:6vw;justify-content:center;align-items:start}.questionnaire-progress{position:sticky;top:105px;padding:24px;background:var(--ink);color:#fff;border-radius:18px}.questionnaire-progress>strong{display:block;margin:15px 0 3px;font-size:48px;color:var(--mint)}.questionnaire-progress>p{color:#c2c8d4}.progress-track{height:7px;margin:18px 0 22px;background:#303747;border-radius:10px;overflow:hidden}.progress-track i{display:block;width:0;height:100%;background:var(--orange);transition:.25s}.questionnaire-progress .quiz-local-note{font-size:12px;color:#9ba4b4}.questionnaire-progress .button{width:100%;margin-top:12px;padding:11px;color:#fff;border-color:#ffffff55;font-size:10px}.questionnaire-progress .quiz-reset{width:100%;margin:11px 0 20px;border:0;background:none;color:#9ca5b6;text-decoration:underline;cursor:pointer}.questionnaire-progress>a{display:block;color:var(--mint);font-size:12px}.questionnaire-list>header{margin-bottom:35px}.questionnaire-list>header h2{font-size:clamp(40px,5vw,70px);line-height:1;letter-spacing:-.05em;margin:12px 0}.questionnaire-list>header>p:last-child{font-size:18px;color:var(--muted)}.quiz-question{margin-bottom:12px;padding:30px;background:#fff;border:1px solid var(--line);border-radius:18px}.quiz-question h3{display:grid;grid-template-columns:48px 1fr;gap:14px;margin:0 0 23px;font-size:23px;line-height:1.3}.quiz-question h3>span{font:22px 'DM Mono';color:var(--blue)}.quiz-question>label{display:block;margin-bottom:7px;font-size:11px;font-weight:800}.quiz-question textarea{display:block;width:100%;min-height:110px;resize:vertical;padding:15px;border:1px solid var(--line);border-radius:11px;background:#faf9f6;color:var(--ink);font:16px/1.55 Manrope}.quiz-question textarea:focus{outline:3px solid #1762ff22;border-color:var(--blue)}.quiz-reveal{margin-top:12px;padding:9px 12px;border:0;border-radius:100px;background:var(--ink);color:#fff;font:700 10px 'DM Mono';cursor:pointer}.quiz-reveal:hover{background:var(--blue)}.quiz-feedback{margin-top:16px;padding:20px;border-left:5px solid var(--mint);background:#e6f7ee}.quiz-feedback>b{font-size:16px}.quiz-feedback>p{margin:6px 0 17px;color:#46505b}.quiz-rating{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:13px;border-top:1px solid #15192518}.quiz-rating>span{margin-right:5px;font-size:11px;font-weight:800}.quiz-rating button{padding:8px 10px;border:1px solid var(--line);border-radius:100px;background:#fff;cursor:pointer;font-size:11px}.quiz-rating button.selected{background:var(--blue);border-color:var(--blue);color:#fff}.moodle-import-guide{padding:100px 12vw;background:var(--purple);color:#fff}.moodle-import-guide>div:first-child{max-width:850px}.moodle-import-guide h2{max-width:900px;font-size:clamp(45px,6vw,82px);line-height:.95;letter-spacing:-.055em;margin:14px 0 25px}.moodle-import-guide>div:first-child>p:last-child{font-size:18px;color:#ece8ff}.moodle-import-guide ol{list-style:none;margin:45px 0 30px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.moodle-import-guide li{min-height:180px;padding:24px;background:#ffffff14;border:1px solid #ffffff25;border-radius:15px}.moodle-import-guide li span{font:25px 'DM Mono';color:var(--mint)}.moodle-import-guide li p{margin:16px 0 0}.moodle-guide-actions{display:flex;flex-wrap:wrap;gap:10px}.moodle-import-guide .button.primary{background:var(--mint);border-color:var(--mint);color:var(--ink)}.moodle-import-guide .button:not(.primary){border-color:#fff;color:#fff}
@media(max-width:900px){.questionnaire-hero{grid-template-columns:1fr}.questionnaire-orbit{width:min(70vw,430px)}.questionnaire-workspace{grid-template-columns:1fr}.questionnaire-progress{position:relative;top:auto}.moodle-import-guide ol{grid-template-columns:1fr}}
@media(max-width:700px){.resource-quiz-entry .resource-quiz-actions{grid-column:1/-1}.questionnaire-hero{min-height:auto;padding:125px 20px 70px}.questionnaire-hero h1{font-size:64px}.questionnaire-orbit{width:min(85vw,340px)}.questionnaire-workspace{padding:70px 20px}.quiz-question{padding:23px 18px}.quiz-question h3{grid-template-columns:1fr;gap:6px;font-size:20px}.moodle-import-guide{padding:70px 20px}.moodle-guide-actions{flex-direction:column}}
@media print{.topbar,.questionnaire-hero,.questionnaire-progress,.quiz-reveal,.quiz-rating,.moodle-import-guide,footer{display:none!important}.questionnaire-workspace{display:block;padding:15mm}.quiz-question{break-inside:avoid}.quiz-feedback[hidden]{display:none}}
@media(prefers-reduced-motion:reduce){.questionnaire-orbit{animation:none}}

/* Remise du questionnaire */
.questionnaire-progress>a+a{margin-top:8px}.questionnaire-submit{scroll-margin-top:90px;padding:95px 12vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;background:#fff0e9;border-top:1px solid var(--line)}.questionnaire-submit-intro h2{margin:12px 0 20px;font-size:clamp(44px,6vw,78px);line-height:.95;letter-spacing:-.055em}.questionnaire-submit-intro>p:last-child{max-width:620px;color:var(--muted);font-size:18px}.questionnaire-submit form{padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px #1519250d}.quiz-identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.quiz-identity-grid label{font-size:12px;font-weight:800}.quiz-identity-grid label:last-child{grid-column:1/-1}.quiz-identity-grid label>span{float:right;color:var(--muted);font-size:10px;font-weight:600}.quiz-identity-grid input{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid var(--line);border-radius:9px;background:#faf9f6;color:var(--ink);font:15px Manrope}.quiz-identity-grid input:focus{outline:3px solid #1762ff22;border-color:var(--blue)}.quiz-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.quiz-submit-summary{display:grid;gap:4px;margin:20px 0 14px;padding:16px 18px;border-left:5px solid var(--orange);background:#fff0e9}.quiz-submit-summary.complete{border-color:var(--mint);background:#e6f7ee}.quiz-submit-summary b{font-size:15px}.quiz-submit-summary span{color:var(--muted);font-size:12px}.quiz-send{width:100%;justify-content:center;border:0;cursor:pointer}.quiz-send:disabled{opacity:.55;cursor:wait}.quiz-submit-note{margin:16px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.quiz-submit-status{min-height:22px;margin:13px 0 0;padding:0;font-size:12px;font-weight:700}.quiz-submit-status.pending{color:var(--blue)}.quiz-submit-status.success{padding:12px 14px;border-radius:8px;background:#e6f7ee;color:#195a3d}.quiz-submit-status.error{padding:12px 14px;border-radius:8px;background:#ffe5da;color:#7a2d1d}@media(max-width:900px){.questionnaire-submit{grid-template-columns:1fr}}@media(max-width:700px){.questionnaire-submit{padding:70px 20px}.questionnaire-submit form{padding:21px 17px}.quiz-identity-grid{grid-template-columns:1fr}.quiz-identity-grid label:last-child{grid-column:auto}}

/* Hauteur et fréquence : du rythme aux ultrasons */
.pitch-domain-status{display:grid;grid-template-columns:auto 1fr;gap:3px 18px;margin-bottom:18px;padding:17px 19px;border:1px solid #8be8bd55;border-radius:13px;background:#153a2a}.pitch-domain-status small{grid-row:1/3;color:var(--mint);font:700 9px 'DM Mono';letter-spacing:.1em;align-self:center}.pitch-domain-status strong{font-size:19px}.pitch-domain-status p{margin:0;color:#c6cdd7;font-size:12px}.pitch-domain-status.infra{background:#481f1b;border-color:#ff704880}.pitch-domain-status.infra small,.pitch-domain-status.infra strong{color:#ff8c6c}.pitch-domain-status.ultra{background:#2d224f;border-color:#9d83ff80}.pitch-domain-status.ultra small,.pitch-domain-status.ultra strong{color:#b8a5ff}.pitch-control-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:11px}.pitch-range-block{padding:18px;background:#10151e;border:1px solid #ffffff13;border-radius:12px}.pitch-range-block output{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pitch-range-block>p{min-height:34px;margin:10px 0 0;color:#98a2b3;font-size:11px}.pitch-range-block.outside{border-color:#ff704880;background:#281b1d}.pitch-range-block.outside #pitch-midi-status{color:#ff8c6c}.pitch-log-scale{height:25px;position:relative;margin:7px 2px 0;color:#858fa1;font:8px 'DM Mono'}.pitch-log-scale span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.pitch-log-scale span:first-child{left:0;transform:none}.pitch-log-scale .infra-mark{left:28.3%;color:#ff8c6c}.pitch-log-scale .ultra-mark{left:93.5%;color:#b8a5ff}.pitch-log-scale span:last-child{right:0;transform:none}.pitch-midi-scale{display:flex;justify-content:space-between;margin-top:7px;color:#858fa1;font:8px 'DM Mono'}.pitch-waveforms{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0 0;padding:13px 15px;border:1px solid #ffffff15;border-radius:12px}.pitch-waveforms legend{padding:0 7px;color:#aab2c0;font-size:11px}.pitch-waveforms button{padding:9px 12px;border:1px solid #ffffff25;border-radius:8px;background:#252b38;color:#fff;cursor:pointer}.pitch-waveforms button.selected{background:var(--purple);border-color:#a997ff}.pitch-frequency-presets{padding-bottom:11px;border-bottom:1px solid #ffffff15}.pitch-frequency-presets button:last-child{margin-left:0;background:#252b38;color:#fff;font-weight:400}.pitch-note-presets #play-pitch{margin-left:auto;background:var(--mint);color:var(--ink);font-weight:800}.pitch-note-presets #play-pitch[disabled]{background:#3b4250;color:#8992a2;cursor:not-allowed}.pitch-presets button:focus-visible,.pitch-waveforms button:focus-visible{outline:3px solid #8be8bd66;outline-offset:2px}
@media(max-width:800px){.pitch-domain-status{grid-template-columns:1fr}.pitch-domain-status small{grid-row:auto}.pitch-control-grid{grid-template-columns:1fr}}
@media(max-width:700px){.pitch-note-presets #play-pitch{margin-left:0}}

/* MikaDAW */
.mikadaw-page{background:#eef0f3}.mikadaw-hero{min-height:820px;padding:130px 5vw 80px;display:grid;grid-template-columns:.72fr 1.28fr;gap:5vw;align-items:center;background:var(--ink);color:#fff;overflow:hidden}.mikadaw-hero-copy{position:relative;z-index:2}.mikadaw-hero h1{margin:14px 0 27px;font-size:clamp(62px,7.5vw,122px);line-height:.86;letter-spacing:-.075em}.mikadaw-hero h1 em{color:var(--mint);font-style:normal}.mikadaw-hero .lead{color:#c6cbd5}.mikadaw-hero .button.primary{background:var(--orange);border-color:var(--orange);color:var(--ink)}.mikadaw-platforms{display:flex;flex-wrap:wrap;gap:8px;margin:34px 0 0;padding:0;list-style:none}.mikadaw-platforms li{padding:7px 11px;border:1px solid #ffffff2d;border-radius:100px;color:#b8c0ce;font:10px 'DM Mono'}.mikadaw-hero-shot{position:relative;margin:0;transform:rotate(1.2deg)}.mikadaw-hero-shot:before{content:"";position:absolute;inset:-9% 5% 10% -5%;background:var(--purple);border-radius:44% 56% 48% 52%;transform:rotate(-5deg)}.mikadaw-hero-shot img{display:block;position:relative;width:100%;border:1px solid #ffffff38;border-radius:18px;box-shadow:0 35px 85px #0008}.mikadaw-hero-shot figcaption{position:absolute;right:-10px;bottom:-28px;display:grid;grid-template-columns:auto 1fr;gap:0 11px;padding:13px 17px;background:var(--paper);color:var(--ink);border-radius:10px;box-shadow:0 14px 35px #0005}.mikadaw-hero-shot figcaption span{grid-row:1/3;color:var(--orange);font:24px 'DM Mono'}.mikadaw-hero-shot figcaption b{font-size:13px}.mikadaw-hero-shot figcaption small{color:var(--muted)}
.mikadaw-release-kicker{display:inline-flex;align-items:center;gap:9px;margin:0 0 18px;padding:8px 13px;border:1px solid #ffffff35;border-radius:100px;background:#ffffff0d;color:#fff;font:700 10px 'DM Mono';letter-spacing:.08em;text-transform:uppercase}.mikadaw-release-kicker span{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #ff914d26,0 0 18px #ff914d}
.mikadaw-product-logo{display:flex;align-items:center;gap:15px;margin-bottom:22px}.mikadaw-product-logo img{width:78px;height:78px;border-radius:17px;box-shadow:0 16px 35px #0007}.mikadaw-product-logo strong{font-size:31px;letter-spacing:-.045em}.mikadaw-product-logo strong span{color:var(--mint)}
.mikadaw-section-nav{position:sticky;z-index:12;top:72px;display:flex;gap:8px;padding:12px 7vw;background:#fff;border-bottom:1px solid var(--line);overflow:auto}.mikadaw-section-nav a{flex:0 0 auto;padding:8px 14px;border:1px solid var(--line);border-radius:100px;text-decoration:none;font-size:11px;font-weight:800}.mikadaw-section-nav a:hover{background:var(--ink);color:#fff}.mikadaw-overview{padding:110px 10vw;background:var(--paper);scroll-margin-top:120px}.mikadaw-overview>header{max-width:920px}.mikadaw-overview h2,.mikadaw-feature h2,.mikadaw-pedagogy h2,.mikadaw-cta h2{margin:10px 0 22px;font-size:clamp(46px,6vw,86px);line-height:.94;letter-spacing:-.06em}.mikadaw-overview>header>p:last-child{max-width:830px;color:var(--muted);font-size:19px}.mikadaw-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:50px}.mikadaw-principles article{min-height:245px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px}.mikadaw-principles span{color:var(--blue);font:24px 'DM Mono'}.mikadaw-principles b{display:block;margin:45px 0 9px;font-size:20px}.mikadaw-principles p{margin:0;color:var(--muted)}
.mikadaw-feature{padding:110px 6vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:5vw;align-items:center;scroll-margin-top:120px}.mikadaw-feature-copy>p:not(.eyebrow){font-size:18px;color:#bec5d0}.mikadaw-feature-copy ul{padding-left:20px}.mikadaw-feature-copy li{margin:9px 0}.mikadaw-midi-feature{background:var(--ink);color:#fff}.mikadaw-feature-copy aside{margin-top:30px;padding:18px;border-left:5px solid var(--orange);background:#ffffff0c}.mikadaw-feature-copy aside b,.mikadaw-feature-copy aside span{display:block}.mikadaw-feature-copy aside span{margin-top:4px;color:#b8c0cd;font-size:13px}.mikadaw-framed-shot{margin:0}.mikadaw-framed-shot img{display:block;width:100%;border:1px solid #ffffff30;border-radius:15px;box-shadow:0 25px 65px #0005}.mikadaw-framed-shot figcaption{padding:11px 2px;color:#9ca6b5;font:11px 'DM Mono'}.mikadaw-sound-feature{grid-template-columns:1.25fr .75fr;background:#dff6eb}.mikadaw-sound-feature .mikadaw-feature-copy>p:not(.eyebrow){color:#4f5965}.mikadaw-sound-feature .mikadaw-framed-shot img{border-color:#15192528}.mikadaw-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:28px}.mikadaw-tool-grid article{padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px}.mikadaw-tool-grid b{font-size:14px}.mikadaw-tool-grid p{margin:5px 0 0;color:var(--muted);font-size:12px}
.mikadaw-pedagogy{padding:110px 10vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:var(--purple);color:#fff;scroll-margin-top:120px}.mikadaw-pedagogy .eyebrow{color:var(--mint)}.mikadaw-pedagogy-list{display:grid;gap:8px}.mikadaw-pedagogy-list article{display:grid;grid-template-columns:54px 1fr;gap:15px;padding:24px;border:1px solid #ffffff25;border-radius:15px;background:#ffffff0d}.mikadaw-pedagogy-list span{color:var(--mint);font:25px 'DM Mono'}.mikadaw-pedagogy-list b{font-size:19px}.mikadaw-pedagogy-list p{margin:6px 0 0;color:#e2dcff}.mikadaw-cta{padding:120px 12vw;background:#fff}.mikadaw-cta>p:not(.eyebrow){max-width:780px;color:var(--muted);font-size:18px}.mikadaw-cta .button:not(.primary){color:var(--ink)}
.mikadaw-cta{display:grid;grid-template-columns:150px 1fr;gap:42px;align-items:center}.mikadaw-cta-logo{width:150px;height:150px;border-radius:30px;box-shadow:0 22px 55px #15192530}.mikadaw-cta>div>p:not(.eyebrow){max-width:780px;color:var(--muted);font-size:18px}
@media(max-width:1050px){.mikadaw-hero{grid-template-columns:1fr;padding-top:130px}.mikadaw-hero-shot{margin-top:35px}.mikadaw-feature,.mikadaw-sound-feature,.mikadaw-pedagogy{grid-template-columns:1fr}.mikadaw-sound-feature .mikadaw-framed-shot{order:2}}
@media(max-width:700px){.mikadaw-hero{min-height:auto;padding:120px 20px 75px}.mikadaw-hero h1{font-size:65px}.mikadaw-hero .hero-actions,.mikadaw-cta .hero-actions{flex-direction:column;align-items:stretch}.mikadaw-hero-shot figcaption{position:relative;right:auto;bottom:auto;margin:-8px 14px 0}.mikadaw-overview,.mikadaw-feature,.mikadaw-pedagogy,.mikadaw-cta{padding:75px 20px}.mikadaw-principles,.mikadaw-tool-grid{grid-template-columns:1fr}.mikadaw-principles article{min-height:190px}.mikadaw-principles b{margin-top:27px}}
@media(max-width:700px){.mikadaw-cta{grid-template-columns:1fr}.mikadaw-cta-logo{width:105px;height:105px;border-radius:23px}}

/* Téléchargements MikaDAW bêta */
.mikadaw-downloads{padding:110px 10vw;background:#fff;scroll-margin-top:120px}.mikadaw-downloads h2{margin:10px 0 22px;font-size:clamp(46px,6vw,86px);line-height:.94;letter-spacing:-.06em}.mikadaw-downloads>header{display:grid;grid-template-columns:150px minmax(0,1fr);gap:42px;align-items:center}.mikadaw-download-logo{width:150px;height:150px;border-radius:30px;box-shadow:0 22px 55px #15192530}.mikadaw-downloads>header>div>p:last-child{max-width:810px;color:var(--muted);font-size:18px}.mikadaw-download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:50px}.mikadaw-download-grid article{display:flex;flex-direction:column;min-height:290px;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.mikadaw-download-platform{display:flex;align-items:center;gap:17px}.mikadaw-download-platform>span{display:grid;place-items:center;width:58px;height:58px;border-radius:14px;background:var(--ink);color:var(--mint);font:700 13px 'DM Mono';letter-spacing:.07em}.mikadaw-download-platform h3{margin:0;font-size:27px}.mikadaw-download-platform p{margin:4px 0 0;color:var(--muted);font-size:13px}.mikadaw-download-button{display:flex;justify-content:space-between;gap:18px;margin-top:34px;background:var(--orange);border-color:var(--orange);color:var(--ink)}.mikadaw-download-button small{font:10px 'DM Mono';white-space:nowrap}.mikadaw-download-status{margin:15px 2px 0;color:var(--muted);font-size:12px}.mikadaw-beta-note{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;margin-top:12px;padding:19px 22px;border-left:5px solid var(--orange);background:var(--ink);color:#fff}.mikadaw-beta-note b{color:var(--orange)}.mikadaw-beta-note span{color:#c6cbd5;font-size:13px}.mikadaw-beta-note small{color:var(--mint);font:10px 'DM Mono';white-space:nowrap}
.mikadaw-guide-downloads{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:34px;align-items:center;margin-top:12px;padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff}.mikadaw-guide-downloads h3{margin:7px 0 8px;font-size:27px}.mikadaw-guide-downloads p:not(.eyebrow){margin:0;color:var(--muted);font-size:14px}.mikadaw-guide-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mikadaw-guide-actions .button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;justify-content:center;min-height:68px;padding:14px 18px;border-color:var(--line);background:var(--paper);color:var(--ink)}.mikadaw-guide-actions .button:hover{border-color:var(--mint);background:#e6f7ee}.mikadaw-guide-actions small{color:var(--muted);font:10px 'DM Mono'}
@media(max-width:900px){.mikadaw-guide-downloads{grid-template-columns:1fr}.mikadaw-guide-actions{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.mikadaw-downloads{padding:75px 20px}.mikadaw-downloads>header{grid-template-columns:1fr;gap:24px}.mikadaw-download-logo{width:105px;height:105px;border-radius:23px}.mikadaw-download-grid{grid-template-columns:1fr}.mikadaw-download-button{align-items:flex-start;flex-direction:column;gap:5px}.mikadaw-guide-downloads{padding:22px}.mikadaw-guide-actions{grid-template-columns:1fr}.mikadaw-beta-note{grid-template-columns:1fr;gap:7px}.mikadaw-beta-note small{white-space:normal}}

/* Questionnaire : titre stable et illustration lisible */
.questionnaire-hero h1{font-size:clamp(58px,6.5vw,96px);line-height:.9}.questionnaire-orbit{animation:none}
@media(max-width:700px){.questionnaire-hero h1{font-size:60px;line-height:.92}}

/* Parcours avancé */
.advanced-page{background:#f4f0e8}.advanced-page code{padding:2px 5px;border-radius:4px;background:#151925;color:#8be8bd;font:600 .9em 'DM Mono'}.advanced-back{display:inline-block;margin-bottom:26px;color:var(--mint);font-size:12px;font-weight:800;text-decoration:none}.advanced-hero,.advanced-detail-hero{min-height:680px;padding:150px 8vw 90px;display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:center;background:#151925;color:#fff}.advanced-hero h1,.advanced-detail-hero h1{max-width:900px;margin:12px 0 28px;font-size:clamp(65px,9vw,128px);line-height:.85;letter-spacing:-.075em}.advanced-detail-hero h1{font-size:clamp(58px,7.5vw,105px)}.advanced-hero .lead,.advanced-detail-hero .lead{max-width:780px;color:#c0c7d3;font-size:21px}.advanced-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.advanced-hero-actions .button{border-color:#ffffff55;color:#fff}.advanced-hero-actions .primary{border-color:var(--mint);background:var(--mint);color:var(--ink)}.advanced-hero-model,.advanced-equation{min-height:310px;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;padding:30px;border:1px solid #ffffff20;border-radius:25px;background:#202633}.advanced-hero-model span,.advanced-hero-model strong,.advanced-equation span,.advanced-equation strong{padding:16px 18px;border-radius:9px;background:#10141d;font:12px 'DM Mono'}.advanced-hero-model strong,.advanced-equation strong{background:var(--purple)}.advanced-hero-model i,.advanced-equation i{color:var(--orange);font-style:normal}.advanced-hero-model b{position:absolute;right:22px;bottom:17px;color:var(--mint);font-size:62px}.signal-advanced-hero{background:radial-gradient(circle at 88% 48%,#263d58 0,transparent 34%),#151925}.digital-advanced-hero{background:radial-gradient(circle at 88% 48%,#3b2e68 0,transparent 35%),#151925}.levels-advanced-hero{background:radial-gradient(circle at 88% 48%,#51291f 0,transparent 35%),#151925}.advanced-equation{min-height:260px;flex-wrap:wrap}.advanced-equation span,.advanced-equation strong{font-size:clamp(15px,2vw,25px)}
.advanced-level-note{padding:65px 10vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:end;background:var(--mint)}.advanced-level-note h2{margin:6px 0 0;font-size:clamp(38px,5vw,68px);line-height:.95;letter-spacing:-.05em}.advanced-level-note>p{margin:0;font-size:18px;color:#35423e}.advanced-module-section,.advanced-method-section,.advanced-roadmap{padding:95px 7vw}.advanced-module-section>header,.advanced-roadmap>header{max-width:850px}.advanced-module-section>header h2,.advanced-method-section h2,.advanced-roadmap h2{margin:9px 0 17px;font-size:clamp(44px,6vw,78px);line-height:.95;letter-spacing:-.055em}.advanced-module-section>header>p{color:var(--muted);font-size:18px}.advanced-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.advanced-module-grid a{min-height:390px;display:flex;flex-direction:column;padding:30px;border-radius:18px;background:#151925;color:#fff;text-decoration:none;transition:.2s}.advanced-module-grid a:nth-child(2){background:var(--purple)}.advanced-module-grid a:nth-child(3){background:#572d23}.advanced-module-grid a:hover{transform:translateY(-4px);box-shadow:0 20px 45px #15192520}.advanced-module-grid span{align-self:flex-end;color:var(--mint);font:22px 'DM Mono'}.advanced-module-grid small{margin-top:65px;color:var(--mint);font:9px 'DM Mono'}.advanced-module-grid h3{margin:12px 0;font-size:31px;line-height:1.05}.advanced-module-grid p{color:#c3cad5}.advanced-module-grid b{margin-top:auto;color:var(--mint);font:10px 'DM Mono'}.advanced-method-section{background:#e5ecff}.advanced-method-section>header{max-width:850px}.advanced-method-section ol{list-style:none;margin:35px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.advanced-method-section li{padding:23px;background:#fff;border:1px solid var(--line);border-radius:14px}.advanced-method-section li span{float:right;color:var(--blue);font:20px 'DM Mono'}.advanced-method-section li b{display:block;margin:35px 0 9px;font-size:17px}.advanced-method-section li p{margin:0;color:var(--muted);font-size:13px}.advanced-roadmap{background:#151925;color:#fff}.advanced-roadmap>header p{color:var(--mint)}.advanced-roadmap>div{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:30px}.advanced-roadmap article{padding:23px;border:1px solid #ffffff20;border-radius:14px;background:#202633}.advanced-roadmap small{color:var(--orange);font:13px 'DM Mono'}.advanced-roadmap h3{margin:13px 0 9px;font-size:21px}.advanced-roadmap article p{color:#aeb7c4;font-size:13px}
.advanced-course-entry{margin:75px 0 0;padding:38px;display:grid;grid-template-columns:1fr auto;gap:25px 45px;align-items:center;border-radius:22px;background:#151925;color:#fff}.advanced-course-entry>div:first-child>span{display:inline-block;padding:6px 9px;border-radius:100px;background:var(--orange);color:var(--ink);font:8px 'DM Mono'}.advanced-course-entry h2{margin:10px 0 12px;font-size:clamp(34px,4vw,54px);line-height:.95}.advanced-course-entry p{max-width:760px;color:#b9c2cf}.advanced-course-entry .button{grid-column:2;grid-row:1/3;background:var(--mint);border-color:var(--mint);color:var(--ink)}.advanced-course-entry-topics{display:flex;flex-wrap:wrap;gap:6px}.advanced-course-entry-topics small{padding:7px 9px;border:1px solid #ffffff25;border-radius:6px;color:var(--mint);font:8px 'DM Mono'}
.advanced-local-nav{position:sticky;z-index:6;top:66px;display:flex;justify-content:center;gap:7px;padding:14px 4vw;border-bottom:1px solid #ffffff14;background:#202633;color:#fff;overflow:auto}.advanced-local-nav a{flex:0 0 auto;padding:8px 12px;border:1px solid #ffffff20;border-radius:100px;color:#fff;font-size:11px;text-decoration:none}.advanced-local-nav a:hover{background:var(--mint);color:var(--ink)}.advanced-lesson{padding:95px 8vw;display:grid;grid-template-columns:62px minmax(0,1080px);gap:35px;scroll-margin-top:125px}.advanced-lesson:nth-of-type(even){background:#fff}.advanced-lesson-number{color:var(--blue);font:24px 'DM Mono'}.advanced-lesson h2,.advanced-tool-section h2{max-width:950px;margin:8px 0 22px;font-size:clamp(42px,6vw,76px);line-height:.95;letter-spacing:-.055em}.advanced-lesson>div:last-child>p:not(.eyebrow){max-width:970px;color:#4f5764;font-size:18px}.advanced-concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0}.advanced-concept-grid article{padding:23px;border:1px solid var(--line);border-radius:14px;background:#fff}.advanced-lesson:nth-of-type(even) .advanced-concept-grid article{background:#f4f0e8}.advanced-concept-grid small{color:var(--blue);font:8px 'DM Mono'}.advanced-concept-grid h3{margin:10px 0;font-size:21px}.advanced-concept-grid p{margin:0;color:var(--muted);font-size:13px}.advanced-foundation-link{display:inline-block;margin-top:8px;color:var(--blue);font-size:13px;font-weight:800;text-decoration:none}.advanced-flow{display:flex;align-items:center;gap:8px;margin:28px 0;padding:18px;border-radius:14px;background:#151925;color:#fff;overflow:auto}.advanced-flow>*{flex:0 0 auto}.advanced-flow span,.advanced-flow strong{padding:13px 15px;border-radius:8px;background:#252b38;font-size:12px}.advanced-flow strong{background:var(--purple)}.advanced-flow i{color:var(--mint);font-style:normal}.advanced-table{display:grid;grid-template-columns:repeat(3,1fr);margin:28px 0;border:1px solid var(--line);border-radius:13px;overflow:hidden}.advanced-table.four{grid-template-columns:repeat(4,1fr)}.advanced-table>div{padding:13px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px}.advanced-table .head{background:#151925;color:var(--mint);font:9px 'DM Mono'}.advanced-table>div:nth-child(3n){border-right:0}.advanced-table.four>div:nth-child(3n){border-right:1px solid var(--line)}.advanced-table.four>div:nth-child(4n){border-right:0}
.advanced-tool-section{padding:95px 5vw;scroll-margin-top:125px;background:#11151e;color:#fff}.advanced-tool-section>header{max-width:1250px;display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:end;margin:0 auto 30px}.advanced-tool-section>header>p{margin:0;color:#b9c1ce;font-size:17px}.advanced-tool{max-width:1400px;margin:auto;display:grid;grid-template-columns:1.45fr .55fr;gap:14px;padding:20px;border:1px solid #ffffff1b;border-radius:23px;background:#292f3d}.advanced-canvas-panel{min-width:0;position:relative;padding-top:28px;border-radius:13px;background:#10141d;overflow:hidden}.advanced-canvas-panel>span{position:absolute;top:11px;left:14px;color:#8f98aa;font:8px 'DM Mono'}.advanced-canvas-panel canvas{display:block;width:100%;height:520px}.advanced-controls{padding:8px}.advanced-controls>label{display:block;margin:4px 0 21px;color:#c3cad5;font-size:12px}.advanced-controls output{float:right;color:var(--mint);font-family:'DM Mono'}.advanced-controls input[type=range]{display:block;width:100%;margin-top:9px;accent-color:var(--mint)}.advanced-controls select{display:block;width:100%;margin-top:8px;padding:10px;border:1px solid #ffffff22;border-radius:8px;background:#10141d;color:#fff}.advanced-controls .advanced-check{display:flex;align-items:center;gap:9px;padding:12px;border-radius:9px;background:#10141d}.advanced-controls .advanced-check input{margin:0;accent-color:var(--mint)}.advanced-preset-row{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:5px 0 14px}.advanced-preset-row button,.advanced-listen-switch button{padding:9px;border:1px solid #ffffff20;border-radius:7px;background:#202633;color:#fff;cursor:pointer;font-size:10px}.advanced-preset-row button:hover,.advanced-listen-switch button.selected{background:var(--purple)}.advanced-listen-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:9px 0}.advanced-audio-button{width:100%;padding:13px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}.advanced-audio-button.playing{background:var(--orange);color:var(--ink)}.advanced-readouts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.advanced-readouts article{padding:13px 15px;border-radius:9px;background:#10141d}.advanced-readouts small,.advanced-readouts strong{display:block}.advanced-readouts small{color:#8791a3;font:8px 'DM Mono'}.advanced-readouts strong{margin-top:5px;color:var(--mint);font:18px 'DM Mono'}.advanced-readouts>p{grid-column:1/-1;margin:0;padding:14px 17px;border-left:4px solid var(--mint);border-radius:3px 9px 9px 3px;background:#202633;color:#c0c8d4;font-size:12px}.meter-readouts{grid-template-columns:repeat(4,1fr)}.signal-sum-legend,.digital-error-legend,.metering-legend{position:absolute;left:17px;bottom:12px;display:flex;flex-wrap:wrap;gap:14px;color:#9ba5b4;font:8px 'DM Mono'}.signal-sum-legend span:before,.digital-error-legend span:before,.metering-legend span:before{content:"";display:inline-block;width:15px;height:3px;margin-right:6px;vertical-align:middle;background:#8be8bd}.signal-sum-legend .b:before{background:#a997ff}.signal-sum-legend .sum:before{background:#ff7048}.digital-error-legend .original:before{background:#8be8bd}.digital-error-legend .quantized:before{background:#1762ff}.digital-error-legend .error:before{background:#ff7048}.metering-legend .curve:before{background:#8be8bd}.metering-legend .samples:before{height:7px;border-radius:50%;background:#ff7048}.metering-legend .limit:before{background:#ff5d69}.advanced-challenge{max-width:1000px;margin:18px auto 0;padding:18px 22px;border-left:5px solid var(--orange);background:#ffffff09}.advanced-challenge b{color:var(--orange)}.advanced-challenge p{margin:5px 0 0;color:#b9c2cf}.advanced-pagination{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:27px 7vw;background:#0d1018}.advanced-pagination a{padding:18px 20px;border:1px solid #ffffff17;border-radius:12px;background:#202633;color:#fff;text-decoration:none}.advanced-pagination a:last-child{text-align:right}.advanced-pagination small,.advanced-pagination b{display:block}.advanced-pagination small{color:var(--mint);font:8px 'DM Mono'}.advanced-pagination b{margin-top:6px}.advanced-pagination a:hover{border-color:var(--mint)}
@media(max-width:1000px){.advanced-hero,.advanced-detail-hero,.advanced-level-note,.advanced-tool-section>header{grid-template-columns:1fr}.advanced-module-grid,.advanced-method-section ol,.advanced-roadmap>div{grid-template-columns:1fr 1fr}.advanced-tool{grid-template-columns:1fr}.advanced-course-entry{grid-template-columns:1fr}.advanced-course-entry .button{grid-column:auto;grid-row:auto}.advanced-canvas-panel canvas{height:460px}}
@media(max-width:700px){.advanced-hero,.advanced-detail-hero{min-height:auto;padding:125px 20px 70px}.advanced-hero h1,.advanced-detail-hero h1{font-size:59px}.advanced-hero-model,.advanced-equation{min-height:210px}.advanced-level-note,.advanced-module-section,.advanced-method-section,.advanced-roadmap,.advanced-lesson{padding:70px 20px}.advanced-module-grid,.advanced-method-section ol,.advanced-roadmap>div,.advanced-concept-grid{grid-template-columns:1fr}.advanced-lesson{grid-template-columns:1fr;gap:12px}.advanced-local-nav{justify-content:flex-start;top:65px}.advanced-tool-section{padding:70px 10px}.advanced-tool{padding:10px}.advanced-canvas-panel canvas{height:390px}.advanced-readouts,.meter-readouts{grid-template-columns:1fr 1fr}.advanced-readouts>p{grid-column:1/-1}.advanced-table,.advanced-table.four{overflow:auto;grid-template-columns:repeat(3,minmax(160px,1fr));min-width:600px}.advanced-table.four{grid-template-columns:repeat(4,minmax(150px,1fr));min-width:700px}.advanced-pagination{grid-template-columns:1fr;padding:20px}.advanced-pagination a:last-child{text-align:left}.advanced-course-entry{padding:25px}}
.advanced-bridge{margin:55px 0 15px;padding:28px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;border-radius:18px;background:#151925;color:#fff}.advanced-bridge.wide{margin:55px 7vw}.advanced-bridge>div>span{display:inline-block;margin-bottom:7px;color:var(--mint);font:8px 'DM Mono'}.advanced-bridge h2{margin:5px 0 8px;font-size:clamp(28px,4vw,45px);line-height:1}.advanced-bridge p{max-width:760px;margin:0;color:#b8c1ce}.advanced-bridge .button{background:var(--mint);border-color:var(--mint);color:var(--ink)}@media(max-width:700px){.advanced-bridge,.advanced-bridge.wide{margin:35px 20px;grid-template-columns:1fr;padding:22px}.advanced-bridge .button{width:100%;justify-content:center}}

/* Page MIDI */
.midi-course-hero{min-height:650px;padding:120px 7vw 80px;display:grid;grid-template-columns:.82fr 1.18fr;gap:7vw;align-items:center;background:#dff6eb}.midi-course-hero h1{font-size:clamp(64px,9vw,128px);line-height:.86;letter-spacing:-.075em;margin:15px 0 30px}.midi-course-hero .lead{max-width:650px}.midi-hero-route{min-height:430px;position:relative;display:flex;align-items:center;justify-content:center;gap:9px;padding:90px 28px 70px;background:var(--ink);color:#fff;border-radius:40px;box-shadow:0 30px 70px #1519252c;transform:rotate(1.5deg);overflow:hidden}.midi-hero-route>span,.midi-hero-route>strong,.midi-hero-route>em{z-index:2;padding:13px 15px;border-radius:9px;font:10px 'DM Mono';font-style:normal;white-space:nowrap}.midi-hero-route>span{background:#2b3242}.midi-hero-route>strong{background:var(--mint);color:var(--ink)}.midi-hero-route>em{background:var(--orange);color:var(--ink)}.midi-hero-route>b{z-index:2;color:#fff;font-style:normal}.midi-controller-drawing{position:absolute;left:7%;right:7%;top:34px;height:72px;display:grid;grid-template-columns:repeat(8,1fr);gap:3px;padding:8px;background:#f8f8f5;border-radius:10px;transform:rotate(-3deg)}.midi-controller-drawing i{position:relative;background:#fff;border:1px solid #b8bdc7;border-radius:0 0 4px 4px}.midi-controller-drawing i:nth-child(2):after,.midi-controller-drawing i:nth-child(4):after,.midi-controller-drawing i:nth-child(5):after,.midi-controller-drawing i:nth-child(7):after{content:"";position:absolute;z-index:2;right:-40%;top:0;width:58%;height:61%;background:var(--ink);border-radius:0 0 3px 3px}.midi-message-strip{position:absolute;left:9%;right:9%;bottom:38px;display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.midi-message-strip i{padding:8px 0;text-align:center;background:var(--purple);border-radius:5px;font:12px 'DM Mono';font-style:normal}.midi-message-strip i:first-child{background:var(--orange);color:var(--ink)}.midi-message-strip i:nth-child(n+5){background:var(--blue)}
.midi-section-nav{position:sticky;z-index:12;top:72px;display:flex;gap:8px;padding:13px 7vw;background:#fff;border-block:1px solid var(--line);overflow:auto}.midi-section-nav a{flex:0 0 auto;padding:8px 14px;border:1px solid var(--line);border-radius:100px;text-decoration:none;font-size:11px;font-weight:800}.midi-section-nav a:hover{background:var(--ink);color:#fff}.midi-content-section,.midi-tools-section,.midi-mistakes-section{padding:100px 12vw;scroll-margin-top:125px}.midi-content-section>header,.midi-tools-section>header,.midi-mistakes-section>header{max-width:900px;margin-bottom:34px}.midi-content-section h2,.midi-tools-section h2,.midi-mistakes-section h2{font-size:clamp(40px,5.5vw,72px);line-height:1;letter-spacing:-.055em;margin:8px 0 20px}.midi-content-section>header>p:last-child,.midi-tools-section>header>p:last-child{font-size:18px;color:var(--muted)}
.midi-audio-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.midi-audio-compare article{min-height:300px;padding:30px;border-radius:20px;background:var(--ink);color:#fff}.midi-audio-compare article:last-child{background:var(--blue)}.midi-audio-compare small{font:9px 'DM Mono';color:var(--mint)}.midi-audio-compare article:last-child small{color:#fff}.midi-audio-compare h3{font-size:30px;margin:8px 0}.midi-audio-compare p{color:#c4cad5}.midi-data-example{margin-top:28px;padding:18px;background:#0d1018;border-radius:12px}.midi-data-example code,.midi-data-example span{display:block}.midi-data-example code{color:var(--mint);font:18px 'DM Mono'}.midi-data-example span{margin-top:7px;font-size:11px;color:#9da5b5}.midi-wave-example{height:80px;margin-top:32px;position:relative;overflow:hidden}.midi-wave-example:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#ffffff55}.midi-wave-example i{position:absolute;inset:0;background:var(--mint);clip-path:polygon(0 49%,5% 35%,10% 68%,15% 20%,20% 80%,25% 33%,30% 61%,35% 44%,40% 53%,45% 47%,50% 51%,55% 45%,60% 57%,65% 37%,70% 69%,75% 24%,80% 76%,85% 31%,90% 66%,95% 39%,100% 51%,100% 53%,95% 43%,90% 70%,85% 35%,80% 80%,75% 28%,70% 73%,65% 41%,60% 61%,55% 49%,50% 55%,45% 51%,40% 57%,35% 48%,30% 65%,25% 37%,20% 84%,15% 24%,10% 72%,5% 39%,0 53%)}.midi-signal-chain{display:flex;align-items:center;gap:8px;margin:13px 0;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:auto}.midi-signal-chain>*{flex:0 0 auto}.midi-signal-chain span,.midi-signal-chain strong{padding:10px 13px;border-radius:8px;background:#edf0f5;font-size:11px}.midi-signal-chain strong{background:var(--ink);color:var(--mint)}.midi-signal-chain i{color:var(--blue);font:9px 'DM Mono';font-style:normal}
.midi-messages-section{background:#fff}.midi-byte-anatomy{display:grid;grid-template-columns:1.15fr .85fr;gap:10px}.midi-byte-anatomy article{padding:22px;background:var(--ink);color:#fff;border-radius:15px}.midi-byte-anatomy small{font:8px 'DM Mono';color:#9da5b5}.midi-byte-anatomy article>div{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin:15px 0}.midi-byte-anatomy b{display:grid;place-items:center;aspect-ratio:1;border-radius:7px;font:18px 'DM Mono'}.midi-byte-anatomy p{margin:0;color:#aeb5c2;font-size:11px}.midi-byte-anatomy p span{color:#fff;font-family:'DM Mono'}.midi-byte-anatomy .marker,.midi-bit-key .marker{background:var(--orange);color:var(--ink)}.midi-byte-anatomy .command,.midi-bit-key .command{background:var(--purple)}.midi-byte-anatomy .channel,.midi-bit-key .channel{background:var(--blue)}.midi-byte-anatomy .data,.midi-bit-key .data{background:var(--mint);color:var(--ink)}.midi-bit-key{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0 30px}.midi-bit-key span{padding:6px 9px;border-radius:5px;color:#fff;font:8px 'DM Mono'}.midi-bit-key .marker,.midi-bit-key .data{color:var(--ink)}.midi-table-scroll{overflow:auto}.midi-messages-section .comparison-table{min-width:780px}.midi-facts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:25px 0}.midi-facts-grid article{padding:22px;background:#f0ede6;border-radius:13px}.midi-facts-grid span,.midi-facts-grid b{display:block}.midi-facts-grid span{font:24px 'DM Mono';color:var(--blue)}.midi-facts-grid b{margin:8px 0}.midi-facts-grid p{margin:0;color:var(--muted);font-size:12px}.midi-primary-tool{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:22px;margin-top:18px;padding:25px;background:var(--blue);color:#fff;border-radius:17px;text-decoration:none}.midi-primary-tool>span{font:9px 'DM Mono';color:#c9d8ff}.midi-primary-tool b{font-size:22px}.midi-primary-tool p{margin:4px 0;color:#dbe5ff;font-size:12px}.midi-primary-tool>strong{white-space:nowrap}.midi-primary-tool:hover{background:var(--ink)}
.midi-note-timeline{min-height:210px;position:relative;margin:30px 0;padding:36px 28px;background:var(--ink);color:#fff;border-radius:18px}.midi-note-timeline>span{position:absolute;top:18px;right:22px;color:#8f98aa;font:8px 'DM Mono'}.timeline-line{position:absolute;left:8%;right:8%;top:50%;height:3px;background:#586174}.midi-note-timeline>b{position:absolute;z-index:2;top:50%;transform:translateY(-50%);padding:15px 18px;border-radius:9px;background:var(--mint);color:var(--ink);font-size:13px}.midi-note-timeline>b small{display:block;margin-top:3px;font:8px 'DM Mono'}.midi-note-timeline .note-on{left:9%}.midi-note-timeline .note-off{right:9%;background:var(--orange)}.midi-note-timeline>em{position:absolute;left:31%;right:31%;top:37%;padding-bottom:8px;border-bottom:8px solid var(--purple);text-align:center;color:#c8cdd7;font-size:11px;font-style:normal}.midi-time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.midi-time-grid article{padding:24px;background:#fff;border:1px solid var(--line);border-radius:14px}.midi-time-grid small{font:8px 'DM Mono';color:var(--blue)}.midi-time-grid h3{font-size:21px;margin:8px 0}.midi-time-grid p{margin:0;color:var(--muted);font-size:12px}
.midi-routing-section{background:#e9e3ff}.midi-connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.midi-connection-grid article{padding:23px;background:#fff;border-radius:13px}.midi-connection-grid span,.midi-connection-grid b{display:block}.midi-connection-grid span{font:8px 'DM Mono';color:var(--purple)}.midi-connection-grid b{margin:7px 0;font-size:17px}.midi-connection-grid p{margin:0;color:var(--muted);font-size:12px}.midi-route-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.midi-route-links a{padding:24px;background:var(--ink);color:#fff;border-radius:13px;text-decoration:none}.midi-route-links a:last-child{background:var(--blue)}.midi-route-links span,.midi-route-links b,.midi-route-links small{display:block}.midi-route-links span{font:8px 'DM Mono';color:var(--mint)}.midi-route-links b{margin:8px 0;font-size:20px}.midi-route-links small{color:#bdc4d0}.midi-route-links a:hover{transform:translateY(-2px)}
.midi-tools-section{background:var(--ink);color:#fff}.midi-tools-section>header>p:last-child{color:#b9c0cc}.midi-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.midi-tool-grid a{min-height:290px;padding:28px;display:grid;grid-template-columns:52px 1fr;align-content:start;background:#252b38;border:1px solid #ffffff16;border-radius:16px;color:#fff;text-decoration:none}.midi-tool-grid a>span{grid-row:1/6;font:20px 'DM Mono';color:var(--mint)}.midi-tool-grid small{font:8px 'DM Mono';color:#9ba4b4}.midi-tool-grid h3{font-size:27px;margin:8px 0}.midi-tool-grid p{color:#b9c0cd}.midi-tool-grid b{margin-top:16px;color:var(--mint)}.midi-tool-grid a:hover{background:var(--blue);transform:translateY(-3px)}.midi-mistakes-section{background:#fff}.midi-mistakes-section>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.midi-mistakes-section article{padding:23px;border-top:5px solid var(--orange);background:#f2eee7;border-radius:12px}.midi-mistakes-section article>span{font:18px 'DM Mono';color:var(--orange)}.midi-mistakes-section p{margin:12px 0 0;color:var(--muted);font-size:13px}.midi-mistakes-section b{color:var(--ink)}
.course-card-grid a.midi-course-card{grid-column:1/-1;min-height:235px;background:#dff6eb;color:var(--ink)}.course-card-grid a.midi-course-card b{color:var(--blue)}.course-card-grid a:nth-child(7){background:#dff1ff}
@media(max-width:1050px){.midi-course-hero{grid-template-columns:1fr}.midi-hero-route{min-height:350px}.midi-facts-grid,.midi-time-grid,.midi-mistakes-section>div{grid-template-columns:1fr}.midi-primary-tool{grid-template-columns:1fr}.midi-primary-tool>strong{white-space:normal}}
@media(max-width:700px){.midi-course-hero{padding:125px 20px 60px}.midi-course-hero h1{font-size:74px}.midi-hero-route{min-height:330px;gap:4px;padding-left:10px;padding-right:10px}.midi-hero-route>span,.midi-hero-route>strong,.midi-hero-route>em{padding:9px 7px;font-size:7px}.midi-section-nav{padding-left:20px;padding-right:20px}.midi-content-section,.midi-tools-section,.midi-mistakes-section{padding:70px 20px}.midi-audio-compare,.midi-byte-anatomy,.midi-connection-grid,.midi-route-links,.midi-tool-grid{grid-template-columns:1fr}.midi-note-timeline{min-height:310px}.midi-note-timeline .note-on{left:12%;top:31%}.midi-note-timeline .note-off{right:12%;top:73%}.midi-note-timeline>em{left:22%;right:22%;top:49%;border-bottom-width:6px}.timeline-line{left:50%;right:auto;top:18%;bottom:15%;width:3px;height:auto}.midi-signal-chain{align-items:stretch;flex-direction:column;text-align:center}.midi-signal-chain i{transform:rotate(90deg)}.course-card-grid a.midi-course-card{grid-column:auto}}
.context-course-link{display:inline-block;margin-top:12px;color:var(--blue);font-size:12px;font-weight:800}.sequencer-section .context-course-link{color:var(--mint)}#octet,.sequencer-section,#midi-appareils{scroll-margin-top:100px}

/* Orientation de la page Cours */
.course-hub>.page-heading{padding-bottom:48px}.course-orientation{margin-bottom:95px;padding:32px;background:var(--ink);color:#fff;border-radius:28px;box-shadow:0 24px 65px #15192522}.course-orientation>header{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;align-items:end;padding:5px 5px 28px}.course-orientation h2{font-size:clamp(38px,5vw,62px);line-height:1;letter-spacing:-.05em;margin:8px 0 14px}.course-orientation>header p:last-child{max-width:600px;margin-bottom:0;color:#b9c1ce}.course-profile-buttons{display:grid;gap:7px}.course-profile-buttons button{padding:14px 16px;border:1px solid #ffffff24;border-radius:10px;background:#252b38;color:#fff;text-align:left;font-weight:800;cursor:pointer;transition:.18s}.course-profile-buttons button:before{content:"";display:inline-block;width:9px;height:9px;margin-right:9px;border:2px solid #8992a4;border-radius:50%;vertical-align:1px}.course-profile-buttons button:hover{border-color:#ffffff5c}.course-profile-buttons button.selected{background:var(--mint);border-color:var(--mint);color:var(--ink)}.course-profile-buttons button.selected:before{border-color:var(--ink);background:var(--blue);box-shadow:inset 0 0 0 2px var(--mint)}.course-path-panel{padding:26px;background:#0d1018;border:1px solid #ffffff14;border-radius:20px}.course-path-summary{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:20px}.course-path-summary small{font:8px 'DM Mono';letter-spacing:.13em;color:var(--mint)}.course-path-summary h3{font-size:30px;margin:5px 0 0}.course-path-summary>p{max-width:620px;margin:0;color:#b8c0cd;font-size:13px}.course-path-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0}.course-path-steps li{min-width:0}.course-path-steps a{min-height:178px;height:100%;display:flex;flex-direction:column;padding:20px;background:#252b38;border:1px solid #ffffff13;border-radius:12px;color:#fff;text-decoration:none;transition:.18s}.course-path-steps a:hover{background:var(--blue);transform:translateY(-2px)}.course-path-steps span{font:8px 'DM Mono';color:var(--mint);letter-spacing:.1em}.course-path-steps b{margin:10px 0 4px;font-size:17px}.course-path-steps p{margin:0;color:#b9c1cd;font-size:11px}.course-path-steps em{margin-top:auto;padding-top:17px;color:var(--mint);font-size:11px;font-style:normal;font-weight:800}.course-path-steps .optional a{border:1px dashed var(--orange);background:#ff704811}.course-path-steps .optional span,.course-path-steps .optional em{color:#ff9b80}.course-path-note{margin:18px 3px 0;padding:14px 17px;border-left:4px solid var(--orange);background:#ffffff08;color:#c0c7d2;font-size:12px}.course-path-note b{color:#fff}.course-directory-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:28px}.course-directory-heading h2{font-size:clamp(38px,5vw,62px);line-height:1;letter-spacing:-.05em;margin:8px 0 0}.course-directory-heading>p{max-width:520px;margin:0;color:var(--muted);font-size:14px}.course-card-grid{margin-bottom:0}
@media(max-width:1000px){.course-orientation>header{grid-template-columns:1fr}.course-path-steps{grid-template-columns:1fr 1fr}.course-path-summary{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:700px){.course-orientation{margin-left:-8px;margin-right:-8px;margin-bottom:70px;padding:18px 10px;border-radius:20px}.course-orientation>header{padding:8px 8px 22px;gap:25px}.course-profile-buttons button{text-align:center}.course-path-panel{padding:15px 9px}.course-path-steps{grid-template-columns:1fr}.course-path-steps a{min-height:145px}.course-directory-heading{align-items:flex-start;flex-direction:column;gap:10px}.course-directory-heading>p{font-size:13px}}

/* Message MIDI concret et outil intégré */
.midi-controller-drawing{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;padding:8px}.midi-controller-drawing span{position:relative;background:#fff;border:1px solid #b8bdc7;border-radius:0 0 4px 4px}.midi-controller-drawing i{position:absolute;z-index:2;top:8px;left:calc((var(--key) * 100% / 7) - 3.2%);width:6.4%;height:55%;background:var(--ink);border:0;border-radius:0 0 3px 3px}.midi-message-strip{display:block;left:10%;right:10%;bottom:26px;padding:12px 14px;background:#0d1018;border:1px solid #ffffff18;border-radius:10px}.midi-message-strip small,.midi-message-strip code,.midi-message-strip span{display:block}.midi-message-strip small{color:#8993a5;font:7px 'DM Mono';letter-spacing:.12em}.midi-message-strip code{display:flex;gap:6px;margin:7px 0}.midi-message-strip code b{padding:6px 11px;background:var(--purple);border-radius:5px;color:#fff;font:14px 'DM Mono'}.midi-message-strip code b:first-child{background:var(--orange);color:var(--ink)}.midi-message-strip code b:nth-child(2){background:var(--blue)}.midi-message-strip code b:nth-child(3){background:var(--mint);color:var(--ink)}.midi-message-strip span{color:#bcc4d1;font-size:9px}.midi-concrete-message{grid-template-columns:repeat(3,1fr)}.midi-concrete-message article{min-width:0}.midi-concrete-message article>div{gap:3px}.midi-concrete-message b{font-size:14px}.midi-concrete-message p strong{display:block;margin-bottom:6px;color:#fff;font-size:12px}.midi-concrete-message p span{display:inline}.midi-concrete-message p span+span:before{content:" · ";color:#798395}
.midi-inline-tool{scroll-margin-top:135px;margin:32px 0;padding:27px;background:var(--ink);color:#fff;border-radius:22px}.midi-inline-tool>header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:23px}.midi-inline-tool>header>div:first-child{max-width:750px}.midi-inline-tool h3{font-size:clamp(30px,4vw,48px);line-height:1;letter-spacing:-.04em;margin:7px 0 10px}.midi-inline-tool>header p:last-child{margin:0;color:#b9c1ce;font-size:13px}.midi-tool-status{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:10px 13px;background:#153a2a;border-radius:9px}.midi-tool-status span{display:grid;place-items:center;width:23px;height:23px;background:var(--mint);color:var(--ink);border-radius:50%;font-weight:800}.midi-tool-status b{font-size:11px}.midi-tool-status.invalid{background:#48241d}.midi-tool-status.invalid span{background:var(--orange)}.midi-inline-layout{display:grid;grid-template-columns:.64fr 1.36fr;gap:10px}.midi-inline-controls,.midi-inline-display{padding:20px;background:#252b38;border-radius:15px}.midi-inline-controls label{display:block;margin-bottom:21px;color:#c1c8d3;font-size:11px;font-weight:800}.midi-inline-controls output{float:right;color:var(--mint);font:9px 'DM Mono'}.midi-inline-controls select{display:block;width:100%;margin-top:7px;padding:10px;background:#0d1018;color:#fff;border:1px solid #ffffff25;border-radius:7px}.midi-inline-controls input[type="range"]{display:block;width:100%;margin-top:9px;accent-color:var(--mint)}.midi-inline-presets{display:grid;grid-template-columns:1fr 1fr;gap:6px}.midi-inline-presets button{padding:9px;border:1px solid #ffffff22;border-radius:7px;background:#0d1018;color:#fff;cursor:pointer;font-size:9px}.midi-inline-presets button:hover{background:var(--blue)}.midi-inline-display{background:#0d1018}.inline-midi-byte-rows{display:grid;gap:8px}.inline-midi-byte-row{padding:13px;background:#202633;border-radius:10px}.inline-midi-byte-row header{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.inline-midi-byte-row header b{font-size:10px}.inline-midi-byte-row header small{color:#919bac;font:8px 'DM Mono'}.inline-midi-bit-row,.inline-midi-bit-weights{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.inline-midi-bit{aspect-ratio:1;border:1px solid #ffffff1d;border-radius:7px;color:#fff;cursor:pointer;font:14px 'DM Mono';opacity:.42}.inline-midi-bit.on{opacity:1;color:var(--ink);box-shadow:inset 0 0 0 1px #ffffff40}.inline-midi-bit.role-marker{background:var(--orange)}.inline-midi-bit.role-command{background:var(--purple)}.inline-midi-bit.role-channel{background:var(--blue)}.inline-midi-bit.role-data{background:var(--mint)}.inline-midi-bit-weights{margin-top:3px;text-align:center;color:#788294;font:6px 'DM Mono'}.inline-midi-summary{display:grid;grid-template-columns:.8fr .8fr 1.4fr;gap:6px;margin-top:9px}.inline-midi-summary p{min-width:0;margin:0;padding:12px;background:#202633;border-radius:8px}.inline-midi-summary small,.inline-midi-summary strong{display:block}.inline-midi-summary small{color:#8f99aa;font:7px 'DM Mono'}.inline-midi-summary strong{margin-top:5px;color:var(--mint);font-size:11px;overflow-wrap:anywhere}.inline-midi-audition{width:100%;margin-top:9px;padding:12px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}.inline-midi-audition:hover{background:var(--mint);color:var(--ink)}.inline-midi-audition:disabled{opacity:.45;cursor:not-allowed}.inline-midi-feedback{min-height:20px;margin:8px 3px 0;color:#aeb7c5;font-size:10px}
@media(max-width:1050px){.midi-concrete-message{grid-template-columns:1fr}.midi-inline-layout{grid-template-columns:1fr}.midi-inline-tool>header{align-items:flex-start;flex-direction:column}.midi-tool-status{align-self:flex-start}}
@media(max-width:700px){.midi-message-strip{left:6%;right:6%;bottom:17px}.midi-message-strip span{font-size:8px}.midi-inline-tool{margin-left:-7px;margin-right:-7px;padding:18px 9px}.midi-inline-controls,.midi-inline-display{padding:13px 9px}.inline-midi-bit-row,.inline-midi-bit-weights{gap:3px}.inline-midi-bit{border-radius:5px;font-size:12px}.inline-midi-summary{grid-template-columns:1fr}.midi-inline-presets{grid-template-columns:1fr 1fr}}
.midi-input-mount{margin:13px 0}.midi-input-card{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(270px,.9fr) minmax(250px,1.2fr);gap:9px;padding:13px;background:#10151e;border:1px solid #ffffff1a;border-radius:14px;color:#fff}.midi-input-heading{display:flex;align-items:center;gap:12px;padding:9px}.midi-input-heading>i{flex:0 0 auto;width:13px;height:13px;background:#687385;border:3px solid #252c39;border-radius:50%;box-shadow:0 0 0 1px #ffffff22}.midi-input-card[data-midi-state="listening"] .midi-input-heading>i{background:var(--mint);box-shadow:0 0 14px #8be8bd80}.midi-input-card.receiving .midi-input-heading>i{background:var(--orange);box-shadow:0 0 18px #ff7048}.midi-input-card[data-midi-state="error"] .midi-input-heading>i,.midi-input-card[data-midi-state="unsupported"] .midi-input-heading>i{background:var(--orange)}.midi-input-heading small,.midi-input-heading strong,.midi-input-heading p{display:block}.midi-input-heading small{color:var(--mint);font:8px 'DM Mono';letter-spacing:.1em}.midi-input-heading strong{margin:3px 0;font-size:14px}.midi-input-heading p{margin:0;color:#9ca6b6;font-size:10px;line-height:1.4}.midi-input-config{display:grid;grid-template-columns:auto minmax(150px,1fr);gap:7px;align-items:stretch}.midi-input-enable{padding:10px 13px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-size:10px;font-weight:800;cursor:pointer}.midi-input-enable:hover:not(:disabled){background:var(--mint);color:var(--ink)}.midi-input-enable:disabled{opacity:.65;cursor:default}.midi-input-config label{display:flex;flex-direction:column;justify-content:center;padding:7px 9px;background:#252c39;border-radius:8px;color:#9fa9b8;font-size:8px;font-weight:800}.midi-input-select{min-width:0;width:100%;margin-top:3px;border:0;background:transparent;color:#fff;font:9px 'DM Mono'}
.midi-input-select{color-scheme:dark}.midi-input-select option{background:#202533;color:#fff}.midi-input-select:disabled{color:#788394}.midi-input-monitor{min-width:0;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-content:center;padding:9px 12px;background:#090d14;border-radius:8px}.midi-input-monitor small{grid-column:1/-1;color:#7f899a;font:7px 'DM Mono';letter-spacing:.1em}.midi-input-monitor code{color:var(--orange);font:700 13px 'DM Mono';white-space:nowrap}.midi-input-monitor span{min-width:0;color:#b9c1ce;font-size:9px;overflow-wrap:anywhere}.midi-input-status{grid-column:1/-1;margin:0 4px;color:#8f9aac;font-size:9px}.midi-input-card[data-midi-state="listening"] .midi-input-status{color:var(--mint)}.midi-input-card[data-midi-state="error"] .midi-input-status,.midi-input-card[data-midi-state="unsupported"] .midi-input-status{color:#ff9b80}.midi-input-card[data-minilab3="true"]{border-color:#8be8bd75;box-shadow:inset 0 0 0 1px #8be8bd18}.minilab-course-note{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;margin:-2px 0 13px;padding:12px 15px;border-left:3px solid var(--mint);background:#10151e;color:#fff}.minilab-course-note b{color:var(--mint);font:11px 'DM Mono';white-space:nowrap}.minilab-course-note p{margin:0;color:#aeb8c7;font-size:11px;line-height:1.45}#lab-midi-input{max-width:1300px;margin:0 auto 12px}.pitch-tool>.midi-input-mount{margin:0 0 11px}.mini-synth>.midi-input-mount{margin-top:12px}
@media(max-width:1050px){.midi-input-card{grid-template-columns:1fr 1fr}.midi-input-monitor{grid-column:1/-1}.midi-input-status{grid-column:1/-1}}
@media(max-width:700px){.midi-input-card{grid-template-columns:1fr;padding:10px}.midi-input-monitor,.midi-input-status{grid-column:auto}.midi-input-config{grid-template-columns:1fr}.midi-input-enable{min-height:43px}.midi-input-monitor{grid-template-columns:1fr}.midi-input-monitor small{grid-column:auto}.midi-input-monitor code{white-space:normal}}
@media(max-width:700px){.minilab-course-note{grid-template-columns:1fr;gap:4px}.minilab-course-note b{white-space:normal}}
.midi-concrete-message article>div{grid-template-columns:repeat(8,minmax(0,1fr))}.midi-concrete-message b.channel{min-width:0;width:auto;height:auto}

/* Fonctionnement de la DAW */
.daw-core-section{padding:100px 7vw;background:#fff;border-top:1px solid var(--line);scroll-margin-top:72px}.daw-core-section>header{max-width:1300px;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:end;margin-bottom:45px}.daw-core-section>header h2{font-size:clamp(46px,6vw,78px);line-height:.98;letter-spacing:-.06em;margin:8px 0 0}.daw-core-section>header>p{font-size:18px;color:var(--muted)}.daw-core-section>section{max-width:1300px;padding:44px 0;border-top:1px solid var(--line)}.daw-section-heading{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:end;margin-bottom:24px}.daw-section-heading small{font:8px 'DM Mono';color:var(--blue);letter-spacing:.13em}.daw-section-heading h3{font-size:clamp(29px,4vw,46px);line-height:1.03;letter-spacing:-.04em;margin:7px 0 0}.daw-section-heading>p{margin:0;color:var(--muted);font-size:14px}.daw-track-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:9px;padding:7px;background:#edf0f5;border-radius:12px}.daw-track-tabs button{padding:11px 8px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);cursor:pointer;font-size:11px;font-weight:800}.daw-track-tabs button.selected{background:var(--blue);border-color:var(--blue);color:#fff}.daw-track-demo{display:grid;grid-template-columns:1.35fr .65fr;gap:9px;padding:15px;background:var(--ink);color:#fff;border-radius:18px}.daw-track-lane{min-width:0;background:#0d1018;border-radius:11px;overflow:hidden}.daw-track-lane>header{height:62px;display:flex;align-items:center;gap:10px;padding:10px 13px;background:#252b38}.daw-track-lane>header>span{padding:6px 8px;background:var(--orange);color:var(--ink);border-radius:5px;font:8px 'DM Mono'}.daw-track-lane>header>strong{font-size:12px}.daw-track-lane>header>div{display:flex;gap:4px;margin-left:auto}.daw-track-lane>header i{display:grid;place-items:center;width:25px;height:25px;background:#11151e;border-radius:5px;color:#aeb6c5;font:9px 'DM Mono';font-style:normal}.daw-track-lane>header i:first-child{background:var(--orange);color:var(--ink)}.daw-lane-content{height:170px;position:relative;background:repeating-linear-gradient(90deg,transparent 0 9.9%,#ffffff0d 10%),repeating-linear-gradient(0deg,transparent 0 48%,#ffffff0b 49% 50%,transparent 51%)}.daw-mini-playhead{position:absolute;z-index:2;left:38%;top:0;bottom:0;width:2px;background:var(--orange)}.daw-mini-playhead:before{content:"";position:absolute;left:-4px;width:10px;height:8px;background:var(--orange);clip-path:polygon(0 0,100% 0,50% 100%)}.daw-demo-clip{position:absolute;left:7%;right:8%;top:36px;height:95px;padding:12px;background:var(--blue);border-radius:8px;overflow:hidden}.daw-demo-clip i{position:absolute;inset:19px 10px 15px;background:var(--mint);clip-path:polygon(0 50%,2% 41%,4% 64%,6% 24%,8% 77%,10% 39%,12% 59%,14% 18%,16% 85%,18% 35%,20% 66%,22% 27%,24% 73%,26% 42%,28% 57%,30% 31%,32% 69%,34% 44%,36% 55%,38% 22%,40% 81%,42% 37%,44% 63%,46% 28%,48% 75%,50% 45%,52% 56%,54% 34%,56% 68%,58% 24%,60% 78%,62% 40%,64% 61%,66% 19%,68% 84%,70% 36%,72% 65%,74% 30%,76% 72%,78% 43%,80% 58%,82% 25%,84% 76%,86% 38%,88% 64%,90% 32%,92% 70%,94% 45%,96% 55%,98% 42%,100% 50%,100% 53%,98% 46%,96% 59%,94% 49%,92% 74%,90% 36%,88% 68%,86% 42%,84% 80%,82% 29%,80% 62%,78% 47%,76% 76%,74% 34%,72% 69%,70% 40%,68% 88%,66% 23%,64% 65%,62% 44%,60% 82%,58% 28%,56% 72%,54% 38%,52% 60%,50% 49%,48% 79%,46% 32%,44% 67%,42% 41%,40% 85%,38% 26%,36% 59%,34% 48%,32% 73%,30% 35%,28% 61%,26% 46%,24% 77%,22% 31%,20% 70%,18% 39%,16% 89%,14% 22%,12% 63%,10% 43%,8% 81%,6% 28%,4% 68%,2% 45%,0 54%)}.daw-demo-clip em{position:absolute;z-index:2;top:6px;left:9px;color:#fff;font:8px 'DM Mono';font-style:normal}.daw-track-demo[data-track-type="midi"] .daw-demo-clip,.daw-track-demo[data-track-type="instrument"] .daw-demo-clip{background:var(--purple)}.daw-track-demo[data-track-type="midi"] .daw-demo-clip i,.daw-track-demo[data-track-type="instrument"] .daw-demo-clip i{inset:29px 12px 15px;background:repeating-linear-gradient(90deg,var(--mint) 0 6%,transparent 6.5% 9%),repeating-linear-gradient(0deg,transparent 0 17%,#8be8bd 18% 28%,transparent 29% 46%,#8be8bd 47% 58%,transparent 59% 75%,#8be8bd 76% 87%,transparent 88%);clip-path:none}.daw-track-demo[data-track-type="bus"] .daw-demo-clip,.daw-track-demo[data-track-type="master"] .daw-demo-clip{left:18%;right:18%;background:#303747;border:2px dashed var(--mint)}.daw-track-demo[data-track-type="bus"] .daw-demo-clip i,.daw-track-demo[data-track-type="master"] .daw-demo-clip i{background:linear-gradient(90deg,var(--blue),var(--mint));clip-path:polygon(0 40%,25% 25%,50% 52%,75% 36%,100% 48%,100% 57%,75% 45%,50% 61%,25% 34%,0 51%)}.daw-track-readout{display:grid;gap:6px}.daw-track-readout p{margin:0;padding:12px;background:#252b38;border-radius:9px}.daw-track-readout small,.daw-track-readout strong{display:block}.daw-track-readout small{color:#8f99aa;font:7px 'DM Mono'}.daw-track-readout strong{margin-top:4px;color:var(--mint);font-size:11px}.daw-track-types>.remember{margin-bottom:0}
.daw-control-explorer{display:grid;grid-template-columns:310px 1fr;gap:10px;padding:16px;background:var(--ink);color:#fff;border-radius:18px}.daw-channel-strip{display:grid;grid-template-rows:auto auto auto auto 1fr;gap:7px;padding:14px;background:#0d1018;border-radius:11px}.daw-channel-strip button{border:1px solid #ffffff1c;background:#252b38;color:#fff;border-radius:7px;cursor:pointer}.daw-channel-strip button.selected{border-color:var(--mint);box-shadow:inset 0 0 0 1px var(--mint)}.daw-io-button{display:grid;grid-template-columns:55px 1fr;padding:9px;text-align:left}.daw-io-button small{color:#8f99aa;font:7px 'DM Mono'}.daw-io-button b{font-size:10px}.daw-small-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.daw-small-controls button{height:38px;font:10px 'DM Mono'}.daw-small-controls button:first-child{color:var(--orange)}.daw-small-controls button:nth-child(2){color:var(--mint)}.daw-fx-button{display:flex;justify-content:space-between;padding:10px}.daw-fx-button span{display:grid;place-items:center;width:20px;height:20px;background:var(--blue);border-radius:50%;font:8px 'DM Mono'}.daw-pan-button{padding:10px}.daw-pan-button span{display:block;width:34px;height:34px;margin:auto;border:5px solid #485164;border-top-color:var(--mint);border-radius:50%;transform:rotate(-25deg)}.daw-pan-button b{display:block;margin-top:5px;font:8px 'DM Mono'}.daw-fader-button{min-height:160px;position:relative}.daw-fader-button i{position:absolute;top:18px;bottom:38px;left:50%;width:5px;background:#485164;border-radius:8px}.daw-fader-button span{position:absolute;z-index:2;left:calc(50% - 17px);top:45%;width:34px;height:13px;background:var(--mint);border-radius:4px}.daw-fader-button b{position:absolute;left:0;right:0;bottom:10px;font:8px 'DM Mono'}.daw-control-detail{padding:30px;background:#252b38;border-radius:11px}.daw-control-detail .eyebrow{color:var(--mint)}.daw-control-detail h4{font-size:32px;margin:8px 0}.daw-control-detail>p:not(.eyebrow){max-width:700px;color:#c1c8d3}.daw-control-detail>div{display:flex;gap:12px;margin-top:30px;padding:16px;border-left:4px solid var(--orange);background:#0d1018}.daw-control-detail>div b,.daw-control-detail>div span{display:block}.daw-control-detail>div b{white-space:nowrap;color:var(--orange)}.daw-control-detail>div span{color:#bdc5d1;font-size:12px}.daw-control-key{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px}.daw-control-key article{padding:15px;background:#eef1f7;border-radius:9px}.daw-control-key b{font-size:11px}.daw-control-key p{margin:5px 0 0;color:var(--muted);font-size:10px}
.daw-routing-diagram{padding:18px;background:var(--ink);color:#fff;border-radius:17px}.daw-main-route,.daw-send-route{display:flex;align-items:center;gap:6px;overflow:auto}.daw-main-route>*{flex:0 0 auto}.daw-main-route span,.daw-send-route span,.daw-send-route strong{padding:12px;background:#252b38;border-radius:8px;font:8px 'DM Mono';font-style:normal}.daw-main-route span b,.daw-send-route strong b{color:var(--mint)}.daw-main-route i,.daw-send-route i{color:var(--mint);font-style:normal}.daw-send-route{margin:10px 0 0 18%;padding-top:10px;border-top:1px dashed #ffffff2e}.daw-send-route strong{background:var(--purple)}.daw-routing-points{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.daw-routing-points article{padding:17px;background:#eef1f7;border-radius:10px}.daw-routing-points small{font:7px 'DM Mono';color:var(--blue)}.daw-routing-points b{display:block;margin:5px 0;font-size:13px}.daw-routing-points p{margin:0;color:var(--muted);font-size:10px}
.daw-workflow-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.daw-workflow-columns>div{padding:25px;background:#eef1f7;border-radius:15px}.daw-workflow-columns h4{font-size:24px;margin:0 0 15px}.daw-step-list{list-style:none;margin:0;padding:0}.daw-step-list li{display:grid;grid-template-columns:28px 1fr;gap:9px;padding:10px 0;border-top:1px solid var(--line)}.daw-step-list li>span{display:grid;place-items:center;width:25px;height:25px;background:var(--blue);color:#fff;border-radius:50%;font:9px 'DM Mono'}.daw-step-list p{margin:0;color:var(--muted);font-size:10px}.daw-step-list b{display:block;color:var(--ink);font-size:12px}.daw-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.daw-edit-grid article{padding:14px;background:#fff;border-radius:9px}.daw-edit-grid b{font-size:12px}.daw-edit-grid p{margin:4px 0 0;color:var(--muted);font-size:10px}.daw-monitoring-bridge{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-top:9px;padding:18px;background:#151925;color:#fff;border-radius:14px}.daw-monitoring-bridge>div{padding:14px;background:#252b38;border-radius:9px}.daw-monitoring-bridge small,.daw-monitoring-bridge strong{display:block}.daw-monitoring-bridge small{color:var(--mint);font:7px 'DM Mono'}.daw-monitoring-bridge strong{margin:6px 0;font-size:13px}.daw-monitoring-bridge p{margin:0;color:#bac2ce;font-size:10px}.daw-monitoring-bridge>i{color:var(--orange);font:9px 'DM Mono';font-style:normal}.daw-monitoring-bridge>a{grid-column:1/-1;color:var(--mint);font-size:11px;font-weight:800}

/* Plugins et instruments virtuels */
.plugin-nature-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:25px 0}.plugin-nature-grid article{padding:19px;background:#eef1f7;border-radius:11px}.plugin-nature-grid small,.plugin-nature-grid b{display:block}.plugin-nature-grid small{font:7px 'DM Mono';color:var(--blue)}.plugin-nature-grid b{margin:6px 0;font-size:14px}.plugin-nature-grid p{margin:0!important;color:var(--muted)!important;font-size:11px!important}.plugin-role-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.plugin-role-comparison article{padding:18px;background:var(--ink);color:#fff;border-radius:12px}.plugin-role-comparison small{font:7px 'DM Mono';color:var(--mint)}.plugin-role-comparison h3{font-size:18px;margin:7px 0}.plugin-role-comparison article>div{display:flex;align-items:center;gap:4px;overflow:auto}.plugin-role-comparison article>div>*{flex:0 0 auto}.plugin-role-comparison span,.plugin-role-comparison strong{padding:7px;background:#252b38;border-radius:5px;font-size:8px}.plugin-role-comparison strong{background:var(--purple)}.plugin-role-comparison i{color:var(--mint);font-style:normal}.plugin-role-comparison p{color:#b9c1ce!important;font-size:10px!important}.plugin-chain-example,.virtual-instrument-flow{display:flex;align-items:center;gap:6px;margin:9px 0;padding:15px;background:#151925;color:#fff;border-radius:12px;overflow:auto}.plugin-chain-example>*,.virtual-instrument-flow>*{flex:0 0 auto}.plugin-chain-example span,.plugin-chain-example strong,.virtual-instrument-flow span,.virtual-instrument-flow strong{padding:10px 12px;background:#252b38;border-radius:7px;font-size:9px}.plugin-chain-example strong,.virtual-instrument-flow strong{background:var(--blue)}.plugin-chain-example strong b,.virtual-instrument-flow b{color:var(--mint)}.plugin-chain-example i,.virtual-instrument-flow i{color:var(--mint);font-style:normal}.virtual-instrument-section{background:#fff}.virtual-instrument-types,.virtual-track-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.virtual-instrument-types article,.virtual-track-facts article{padding:18px;background:#eef1f7;border-radius:11px}.virtual-instrument-types small{font:7px 'DM Mono';color:var(--blue)}.virtual-instrument-types b,.virtual-track-facts b{display:block;margin:6px 0;font-size:13px}.virtual-instrument-types p,.virtual-track-facts p{margin:0!important;color:var(--muted)!important;font-size:10px!important}.virtual-track-facts article{background:#151925;color:#fff}.virtual-track-facts p{color:#bac2ce!important}.virtual-instrument-links{display:flex;flex-wrap:wrap;gap:20px}.software-final-heading{font-size:26px;margin-top:40px}.software-final-table{margin-top:10px}
@media(max-width:1050px){.daw-core-section>header,.daw-section-heading,.daw-track-demo,.daw-control-explorer,.daw-workflow-columns{grid-template-columns:1fr}.daw-track-tabs{grid-template-columns:1fr 1fr}.daw-control-key,.daw-routing-points,.plugin-role-comparison,.virtual-instrument-types,.virtual-track-facts{grid-template-columns:1fr 1fr}.daw-channel-strip{grid-template-columns:1fr 1fr;grid-template-rows:auto}.daw-fader-button{grid-column:1/-1;min-height:140px}}
@media(max-width:700px){.daw-core-section{padding:70px 20px}.daw-core-section>header{gap:18px}.daw-section-heading{gap:9px}.daw-track-tabs,.daw-control-key,.daw-routing-points,.daw-edit-grid,.plugin-nature-grid,.plugin-role-comparison,.virtual-instrument-types,.virtual-track-facts{grid-template-columns:1fr}.daw-track-tabs button:last-child{grid-column:1/-1}.daw-channel-strip{grid-template-columns:1fr}.daw-fader-button{grid-column:auto}.daw-control-detail{padding:22px 16px}.daw-control-detail>div{align-items:flex-start;flex-direction:column}.daw-main-route,.daw-send-route,.plugin-chain-example,.virtual-instrument-flow{align-items:stretch;flex-direction:column;text-align:center}.daw-main-route i,.daw-send-route i,.plugin-chain-example i,.virtual-instrument-flow i{align-self:center;transform:rotate(90deg)}.daw-send-route{margin-left:0}.daw-monitoring-bridge{grid-template-columns:1fr}.daw-monitoring-bridge>i{text-align:center;transform:rotate(90deg)}.daw-monitoring-bridge>a{grid-column:1}.virtual-instrument-links{gap:7px}.software-final-table{display:block;overflow:auto}}
.software-section-nav{position:sticky;z-index:12;top:72px;display:flex;gap:8px;padding:13px 7vw;background:#fff;border-block:1px solid var(--line);overflow:auto}.software-section-nav a{flex:0 0 auto;padding:8px 14px;border:1px solid var(--line);border-radius:100px;text-decoration:none;font-size:11px;font-weight:800}.software-section-nav a:hover{background:var(--ink);color:#fff}#outils-audio,#daw,#raccords,#destructif,#plugins,#instrument-virtuel{scroll-margin-top:125px}@media(max-width:700px){.software-section-nav{padding-left:20px;padding-right:20px}}

/* Lisibilité générale : les informations pédagogiques restent lisibles sur écran et en projection. */
small{font-size:12px!important;line-height:1.4}.eyebrow,.tag{font-size:12px}.topbar nav a{font-size:14px}figcaption{font-size:13px!important;line-height:1.5}.lab-tabs a,.midi-section-nav a,.plugin-sibling-nav a,.software-section-nav a,.glossary-filters button{font-size:12px}.resource-action,.pdf-links a,.context-course-link,.plugin-back,.plugin-course-links b{font-size:13px}

.nyquist-status p,.connector-note p,.seq-panel>p,.regeneration-result p,.digital-benefits p,.quantization-steps p,.quantizer-controls>p,.edit-instruction-list p,.hardware-inside p,.system-stack p,.interface-terms p,.interface-callouts p,.gain-main-cards p,.monitoring-path p,.latency-control p,.monitoring-choice-cards p,.plugin-course-links p,.filter-family-grid p,.parameter-grid p,.processor-family-grid p,.delay-family-grid p,.db-key-options p,.dbfs-facts p,.db-lab-key p,.reverb-phase p,.reverb-routing-note p,.pan-balance-concepts p,.stereo-pan-variants p,.frequency-mixer-metaphor p,.sidechain-cases p,.eq-family-comparison p,.midi-byte-anatomy p,.midi-facts-grid p,.midi-primary-tool p,.midi-time-grid p,.midi-connection-grid p,.course-path-steps p,.daw-control-key p,.daw-routing-points p,.daw-step-list p,.daw-edit-grid p,.daw-monitoring-bridge p,.plugin-nature-grid p,.plugin-role-comparison p,.virtual-instrument-types p,.virtual-track-facts p{font-size:14px!important;line-height:1.55}

.inline-midi-bit-weights,.bit-weights,.byte-weights,.rgb-bit-weights,.canvas-legend,.quantizer-legend,.delay-legend,.reverb-legend,.sidechain-legend,.gain-scale,.dbfs-scale,.db-reference-head,.connector-photo-labels,.connector-table-head,.keyboard-zone:before,.part-keyboard:before,.part-computer:before,.part-peripheral:before,.part-storage:before,.daw-tracks span,.daw-mixer b,.daw-main-route span,.daw-send-route span,.daw-send-route strong,.plugin-role-comparison span,.plugin-role-comparison strong,.plugin-chain-example span,.plugin-chain-example strong,.virtual-instrument-flow span,.virtual-instrument-flow strong,.midi-hero-route>span,.midi-hero-route>strong,.midi-hero-route>em,.midi-message-strip span,.midi-note-timeline>span,.midi-route-links span,.midi-connection-grid span,.plugin-hero-curve span,.reverb-hero-curve>b,.latency-definition span,.latency-definition b,.monitoring-path span,.monitoring-path strong,.plugin-signal-flow span,.plugin-signal-flow strong,.delay-routing span,.delay-routing strong,.sidechain-routing-summary span,.sidechain-routing-summary strong{font-size:11px!important;line-height:1.4}

.compressor-detector-path .gain-command,.compressor-tap i,.course-path-steps span,.db-key-options span,.db-lab-key span,.dbfs-to-room i,.edit-wave-flow>i,.eq-axis-note,.gain-main-flow span,.gain-main-flow strong,.graphic-eq-screen>span,.instrument-analysis span,.interface-mini-flow span,.interface-mini-flow strong,.interface-mini-flow b,.latency-control output,.mic-symbol,.stereo-mics b,.speaker-pair b,.midi-bit-key span,.practice-folder.has-file:after,.quantizer-screen>span,.regeneration-screen>span,.rgb-channel header label,.seq-corner,.seq-step-number,.seq-note-label,.spatial-output-meters header,.spatial-position-label output,.spatial-source-view>span:last-child,.spatial-source-view>b,.synth-monitor>div span,.system-stack>i,.inline-midi-byte-row header b,.io-tags i,.mock-titlebar span,.mock-window-bar span,.midi-primary-tool>span,.practice-bar span,.sequencer-status{font-size:11px!important;line-height:1.4}

.midi-inline-presets button,.quant-presets button,.plugin-presets button,.db-unit-buttons button,.daw-track-tabs button,.daw-small-controls button,.graphic-eq-actions>label,.mock-toolbar label,.sequencer-toolbar label,.sidechain-controls>label,.plugin-controls>label,.quantizer-controls label,.regeneration-controls label{font-size:12px!important}.inline-midi-feedback,.latency-estimate-note,.spatial-explanation{font-size:12px!important;line-height:1.45}.comparison-table th,.shortcut-head,.mao-connection-head,.pan-balance-head{font-size:11px}

.azerty-keyboard kbd{min-width:42px;height:42px;font-size:12px!important}.azerty-keyboard kbd small{font-size:10px!important}.keyboard-legend span{font-size:11px!important}.clip{font-size:10px}.daw-track-lane>header i,.daw-demo-clip em,.daw-fader-button b,.daw-pan-button b,.daw-fx-button span{font-size:11px}.daw-io-button small{font-size:11px!important}.daw-io-button b,.daw-control-key b,.daw-track-readout strong{font-size:13px}.daw-step-list b,.daw-edit-grid b{font-size:14px}.daw-control-detail>div span{font-size:14px}.inline-midi-bit{font-size:14px}.inline-midi-summary strong,.midi-byte-anatomy p,.midi-data-example span{font-size:13px}

@media(max-width:700px){.topbar nav a{font-size:14px}.connector-photo-labels{font-size:11px!important}.keyboard-legend span{font-size:11px!important}.midi-hero-route>span,.midi-hero-route>strong,.midi-hero-route>em{font-size:11px!important}.daw-track-tabs button,.software-section-nav a,.midi-section-nav a{font-size:12px!important}}

/* Crête-mètre de la DAW */
.daw-meter-lab{display:grid;grid-template-columns:.72fr 1.28fr;gap:10px;padding:16px;background:var(--ink);color:#fff;border-radius:18px}.daw-meter-display{min-height:390px;position:relative;display:grid;grid-template-columns:48px 1fr;gap:12px;padding:24px;background:#0d1018;border-radius:12px}.daw-meter-scale{height:310px;display:flex;flex-direction:column;justify-content:space-between;color:#aeb7c5;font:11px 'DM Mono';text-align:right}.daw-meter-columns{height:310px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.daw-meter-column{min-width:0;display:grid;grid-template-rows:1fr auto auto;gap:7px;text-align:center}.daw-meter-rail{position:relative;overflow:hidden;background:repeating-linear-gradient(0deg,#ffffff08 0 1px,transparent 1px 10%);border:1px solid #ffffff1b;border-radius:7px}.daw-meter-rail:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,transparent 0 70%,#ffd36e12 70% 90%,#ff70481b 90%);pointer-events:none}.daw-meter-rail i{position:absolute;left:5px;right:5px;bottom:5px;height:calc(var(--meter-level) - 10px);min-height:2px;background:linear-gradient(to top,var(--mint) 0 72%,#ffd36e 86%,var(--orange) 100%);border-radius:4px;transition:height .25s ease}.daw-meter-column.rms .daw-meter-rail i{background:linear-gradient(to top,var(--blue),var(--purple))}.daw-meter-rail b{position:absolute;z-index:2;left:3px;right:3px;bottom:calc(var(--meter-level) - 2px);height:3px;background:#fff;box-shadow:0 0 7px #fff;transition:bottom .25s ease}.daw-meter-column small{color:#aeb7c5}.daw-meter-column output{font:700 15px 'DM Mono';color:var(--mint)}.daw-meter-unit{position:absolute;right:18px;top:14px;color:#8f99aa;font:11px 'DM Mono'}.daw-meter-display.clipping .daw-meter-column:not(.rms) .daw-meter-rail i{background:var(--orange);box-shadow:0 0 18px #ff704899}.daw-meter-display.clipping #daw-peak-value{color:var(--orange)}
.daw-meter-controls{display:flex;flex-direction:column;justify-content:center;padding:28px;background:#252b38;border-radius:12px}.daw-meter-controls>label{font-size:14px;font-weight:800}.daw-meter-controls>label output{float:right;color:var(--mint);font:13px 'DM Mono'}.daw-meter-controls>input{width:100%;margin:14px 0 25px;accent-color:var(--mint)}.daw-meter-controls fieldset{margin:0;padding:0;border:0}.daw-meter-controls legend{margin-bottom:9px;color:#c3cad5;font-size:13px;font-weight:800}.daw-crest-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.daw-crest-buttons button{padding:11px 7px;border:1px solid #ffffff22;border-radius:8px;background:#0d1018;color:#fff;cursor:pointer;font-size:12px;font-weight:800}.daw-crest-buttons button.selected{background:var(--blue);border-color:var(--blue)}.daw-meter-status{margin-top:23px;padding:18px;border-left:4px solid var(--mint);background:#0d1018}.daw-meter-status span,.daw-meter-status strong{display:block}.daw-meter-status span{color:var(--mint);font:11px 'DM Mono'}.daw-meter-status strong{margin:5px 0;font-size:20px}.daw-meter-status p{margin:0;color:#bdc5d1;font-size:14px}.daw-meter-status.clipping{border-color:var(--orange)}.daw-meter-status.clipping span,.daw-meter-status.clipping strong{color:var(--orange)}
.daw-meter-explanations{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px}.daw-meter-explanations article{padding:18px;background:#eef1f7;border-radius:10px}.daw-meter-explanations small{color:var(--blue)}.daw-meter-explanations b{display:block;margin:7px 0;font-size:14px}.daw-meter-explanations p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.daw-meter-warning{margin-bottom:14px}
@media(max-width:1050px){.daw-meter-lab{grid-template-columns:1fr}.daw-meter-explanations{grid-template-columns:1fr 1fr}}@media(max-width:700px){.daw-meter-lab{padding:10px}.daw-meter-display{min-height:340px;padding:18px 10px;grid-template-columns:38px 1fr}.daw-meter-scale,.daw-meter-columns{height:270px}.daw-meter-controls{padding:22px 15px}.daw-crest-buttons,.daw-meter-explanations{grid-template-columns:1fr}.daw-meter-unit{right:10px}.daw-meter-column output{font-size:13px}}

/* Modulation et coloration */
.plugin-course-links{grid-template-columns:repeat(3,1fr)}.modulation-icon:before{inset:22px 10px;background:var(--mint);clip-path:polygon(0 48%,5% 48%,10% 25%,15% 9%,20% 5%,25% 15%,30% 35%,35% 61%,40% 81%,45% 92%,50% 91%,55% 78%,60% 56%,65% 32%,70% 14%,75% 7%,80% 12%,85% 29%,90% 53%,95% 75%,100% 88%,100% 94%,95% 82%,90% 61%,85% 37%,80% 20%,75% 15%,70% 22%,65% 40%,60% 64%,55% 86%,50% 99%,45% 100%,40% 89%,35% 69%,30% 43%,25% 23%,20% 13%,15% 17%,10% 33%,5% 56%,0 56%)}.modulation-icon:after{left:14%;right:14%;top:50%;height:2px;background:#ffffff28}.coloration-icon:before{left:13%;bottom:15%;width:72%;height:68%;border-left:2px solid #ffffff35;border-bottom:2px solid #ffffff35}.coloration-icon:after{left:13%;bottom:15%;width:72%;height:68%;background:var(--orange);clip-path:polygon(0 100%,13% 91%,26% 81%,38% 69%,48% 54%,55% 35%,63% 19%,72% 10%,85% 5%,100% 4%,100% 10%,86% 11%,74% 16%,66% 26%,59% 42%,52% 62%,41% 77%,28% 88%,14% 97%,0 100%)}

.modulation-page .plugin-detail-hero{background:#e5ecff}.coloration-page .plugin-detail-hero{background:#ffe5da}.coloration-page .plugin-detail-hero h1{font-size:clamp(46px,6.5vw,88px);overflow-wrap:anywhere}.modulation-hero-curve:before{content:"";position:absolute;left:8%;right:8%;top:25%;height:50%;background:var(--mint);clip-path:polygon(0 49%,4% 29%,8% 13%,12% 7%,16% 13%,20% 29%,24% 49%,28% 70%,32% 86%,36% 92%,40% 86%,44% 70%,48% 49%,52% 29%,56% 13%,60% 7%,64% 13%,68% 29%,72% 49%,76% 70%,80% 86%,84% 92%,88% 86%,92% 70%,96% 49%,100% 29%,100% 36%,96% 56%,92% 77%,88% 93%,84% 99%,80% 93%,76% 77%,72% 56%,68% 36%,64% 20%,60% 14%,56% 20%,52% 36%,48% 56%,44% 77%,40% 93%,36% 99%,32% 93%,28% 77%,24% 56%,20% 36%,16% 20%,12% 14%,8% 20%,4% 36%,0 56%)}.modulation-hero-curve>span{left:9%;top:10%;color:var(--mint)!important}.modulation-hero-curve>i{position:absolute;width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:var(--blue)}.modulation-hero-curve>i:nth-of-type(1){left:12%;top:31%}.modulation-hero-curve>i:nth-of-type(2){left:31%;top:65%}.modulation-hero-curve>i:nth-of-type(3){left:50%;top:31%}.modulation-hero-curve>i:nth-of-type(4){left:69%;top:65%}.modulation-hero-curve>i:nth-of-type(5){left:88%;top:31%}.modulation-hero-curve>b{position:absolute;right:9%;bottom:8%;padding:8px 10px;background:var(--purple);color:#fff;border-radius:7px;font:11px 'DM Mono'}
.modulation-principle,.modulation-comparison,.nonlinear-process,.oversampling-flow{display:flex;align-items:center;gap:8px;margin:28px 0;padding:18px;background:#151925;color:#fff;border-radius:14px;overflow:auto}.modulation-principle>*:not(.modulation-command),.modulation-comparison>*,.nonlinear-process>*,.oversampling-flow>*{flex:0 0 auto}.modulation-principle span,.modulation-principle strong,.modulation-principle em,.modulation-comparison span,.nonlinear-process span,.nonlinear-process strong,.oversampling-flow span,.oversampling-flow strong{padding:12px 14px;background:#252b38;border-radius:8px;font-size:12px;font-style:normal}.modulation-principle strong,.nonlinear-process strong,.oversampling-flow strong{background:var(--purple)}.modulation-principle strong b,.modulation-principle em b,.modulation-comparison b,.nonlinear-process b,.oversampling-flow b{color:var(--mint)}.modulation-principle em{margin-left:auto;background:var(--blue)}.modulation-principle>i,.modulation-comparison i,.nonlinear-process i,.oversampling-flow i{color:var(--mint);font-style:normal}.modulation-principle .modulation-command{align-self:flex-end;margin-left:-52px;color:var(--orange)}
.modulation-type-tabs{max-width:1300px;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:7px;margin-bottom:9px;background:#252b38;border-radius:12px}.modulation-type-tabs button{padding:11px 7px;border:1px solid #ffffff22;border-radius:7px;background:#10141d;color:#fff;cursor:pointer;font-size:12px;font-weight:800}.modulation-type-tabs button.selected{background:var(--mint);border-color:var(--mint);color:var(--ink)}.modulation-tool-shell{grid-template-columns:1.35fr .65fr}.modulation-legend,.color-wave-legend,.color-spectrum-legend{position:absolute;left:16px;bottom:12px;display:flex;flex-wrap:wrap;gap:14px;color:#aeb7c5;font:11px 'DM Mono'}.modulation-legend span:before,.color-wave-legend span:before,.color-spectrum-legend span:before{content:"";display:inline-block;width:14px;height:3px;margin-right:6px;vertical-align:middle;background:#8f98aa}.modulation-legend .lfo:before{background:var(--purple)}.modulation-legend .result:before,.color-wave-legend .output:before,.color-spectrum-legend .harmonic:before{background:var(--mint)}.color-spectrum-legend .alias:before{background:var(--orange)}.modulation-family-grid,.coloration-family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.modulation-family-grid article,.coloration-family-grid article{padding:20px;background:#fff;border:1px solid var(--line);border-radius:13px}.plugin-lesson:nth-of-type(even) .modulation-family-grid article,.plugin-lesson:nth-of-type(even) .coloration-family-grid article{background:var(--paper)}.modulation-family-grid small,.coloration-family-grid small{color:var(--blue)}.modulation-family-grid h3,.coloration-family-grid h3{font-size:21px;margin:8px 0}.modulation-family-grid p,.coloration-family-grid p{font-size:14px;color:var(--muted)}.modulation-family-grid article>b{display:block;margin-top:12px;color:var(--purple);font-size:12px}.modulation-comparison{justify-content:center}.modulation-comparison span{text-align:center}.modulation-comparison i{font-weight:800}
.mod-routing-note{margin:-6px 0 12px;padding:10px 12px;border-left:3px solid var(--mint);background:#10141d;color:#b9c2cf;font-size:11px;line-height:1.45}.mod-vibrato-chorus{width:100%;margin:-3px 0 12px;padding:11px;border:1px solid #a997ff80;border-radius:8px;background:#a997ff18;color:#d8ceff;font-size:11px;font-weight:800;cursor:pointer}.mod-vibrato-chorus:hover,.mod-vibrato-chorus.selected{background:var(--purple);color:#fff}.mod-vibrato-chorus[hidden]{display:none}

.coloration-hero-curve:before{content:"";position:absolute;left:14%;bottom:14%;width:72%;height:72%;border-left:3px solid #ffffff35;border-bottom:3px solid #ffffff35}.coloration-hero-curve>i{position:absolute;left:14%;bottom:14%;width:72%;height:72%;background:#ffffff28;clip-path:polygon(0 100%,100% 0,100% 3%,0 100%)}.coloration-hero-curve>b{position:absolute;left:14%;bottom:14%;width:72%;height:72%;background:var(--orange);clip-path:polygon(0 93%,9% 89%,18% 84%,28% 77%,38% 69%,47% 58%,54% 44%,61% 28%,69% 17%,79% 10%,90% 6%,100% 5%,100% 12%,91% 13%,81% 17%,72% 23%,64% 35%,57% 51%,50% 66%,41% 77%,30% 85%,19% 91%,9% 96%,0 100%)}.coloration-hero-curve>em{position:absolute;left:61%;bottom:39%;width:17px;height:17px;border:3px solid #fff;border-radius:50%;background:var(--mint)}.coloration-hero-curve>span{left:7%;top:10%;writing-mode:vertical-rl}.coloration-hero-curve>small{right:8%;bottom:7%}.linearity-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0}.linearity-comparison article{padding:22px;background:#fff;border:1px solid var(--line);border-radius:14px}.linearity-comparison small,.linearity-comparison b{display:block}.linearity-comparison small{color:var(--blue)}.linearity-comparison b{margin:10px 0;font-size:18px}.linearity-comparison p{color:var(--muted);font-size:14px}.mini-transfer{height:150px;position:relative;margin-top:12px;background:#151925;border-radius:10px}.mini-transfer:before{content:"";position:absolute;left:12%;bottom:12%;width:76%;height:76%;border-left:2px solid #ffffff35;border-bottom:2px solid #ffffff35}.mini-transfer i{position:absolute;left:12%;bottom:12%;width:76%;height:76%;background:var(--mint)}.mini-transfer.linear i{clip-path:polygon(0 98%,100% 0,100% 5%,0 100%)}.mini-transfer.nonlinear i{background:var(--orange);clip-path:polygon(0 93%,15% 86%,30% 76%,43% 63%,53% 47%,62% 30%,74% 17%,87% 9%,100% 5%,100% 12%,89% 15%,77% 22%,66% 34%,57% 51%,48% 68%,36% 80%,20% 89%,0 100%)}
.coloration-tool-shell{max-width:1300px;display:grid;grid-template-columns:1.4fr .6fr;gap:15px;padding:18px;background:#252b38;border:1px solid #ffffff18;border-radius:22px}.coloration-visuals{min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.coloration-visuals .plugin-canvas-panel canvas{height:290px}.coloration-visuals .color-spectrum-panel{grid-column:1/-1}.coloration-visuals .color-spectrum-panel canvas{height:260px}.coloration-controls{padding:7px}.coloration-controls>label{display:block;margin:5px 0 18px;color:#c0c7d2;font-size:12px}.coloration-controls output{float:right;color:var(--mint);font-family:'DM Mono'}.coloration-controls input[type=range],.coloration-controls select{display:block;width:100%;margin-top:8px}.coloration-controls input[type=range]{accent-color:var(--orange)}.coloration-controls select{padding:9px;background:#10141d;color:#fff;border:1px solid #ffffff22;border-radius:7px}.color-wave-legend .input:before{background:#8f98aa}.nonlinear-process{justify-content:center}.coloration-family-grid article:nth-child(1){border-top:5px solid var(--mint)}.coloration-family-grid article:nth-child(2){border-top:5px solid var(--orange)}.coloration-family-grid article:nth-child(3){border-top:5px solid var(--purple)}

@media(max-width:1050px){.plugin-course-links{grid-template-columns:1fr 1fr}.modulation-type-tabs{grid-template-columns:repeat(3,1fr)}.modulation-tool-shell,.coloration-tool-shell{grid-template-columns:1fr}.modulation-family-grid,.coloration-family-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.coloration-page .plugin-detail-hero h1{font-size:44px}.plugin-course-links,.modulation-type-tabs,.modulation-family-grid,.coloration-family-grid,.linearity-comparison,.coloration-visuals{grid-template-columns:1fr}.modulation-principle,.modulation-comparison,.nonlinear-process,.oversampling-flow{align-items:stretch;flex-direction:column;text-align:center}.modulation-principle>i,.modulation-comparison i,.nonlinear-process i,.oversampling-flow i{align-self:center;transform:rotate(90deg)}.modulation-principle em{margin-left:0}.modulation-principle .modulation-command{align-self:center;margin:0}.coloration-tool-shell{padding:10px}.coloration-visuals .color-spectrum-panel{grid-column:1}.coloration-visuals .plugin-canvas-panel canvas{height:300px}.coloration-visuals .color-spectrum-panel canvas{height:250px}}

/* Mini-sampleur */
.device-grid article#sampleur{scroll-margin-top:105px}.device-tool-link{display:inline-block;margin-top:18px;color:var(--blue);font-size:13px;font-weight:800;text-decoration:none}.device-tool-link:hover{text-decoration:underline}.sampler-page{background:var(--ink);color:#fff}.sampler-heading{min-height:680px;padding:150px 7vw 90px;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;background:radial-gradient(circle at 80% 40%,#214f48 0,transparent 39%)}.sampler-heading h1{max-width:780px;margin:16px 0 25px;font-size:clamp(54px,7vw,98px);line-height:.92;letter-spacing:-.07em}.sampler-heading .lead{max-width:720px;color:#bcc5d1;font-size:20px}.sampler-heading .plugin-back{color:var(--mint)}.sampler-hero-flow{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:34px;background:#202633;border:1px solid #ffffff1b;border-radius:24px}.sampler-hero-flow span,.sampler-hero-flow strong,.sampler-hero-flow b{padding:16px 17px;border-radius:9px;background:#10141d;font-size:12px}.sampler-hero-flow strong{background:var(--purple)}.sampler-hero-flow b{background:var(--mint);color:var(--ink)}.sampler-hero-flow i{color:var(--orange);font-style:normal}.sampler-basics{padding:0 7vw 85px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sampler-basics article{padding:23px;background:#202533;border:1px solid #ffffff18;border-radius:15px}.sampler-basics span{color:var(--mint);font:16px 'DM Mono'}.sampler-basics h2{margin:12px 0;font-size:25px}.sampler-basics p{color:#b9c1ce;font-size:14px}.mini-sampler{margin:0 4vw 95px;padding:28px;background:#292f3d;border:1px solid #ffffff20;border-radius:28px;box-shadow:0 25px 60px #0005;scroll-margin-top:95px}.mini-sampler>header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:20px}.mini-sampler>header h2{margin:4px 0 8px;font-size:48px}.mini-sampler>header p:last-child{margin:0;color:#aeb7c5}.sampler-signal-flow{display:flex;align-items:center;gap:7px;font:10px 'DM Mono'}.sampler-signal-flow span{padding:8px;border:1px solid #ffffff28;border-radius:5px;color:var(--mint)}.sampler-signal-flow i{color:var(--orange);font-style:normal}.sampler-source-bar{display:grid;grid-template-columns:auto auto auto 1fr;gap:8px;align-items:center;margin-bottom:12px;padding:12px;background:#161b25;border:1px dashed #ffffff2b;border-radius:13px;transition:.2s}.sampler-source-bar.dragging{border-color:var(--mint);background:#8be8bd12}.sampler-source-bar button,.sampler-file-label{padding:11px 13px;border:1px solid #ffffff25;border-radius:8px;background:#252c39;color:#fff;font-size:11px;font-weight:800;cursor:pointer;text-align:center}.sampler-source-bar button:hover,.sampler-file-label:hover,.sampler-file-label:focus{background:var(--blue);outline:none}.sampler-file-label input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.sampler-source-bar p{margin:0 4px;color:#aab4c3;font-size:11px}.sampler-source-bar p[data-kind=error]{color:#ff9b80}.sampler-source-bar p[data-kind=recording]{color:var(--orange)}.sampler-shell{display:grid;grid-template-columns:1.45fr .55fr;gap:14px}.sampler-wave-panel{min-width:0;position:relative;padding-top:28px;background:#10141d;border-radius:13px;overflow:hidden}.sampler-wave-panel>span{position:absolute;z-index:2;top:11px;left:13px;color:#8f98aa;font:9px 'DM Mono';letter-spacing:.1em}.sampler-wave-panel canvas{display:block;width:100%;height:510px;touch-action:none;cursor:ew-resize}.sampler-wave-panel canvas:focus{outline:2px solid var(--mint);outline-offset:-2px}.sampler-wave-legend{position:absolute;left:16px;bottom:12px;display:flex;flex-wrap:wrap;gap:14px;color:#aeb7c5;font:10px 'DM Mono'}.sampler-wave-legend span:before{content:"";display:inline-block;width:15px;height:3px;margin-right:6px;vertical-align:middle;background:var(--mint)}.sampler-wave-legend .excluded:before{background:#6f7888}.sampler-wave-legend .playhead:before{background:#fff}.sampler-controls{padding:7px}.sampler-controls>label,.sampler-envelope-controls label{display:block;margin:5px 0 19px;color:#c0c7d2;font-size:12px}.sampler-controls output,.sampler-envelope-controls output{float:right;color:var(--mint);font-family:'DM Mono'}.sampler-controls input[type=range],.sampler-controls select,.sampler-envelope-controls input{display:block;width:100%;margin-top:8px}.sampler-controls input[type=range],.sampler-envelope-controls input{accent-color:var(--mint)}.sampler-controls select{padding:9px;background:#10141d;color:#fff;border:1px solid #ffffff22;border-radius:7px}.sampler-envelope-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sampler-readouts{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.sampler-readouts p{margin:0;padding:11px 13px;background:#10141d;border-radius:8px}.sampler-readouts p:last-child{grid-column:1/-1}.sampler-readouts small,.sampler-readouts strong{display:block}.sampler-readouts small{color:#8e98a9;font:8px 'DM Mono'}.sampler-readouts strong{margin-top:4px;color:var(--mint);font:16px 'DM Mono'}.sampler-play{width:100%;margin-top:10px;padding:12px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}.sampler-play:hover{background:var(--mint);color:var(--ink)}.mini-sampler>.midi-input-mount{margin-top:12px}.sampler-keyboard{margin-top:12px}.sampler-keyboard .synth-key{font-size:11px}.sampler-speed-lesson{padding:95px 8vw;display:grid;grid-template-columns:1.4fr .6fr;gap:55px;background:#eef1f7;color:var(--ink)}.sampler-speed-lesson h2{max-width:850px;margin:10px 0 20px;font-size:clamp(42px,6vw,75px);line-height:.96;letter-spacing:-.06em}.sampler-speed-lesson>div>p{max-width:850px;color:#505764;font-size:18px}.sampler-speed-lesson aside{align-self:center;padding:25px;background:#fff;border:1px solid var(--line);border-radius:15px}.sampler-speed-lesson aside small{color:var(--blue);font-family:'DM Mono'}.sampler-speed-lesson aside h3{font-size:28px}.sampler-speed-lesson aside p{color:var(--muted)}.sampler-rate-equation{display:flex;align-items:center;gap:8px;margin-top:30px;padding:18px;background:var(--ink);color:#fff;border-radius:14px;overflow:auto}.sampler-rate-equation>*{flex:0 0 auto}.sampler-rate-equation span,.sampler-rate-equation strong{padding:13px 15px;background:#252b38;border-radius:8px;text-align:center;font-size:12px}.sampler-rate-equation strong{background:var(--purple)}.sampler-rate-equation b{color:var(--mint)}.sampler-rate-equation i{color:var(--orange);font-style:normal}.sampler-comparison{padding:90px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:12px}.sampler-comparison article{padding:32px;background:#202533;border:1px solid #ffffff18;border-radius:18px}.sampler-comparison article:last-child{background:var(--mint);color:var(--ink)}.sampler-comparison small{color:var(--mint);font-family:'DM Mono'}.sampler-comparison article:last-child small{color:var(--blue)}.sampler-comparison h2{margin:10px 0;font-size:38px}.sampler-comparison p{color:#b8c0cd}.sampler-comparison article:last-child p{color:#35423e}.sampler-comparison a{color:inherit;font-weight:800}
@media(max-width:1050px){.sampler-heading{grid-template-columns:1fr}.sampler-basics{grid-template-columns:1fr 1fr}.sampler-shell,.sampler-speed-lesson{grid-template-columns:1fr}.sampler-source-bar{grid-template-columns:repeat(3,1fr)}.sampler-source-bar p{grid-column:1/-1}.sampler-signal-flow{flex-wrap:wrap}}
@media(max-width:700px){.sampler-heading{min-height:auto;padding:130px 20px 70px}.sampler-heading h1{font-size:53px}.sampler-hero-flow{padding:20px}.sampler-basics{grid-template-columns:1fr;padding:0 20px 65px}.mini-sampler{margin:0 10px 70px;padding:14px}.mini-sampler>header{align-items:flex-start;flex-direction:column}.sampler-source-bar{grid-template-columns:1fr}.sampler-source-bar p{grid-column:1}.sampler-wave-panel canvas{height:360px}.sampler-envelope-controls,.sampler-comparison{grid-template-columns:1fr}.sampler-speed-lesson{padding:70px 20px}.sampler-rate-equation{align-items:stretch;flex-direction:column}.sampler-rate-equation i{align-self:center;transform:rotate(90deg)}.sampler-comparison{padding:70px 20px}.sampler-keyboard{height:120px}.sampler-readouts{grid-template-columns:1fr}.sampler-readouts p:last-child{grid-column:1}}
.sampler-controls .control-disabled{opacity:.4}
.sampler-vocabulary{max-width:1100px;margin:-45px auto 75px;padding:18px 22px;border-left:4px solid var(--orange);background:#ffffff08}.sampler-vocabulary b{color:var(--orange)}.sampler-vocabulary p{margin:5px 0 0;color:#b9c1ce}.sampler-local-note{margin:-2px 5px 12px;color:#8f99aa;font-size:10px}
@media(max-width:700px){.sampler-vocabulary{margin:-35px 20px 55px}}

/* Cross-page learning paths */
.course-card-grid a:nth-child(7){background:#202533;color:#fff}.course-card-grid a:nth-child(8){background:#fff0e9}
.studio-chain{display:grid;gap:12px}.studio-chain-main{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.studio-chain-main strong{padding:18px 20px;background:var(--blue);color:#fff;border-radius:10px;font:11px 'DM Mono'}.studio-chain-direct{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:11px;border-top:1px dashed #15192530}.studio-chain-direct b{padding:8px 11px;background:var(--mint);border-radius:7px;font:9px 'DM Mono'}.studio-chain-direct small{max-width:230px;color:var(--muted);font-size:10px}.studio-course-bridge{padding:35px 7vw 55px;background:#fff0e9;border-top:1px solid var(--line)}.studio-course-bridge>header{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:end;max-width:1150px;margin-bottom:22px}.studio-course-bridge h2{margin:6px 0 0;font-size:clamp(30px,4vw,48px);line-height:1}.studio-course-bridge>header>p:last-child{margin:0;color:var(--muted)}.studio-course-bridge>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.studio-course-bridge a{min-width:0;padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none;transition:.18s}.studio-course-bridge a:hover{transform:translateY(-2px);border-color:var(--blue)}.studio-course-bridge a.current{background:var(--mint)}.studio-course-bridge small,.studio-course-bridge b,.studio-course-bridge span{display:block}.studio-course-bridge small{color:var(--blue);font:8px 'DM Mono'}.studio-course-bridge b{margin:7px 0;font-size:15px}.studio-course-bridge span{color:var(--muted);font-size:11px}.daw-monitoring-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.daw-monitoring-links a{color:var(--mint);font-size:11px;font-weight:800}.daw-monitoring-links a+ a{color:#ff9a7e}.mission-reference{display:block;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);color:var(--blue);font-size:12px;font-weight:800;text-decoration:none}.mission-reference:hover{text-decoration:underline}.course-pagination{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;padding:26px 7vw;background:#10141d;color:#fff;border-top:1px solid #ffffff17}.course-pagination a{min-width:0;padding:18px 20px;background:#202633;border:1px solid #ffffff15;border-radius:12px;text-decoration:none}.course-pagination a:last-child{text-align:right}.course-pagination a:hover{border-color:var(--mint)}.course-pagination small,.course-pagination b{display:block}.course-pagination small{color:var(--mint);font:8px 'DM Mono';letter-spacing:.08em}.course-pagination b{margin-top:7px;font-size:15px}.course-pagination-index{align-self:center;text-align:center!important;background:transparent!important;border:0!important}.course-pagination-index small{color:#8993a4}
@media(max-width:850px){.studio-course-bridge>header,.studio-course-bridge>div{grid-template-columns:1fr 1fr}.course-pagination{grid-template-columns:1fr 1fr}.course-pagination-index{grid-row:2;grid-column:1/-1}.course-pagination-empty{display:none}}
@media(max-width:540px){.studio-chain-main{align-items:stretch;flex-direction:column}.studio-chain-main i{align-self:center;transform:rotate(90deg)}.studio-chain-main span,.studio-chain-main strong{text-align:center}.studio-chain-direct{align-items:flex-start;flex-direction:column}.studio-course-bridge{padding:30px 20px 45px}.studio-course-bridge>header,.studio-course-bridge>div{grid-template-columns:1fr}.course-pagination{grid-template-columns:1fr;padding:18px 20px}.course-pagination a:last-child{text-align:left}.course-pagination-index{grid-row:auto;grid-column:auto;order:3}.course-pagination-empty{display:none}}

/* Parcours avancé · chapitres 04 à 08 */
.synthesis-advanced-hero{background:radial-gradient(circle at 88% 48%,#214f48 0,transparent 36%),#151925}.sampling-advanced-hero{background:radial-gradient(circle at 88% 48%,#3c315f 0,transparent 36%),#151925}.routing-advanced-hero{background:radial-gradient(circle at 88% 48%,#254966 0,transparent 36%),#151925}.acoustics-advanced-hero{background:radial-gradient(circle at 88% 48%,#5b3827 0,transparent 36%),#151925}.delivery-advanced-hero{background:radial-gradient(circle at 88% 48%,#31504a 0,transparent 36%),#151925}
.advanced-second-series{background:#151925;color:#fff}.advanced-second-series>header>p{color:#b9c2cf}.advanced-second-series .advanced-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.advanced-second-series .advanced-module-grid a{min-height:360px;background:#224f49}.advanced-second-series .advanced-module-grid a:nth-child(2){background:#44336d}.advanced-second-series .advanced-module-grid a:nth-child(3){background:#28516b}.advanced-second-series .advanced-module-grid a:nth-child(4){background:#6a3d2c}.advanced-second-series .advanced-module-grid a:nth-child(5){background:#304f47}.advanced-second-series .advanced-module-grid a:nth-child(6){background:#39405f}.advanced-second-series .advanced-module-grid h3{font-size:25px}.advanced-second-series .advanced-module-grid small{margin-top:42px}
.advanced-spectrum-axis,.multisample-legend,.routing-legend,.room-mode-legend{position:absolute;left:17px;right:17px;bottom:12px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;color:#9ba5b4;font:8px 'DM Mono'}.multisample-legend,.routing-legend,.room-mode-legend{right:auto;justify-content:flex-start}.multisample-legend span:before,.routing-legend span:before,.room-mode-legend span:before{content:"";display:inline-block;width:15px;height:3px;margin-right:6px;vertical-align:middle;background:#8be8bd}.multisample-legend .low:before{background:#67c2ff}.multisample-legend .mid:before{background:#8ee6c2}.multisample-legend .high:before{background:#ff8a65}.multisample-legend .cursor:before{height:7px;border-radius:50%;background:#fff}.routing-legend .flat:before{background:#7d8798}.routing-legend .response:before{background:#8ee6c2}.room-mode-legend .length:before{background:#8ee6c2}.room-mode-legend .width:before{background:#67c2ff}.room-mode-legend .height:before{background:#ff8a65}.room-mode-legend .schroeder:before{background:#d8b4fe}
.room-mode-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:4px 0 14px}.room-mode-buttons button{min-width:0;padding:8px;border:1px solid #ffffff20;border-radius:7px;background:#10141d;color:#fff;text-align:left;cursor:pointer}.room-mode-buttons button.active{border-color:var(--mint);background:#214f48}.room-mode-buttons b,.room-mode-buttons small{display:block}.room-mode-buttons b{color:var(--mint);font:10px 'DM Mono'}.room-mode-buttons small{margin-top:3px;color:#9da7b7;font-size:8px}.room-mode-tool .advanced-controls>label{margin-bottom:14px}
.delivery-tool{grid-template-columns:1.2fr .8fr}.delivery-diagram{min-width:0;min-height:520px;display:flex;align-items:center;justify-content:center;gap:10px;padding:32px;border-radius:13px;background:#10141d}.delivery-diagram>div{min-width:0;padding:20px;border:1px solid #ffffff1d;border-radius:11px;background:#202633}.delivery-diagram>div.result{background:var(--purple)}.delivery-diagram small,.delivery-diagram strong{display:block}.delivery-diagram small{color:#929daf;font:8px 'DM Mono'}.delivery-diagram strong{margin-top:9px;color:var(--mint);font:clamp(13px,1.4vw,20px) 'DM Mono';overflow-wrap:anywhere}.delivery-diagram .result strong{color:#fff}.delivery-diagram i{color:var(--orange);font-style:normal;font-weight:800}.delivery-tool .meter-readouts{grid-template-columns:repeat(4,1fr)}
.advanced-checklist{counter-reset:qc;list-style:none;margin:30px 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.advanced-checklist li{counter-increment:qc;position:relative;padding:20px 20px 20px 60px;border:1px solid var(--line);border-radius:13px;background:#fff}.advanced-checklist li:before{content:counter(qc);position:absolute;left:18px;top:18px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--mint);font:700 12px 'DM Mono'}.advanced-checklist b,.advanced-checklist span{display:block}.advanced-checklist span{margin-top:6px;color:var(--muted);font-size:13px}.advanced-bridge-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.advanced-bridge-actions .button{min-width:110px;font-size:11px}
@media(max-width:1200px){.advanced-second-series .advanced-module-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.delivery-tool{grid-template-columns:1fr}.delivery-diagram{min-height:300px}.advanced-second-series .advanced-module-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.advanced-second-series .advanced-module-grid,.advanced-checklist{grid-template-columns:1fr}.delivery-diagram{min-height:0;align-items:stretch;flex-direction:column}.delivery-diagram i{align-self:center;transform:rotate(90deg)}.delivery-tool .meter-readouts{grid-template-columns:1fr 1fr}.room-mode-buttons{grid-template-columns:1fr 1fr}.advanced-bridge-actions{justify-content:stretch}.advanced-bridge-actions .button{flex:1 1 100%}}

/* Le Labo · catalogue transversal */
.lab-role{min-height:180px;display:flex;align-items:center;justify-content:center;gap:8px;padding:28px;border:1px solid #ffffff20;border-radius:22px;background:#202633}.lab-role span,.lab-role strong{padding:14px 16px;border-radius:8px;background:#10141d;font:11px 'DM Mono'}.lab-role strong{background:var(--mint);color:var(--ink)}.lab-role i{color:var(--orange);font-style:normal}.lab-catalog{padding:90px 7vw 105px;scroll-margin-top:115px;background:var(--paper);color:var(--ink)}.lab-catalog>header{max-width:1250px;display:grid;grid-template-columns:1fr .7fr;gap:50px;align-items:end;margin:0 auto 36px}.lab-catalog>header h2,.lab-foundations-intro h2{margin:8px 0 0;font-size:clamp(43px,6vw,76px);line-height:.95;letter-spacing:-.055em}.lab-catalog>header>p{margin:0;color:var(--muted);font-size:17px}.lab-catalog-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}.lab-catalog-group{min-width:0;padding:25px;border:1px solid var(--line);border-radius:19px;background:#fff}.lab-catalog-group.sound{background:#dff5eb}.lab-catalog-group.digital{background:#e5ecff}.lab-catalog-group.instruments{background:#eee8ff}.lab-catalog-group.production{grid-column:1/-1;background:#ffe8df}.lab-catalog-group>header{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px}.lab-catalog-group>header>span{flex:0 0 auto;color:var(--blue);font:20px 'DM Mono'}.lab-catalog-group>header small{color:var(--blue);font:8px 'DM Mono';letter-spacing:.12em}.lab-catalog-group h3{max-width:520px;margin:6px 0 0;font-size:24px;line-height:1.08}.lab-tool-list{display:grid;gap:6px}.production .lab-tool-list{grid-template-columns:1fr 1fr}.lab-tool-list a{min-width:0;display:grid;grid-template-columns:minmax(160px,.85fr) minmax(0,1.15fr);gap:15px;align-items:center;padding:13px 14px;border:1px solid #15192513;border-radius:9px;background:#ffffffb8;text-decoration:none;transition:.18s}.lab-tool-list a:hover{transform:translateX(3px);border-color:var(--blue);background:#fff}.lab-tool-list a span,.lab-tool-list a small,.lab-tool-list a b{display:block}.lab-tool-list a small{color:var(--blue);font:7px 'DM Mono';letter-spacing:.1em}.lab-tool-list a b{margin-top:3px;font-size:13px}.lab-tool-list a em{color:#5d6572;font-size:11px;font-style:normal}.lab-foundations-intro{padding:70px 7vw;display:grid;grid-template-columns:1fr .75fr;gap:60px;align-items:end;scroll-margin-top:115px;background:var(--mint);color:var(--ink)}.lab-foundations-intro>p{max-width:620px;margin:0;color:#35423e;font-size:18px}
@media(max-width:1000px){.lab-catalog>header,.lab-catalog-grid,.lab-foundations-intro{grid-template-columns:1fr}.lab-catalog-group.production{grid-column:auto}.production .lab-tool-list{grid-template-columns:1fr}}
@media(max-width:700px){.lab-role{min-height:140px;flex-wrap:wrap;padding:20px}.lab-catalog{padding:70px 20px 80px}.lab-catalog>header{gap:18px}.lab-catalog-group{padding:19px}.lab-tool-list a{grid-template-columns:1fr;gap:5px}.lab-tool-list a:hover{transform:none}.lab-foundations-intro{padding:60px 20px;gap:18px}}

/* Guide des plugins */
.plugin-guide-page{background:var(--paper)}.plugin-guide-hero{min-height:680px;padding:150px 8vw 90px;display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center;background:radial-gradient(circle at 86% 45%,#313264 0,transparent 37%),#151925;color:#fff}.plugin-guide-hero h1{max-width:850px;margin:14px 0 27px;font-size:clamp(58px,8vw,108px);line-height:.88;letter-spacing:-.075em}.plugin-guide-hero .lead{max-width:760px;color:#c0c7d3}.plugin-guide-hero .plugin-back{color:var(--mint)}.plugin-compatibility-chain{min-height:280px;display:flex;align-items:center;justify-content:center;gap:8px;padding:30px;border:1px solid #ffffff20;border-radius:24px;background:#202633}.plugin-compatibility-chain>span,.plugin-compatibility-chain>strong{padding:17px 18px;border-radius:9px;background:#10141d;text-align:center;font:12px 'DM Mono'}.plugin-compatibility-chain>strong{background:var(--purple)}.plugin-compatibility-chain small{display:block;margin-top:5px;color:var(--mint);font:7px 'DM Mono'}.plugin-compatibility-chain i{color:var(--orange);font-style:normal}.plugin-guide-nav{position:sticky;z-index:6;top:66px;display:flex;justify-content:center;gap:7px;padding:14px 4vw;border-bottom:1px solid #ffffff14;background:#202633;color:#fff;overflow:auto}.plugin-guide-nav a{flex:0 0 auto;padding:8px 12px;border:1px solid #ffffff20;border-radius:100px;color:#fff;font-size:11px;text-decoration:none}.plugin-guide-nav a:hover{background:var(--mint);color:var(--ink)}
.plugin-guide-lesson{padding:95px 8vw;display:grid;grid-template-columns:62px minmax(0,1100px);gap:35px;scroll-margin-top:120px}.plugin-guide-lesson:nth-of-type(even){background:#fff}.plugin-guide-lesson h2,.plugin-install-section h2,.plugin-diagnostic-section h2,.plugin-family-section h2{max-width:950px;margin:8px 0 22px;font-size:clamp(42px,6vw,76px);line-height:.95;letter-spacing:-.055em}.plugin-guide-lesson>div:last-child>p{max-width:950px;color:#4f5764;font-size:18px}.plugin-object-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:30px 0}.plugin-object-grid article{padding:21px;border:1px solid var(--line);border-radius:13px;background:#fff}.plugin-guide-lesson:nth-of-type(even) .plugin-object-grid article{background:var(--paper)}.plugin-object-grid small,.plugin-guide-role-grid small{color:var(--blue);font:8px 'DM Mono'}.plugin-object-grid h3,.plugin-guide-role-grid h3{margin:9px 0;font-size:20px}.plugin-object-grid p,.plugin-guide-role-grid p{margin:0;color:var(--muted);font-size:13px}.plugin-guide-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:30px 0}.plugin-guide-role-grid article{padding:23px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.plugin-guide-role-grid article>div{display:flex;align-items:center;gap:5px;margin:15px 0;padding:13px;border-radius:9px;background:#151925;color:#fff;overflow:auto}.plugin-guide-role-grid article>div>*{flex:0 0 auto}.plugin-guide-role-grid article span,.plugin-guide-role-grid article strong{padding:8px;border-radius:6px;background:#252b38;font-size:9px}.plugin-guide-role-grid article strong{background:var(--blue)}.plugin-guide-role-grid article i{color:var(--mint);font-style:normal}
.plugin-format-table{display:grid;grid-template-columns:.55fr .8fr 1.65fr;margin:30px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden}.plugin-format-table>div{min-width:0;padding:15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;font-size:13px}.plugin-format-table>div:nth-child(3n){border-right:0}.plugin-format-table .head{background:#151925;color:var(--mint);font:9px 'DM Mono'}.plugin-format-table strong,.plugin-format-table small{display:block}.plugin-format-table strong{font-size:18px}.plugin-format-table small{margin-top:3px;color:var(--blue);font:8px 'DM Mono'}.plugin-gates{display:flex;align-items:stretch;gap:7px;margin:28px 0}.plugin-gates article{flex:1;padding:17px;border:1px solid var(--line);border-radius:11px;background:#e5ecff}.plugin-gates article span{float:right;color:var(--blue);font:18px 'DM Mono'}.plugin-gates article b{display:block;margin:25px 0 7px}.plugin-gates article p{margin:0;color:var(--muted);font-size:12px}.plugin-gates>i{align-self:center;color:var(--blue);font-style:normal}
.plugin-install-section,.plugin-diagnostic-section,.plugin-family-section{padding:95px 7vw;scroll-margin-top:120px}.plugin-install-section{background:#11151e;color:#fff}.plugin-install-section>header,.plugin-diagnostic-section>header,.plugin-family-section>header{max-width:1300px;display:grid;grid-template-columns:1fr .7fr;gap:55px;align-items:end;margin:0 auto 35px}.plugin-install-section>header>p{margin:0;color:#b9c1ce;font-size:17px}.plugin-install-steps{max-width:1300px;list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.plugin-install-steps li{display:grid;grid-template-columns:40px 1fr;gap:13px;padding:21px;border:1px solid #ffffff18;border-radius:12px;background:#202633}.plugin-install-steps li>span{color:var(--mint);font:20px 'DM Mono'}.plugin-install-steps b{font-size:16px}.plugin-install-steps p{margin:6px 0 0;color:#b9c2cf;font-size:13px}.plugin-path-notes{max-width:1300px;margin:16px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.plugin-path-notes article,.plugin-path-notes aside{padding:20px;border-radius:12px;background:#202633}.plugin-path-notes aside{grid-column:1/-1;border-left:4px solid var(--orange)}.plugin-path-notes small,.plugin-path-notes b,.plugin-path-notes code{display:block}.plugin-path-notes small{color:var(--mint);font:8px 'DM Mono'}.plugin-path-notes b{margin-top:12px;font-size:12px}.plugin-path-notes code{margin-top:4px;padding:8px;border-radius:6px;background:#10141d;color:#d7deea;font:10px 'DM Mono';overflow-wrap:anywhere}.plugin-path-notes aside b{color:var(--orange)}.plugin-path-notes aside p{margin:5px 0 0;color:#b9c2cf}
.plugin-diagnostic-section{background:#e5ecff}.plugin-diagnostic-section>header>p{margin:0;color:var(--muted);font-size:17px}.plugin-diagnostic{max-width:1300px;margin:auto;display:grid;grid-template-columns:.65fr 1.35fr;gap:10px;padding:15px;border-radius:19px;background:#151925;color:#fff}.plugin-diagnostic-controls{padding:15px}.plugin-diagnostic-controls label{display:block;margin-bottom:16px;color:#c1c8d4;font-size:12px}.plugin-diagnostic-controls select{display:block;width:100%;margin-top:7px;padding:10px;border:1px solid #ffffff20;border-radius:7px;background:#10141d;color:#fff}.plugin-diagnostic-controls .plugin-diagnostic-check{display:flex;align-items:flex-start;gap:8px;padding:10px;border-radius:8px;background:#202633}.plugin-diagnostic-check input{margin-top:3px;accent-color:var(--mint)}.plugin-diagnostic-result{display:flex;flex-direction:column;justify-content:center;padding:28px;border-radius:13px;background:#202633}.plugin-diagnostic-result>small{margin-top:28px;color:var(--orange);font:8px 'DM Mono'}.plugin-diagnostic-result>strong{margin:7px 0;font-size:30px;line-height:1.05}.plugin-diagnostic-result>p{max-width:720px;margin:0;color:#bec6d2}.plugin-diagnostic-result[data-state=ok]>small,.plugin-diagnostic-result[data-state=ok]>strong{color:var(--mint)}.plugin-diagnostic-chain{display:flex;align-items:center;gap:7px}.plugin-diagnostic-chain span{flex:1;padding:12px;border:1px solid #ffffff18;border-radius:7px;background:#10141d;color:var(--mint);text-align:center;font:9px 'DM Mono'}.plugin-diagnostic-chain span.failed{border-color:var(--orange);background:#4b281f;color:#ffae98}.plugin-diagnostic-chain i{color:var(--mint);font-style:normal}.plugin-troubleshooting-grid{max-width:1300px;margin:10px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.plugin-troubleshooting-grid article{padding:18px;border:1px solid var(--line);border-radius:11px;background:#fff}.plugin-troubleshooting-grid small{color:var(--blue);font:8px 'DM Mono'}.plugin-troubleshooting-grid b{display:block;margin:8px 0}.plugin-troubleshooting-grid p{margin:0;color:var(--muted);font-size:12px}
.plugin-family-section{background:#fff}.plugin-family-section>header>a{align-self:end;color:var(--blue);font-size:12px;font-weight:800;text-decoration:none}.plugin-family-links{max-width:1300px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.plugin-family-links a{min-height:145px;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;border-radius:12px;background:#151925;color:#fff;text-decoration:none;transition:.18s}.plugin-family-links a:nth-child(2n){background:#3e3265}.plugin-family-links a:hover{transform:translateY(-3px)}.plugin-family-links small{color:var(--mint);font:8px 'DM Mono'}.plugin-family-links b{margin-top:6px;font-size:19px}.plugin-official-sources{max-width:1300px;margin:10px auto 0;padding:18px 21px;border-left:4px solid var(--blue);background:#eef1f7}.plugin-official-sources div{display:flex;flex-wrap:wrap;gap:15px;margin-top:8px}.plugin-official-sources a{color:var(--blue);font-size:12px;font-weight:800}.plugin-guide-entry{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin:25px 0;padding:20px;border-radius:13px;background:#151925;color:#fff;text-decoration:none}.plugin-guide-entry>span{color:var(--mint);font:8px 'DM Mono'}.plugin-guide-entry b,.plugin-guide-entry p{display:block}.plugin-guide-entry b{font-size:16px}.plugin-guide-entry p{margin:4px 0 0!important;color:#b9c2cf!important;font-size:12px!important}.plugin-guide-entry>strong{color:var(--mint);font:9px 'DM Mono';white-space:nowrap}
@media(max-width:1050px){.plugin-guide-hero,.plugin-install-section>header,.plugin-diagnostic-section>header,.plugin-family-section>header{grid-template-columns:1fr}.plugin-object-grid,.plugin-troubleshooting-grid,.plugin-family-links{grid-template-columns:1fr 1fr}.plugin-guide-role-grid{grid-template-columns:1fr}.plugin-diagnostic{grid-template-columns:1fr}}
@media(max-width:700px){.plugin-guide-hero{min-height:auto;padding:125px 20px 70px}.plugin-guide-hero h1{font-size:55px}.plugin-compatibility-chain{min-height:210px;flex-wrap:wrap}.plugin-guide-nav{justify-content:flex-start}.plugin-guide-lesson{grid-template-columns:1fr;gap:12px;padding:70px 20px}.plugin-object-grid,.plugin-install-steps,.plugin-path-notes,.plugin-troubleshooting-grid,.plugin-family-links{grid-template-columns:1fr}.plugin-format-table{overflow:auto;grid-template-columns:130px 180px minmax(300px,1fr)}.plugin-gates{align-items:stretch;flex-direction:column}.plugin-gates>i{transform:rotate(90deg)}.plugin-install-section,.plugin-diagnostic-section,.plugin-family-section{padding:70px 20px}.plugin-path-notes aside{grid-column:auto}.plugin-diagnostic{padding:9px}.plugin-diagnostic-result{padding:21px}.plugin-diagnostic-chain{align-items:stretch;flex-direction:column}.plugin-diagnostic-chain i{align-self:center;transform:rotate(90deg)}.plugin-guide-entry{grid-template-columns:1fr}.plugin-guide-entry>strong{white-space:normal}}

/* Visualiseur des flux de plugins */
.plugin-flow-section{--flow-blue:#438cff;--flow-pink:#ff6fae;padding:95px 5vw;scroll-margin-top:120px;background:#11151e;color:#fff}.plugin-flow-section>header{max-width:1300px;display:grid;grid-template-columns:1fr .7fr;gap:55px;align-items:end;margin:0 auto 30px}.plugin-flow-section h2{max-width:950px;margin:8px 0 0;font-size:clamp(42px,6vw,76px);line-height:.95;letter-spacing:-.055em}.plugin-flow-section>header>p{margin:0;color:#b9c2cf;font-size:17px}.plugin-flow-lab{max-width:1400px;margin:auto;padding:16px;border:1px solid #ffffff1c;border-radius:22px;background:#292f3d}.plugin-flow-toolbar{display:flex;gap:6px;margin-bottom:10px}.plugin-flow-toolbar button{padding:10px 14px;border:1px solid #ffffff20;border-radius:8px;background:#10141d;color:#fff;font-size:11px;font-weight:800;cursor:pointer}.plugin-flow-toolbar button.selected{border-color:var(--mint);background:var(--mint);color:var(--ink)}.plugin-flow-toolbar .plugin-flow-pause{margin-left:auto;color:#c7ced9}.plugin-flow-toolbar .plugin-flow-pause[aria-pressed=true]{background:var(--orange);color:var(--ink)}.plugin-flow-stage{height:390px;display:grid;grid-template-columns:minmax(80px,1fr) minmax(170px,260px) minmax(80px,1fr);align-items:stretch;padding:45px 0;border-radius:14px;background:radial-gradient(circle at center,#21283a 0,#10141d 65%);overflow:hidden}.plugin-flow-zone{min-width:0;position:relative}.plugin-flow-device{min-width:0;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;border:2px solid #ffffff35;border-radius:18px;background:#202633;box-shadow:0 20px 45px #0007,inset 0 0 0 7px #10141d55;text-align:center}.plugin-flow-device:before,.plugin-flow-device:after{content:"";position:absolute;left:18%;right:18%;height:3px;border-radius:3px;background:#ffffff15}.plugin-flow-device:before{top:20px}.plugin-flow-device:after{bottom:20px}.plugin-flow-device small,.plugin-flow-device strong,.plugin-flow-device>span{display:block;position:relative;z-index:2}.plugin-flow-device small{color:var(--mint);font:8px 'DM Mono';letter-spacing:.14em}.plugin-flow-device strong{margin:9px 0;color:#fff;font-size:clamp(18px,2.4vw,31px);line-height:1}.plugin-flow-device>span{padding:8px 10px;border-radius:6px;background:#10141d;color:#c5ccd7;font:10px 'DM Mono'}.plugin-flow-ports{position:absolute;inset:0;pointer-events:none}.plugin-flow-port{position:absolute;top:var(--port-y);width:18px;height:18px;border:3px solid #10141d;background:currentColor;box-shadow:0 0 0 2px currentColor;transform:translateY(-50%)}.plugin-flow-ports.input .plugin-flow-port{left:-10px}.plugin-flow-ports.output .plugin-flow-port{right:-10px}.plugin-flow-port.original{color:var(--flow-blue)}.plugin-flow-port.processed{color:var(--flow-pink)}.plugin-flow-port.audio{border-radius:50%}.plugin-flow-port.midi{width:15px;height:15px;transform:translateY(-50%) rotate(45deg);border-radius:2px}
.plugin-flow-zone:before{position:absolute;top:-28px;color:#788496;font:8px 'DM Mono';letter-spacing:.12em}.plugin-flow-zone.input:before{content:"ENTRÉE";left:8px}.plugin-flow-zone.output:before{content:"SORTIE";right:8px}.plugin-signal-stream{position:absolute;top:var(--stream-y);left:0;right:0;display:flex;align-items:center;gap:9px;transform:translateY(-50%)}.plugin-signal-stream>b{flex:0 0 auto;min-width:30px;color:#c5ccd8;font:9px 'DM Mono';text-align:center}.plugin-signal-stream.output>b{order:2}.plugin-signal-track{flex:1;height:24px;position:relative;overflow:hidden}.plugin-signal-track:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:currentColor;opacity:.34;transform:translateY(-50%)}.plugin-signal-stream.input .plugin-signal-track{color:var(--flow-blue)}.plugin-signal-stream.output .plugin-signal-track{color:var(--flow-pink)}.plugin-signal-token{position:absolute;left:-18px;top:50%;width:13px;height:13px;background:currentColor;animation:plugin-signal-travel 3.15s linear infinite;animation-delay:calc(var(--token-index) * -.45s);transform:translateY(-50%)}.plugin-signal-token.original{color:var(--flow-blue)}.plugin-signal-token.processed{color:var(--flow-pink)}.plugin-signal-token.audio{border-radius:50%;box-shadow:0 0 9px currentColor}.plugin-signal-token.midi{width:12px;height:12px;border-radius:2px;box-shadow:0 0 8px currentColor;transform:translateY(-50%) rotate(45deg)}@keyframes plugin-signal-travel{from{left:-18px}to{left:calc(100% + 5px)}}.plugin-flow-stage.paused .plugin-signal-token{animation-play-state:paused}.plugin-flow-legend{display:flex;flex-wrap:wrap;gap:18px;margin:13px 4px 0;color:#aeb7c5;font:9px 'DM Mono'}.plugin-flow-legend span:before{content:"";display:inline-block;width:12px;height:12px;margin-right:7px;vertical-align:-2px;border:2px solid #d6dce6}.plugin-flow-legend .audio:before{border-radius:50%}.plugin-flow-legend .midi:before{width:10px;height:10px;transform:rotate(45deg);vertical-align:0}.plugin-flow-legend .original:before,.plugin-flow-legend .processed:before{width:18px;height:3px;border:0;background:var(--flow-blue);vertical-align:2px}.plugin-flow-legend .processed:before{background:var(--flow-pink)}.plugin-flow-description{margin:12px 0 0;padding:14px 17px;border-left:4px solid var(--mint);border-radius:3px 9px 9px 3px;background:#10141d;color:#c3cad5}.plugin-flow-description b{color:var(--mint)}
@media(max-width:900px){.plugin-flow-section>header{grid-template-columns:1fr}.plugin-flow-stage{grid-template-columns:minmax(70px,1fr) minmax(165px,220px) minmax(70px,1fr)}}
@media(max-width:700px){.plugin-flow-section{padding:70px 10px}.plugin-flow-lab{padding:10px}.plugin-flow-toolbar{display:grid;grid-template-columns:1fr 1fr}.plugin-flow-toolbar .plugin-flow-pause{margin-left:0}.plugin-flow-stage{height:320px;grid-template-columns:minmax(55px,1fr) minmax(135px,165px) minmax(55px,1fr);padding:32px 0}.plugin-flow-device{padding:15px 7px}.plugin-flow-device strong{font-size:18px}.plugin-flow-device>span{font-size:8px}.plugin-signal-stream{gap:3px}.plugin-signal-stream>b{min-width:18px;font-size:8px}.plugin-signal-token{width:10px;height:10px}.plugin-signal-token.midi{width:9px;height:9px}.plugin-flow-legend{gap:11px}}
@media(prefers-reduced-motion:reduce){.plugin-signal-token{animation-play-state:paused}}

/* Formes de signal agrandies pour distinguer immédiatement audio et MIDI */
.plugin-flow-port{width:24px;height:24px}.plugin-flow-ports.input .plugin-flow-port{left:-13px}.plugin-flow-ports.output .plugin-flow-port{right:-13px}.plugin-flow-port.midi{width:21px;height:21px}.plugin-signal-track{height:32px}.plugin-signal-token{left:-24px;width:19px;height:19px}.plugin-signal-token.audio{box-shadow:0 0 11px currentColor}.plugin-signal-token.midi{width:18px;height:18px;box-shadow:0 0 10px currentColor}@keyframes plugin-signal-travel{from{left:-24px}to{left:calc(100% + 5px)}}.plugin-flow-legend span:before{width:17px;height:17px;margin-right:8px;vertical-align:-5px}.plugin-flow-legend .midi:before{width:15px;height:15px;vertical-align:-3px}.plugin-flow-legend .original:before,.plugin-flow-legend .processed:before{width:22px;height:4px;vertical-align:2px}
@media(max-width:700px){.plugin-signal-track{height:27px}.plugin-signal-token{width:15px;height:15px}.plugin-signal-token.midi{width:14px;height:14px}}

/* Entrée de l'annexe dans les ressources */
.resource-list article.resource-annex-entry{background:#dff5e9;border-color:#1762ff2e}.resource-annex-entry>span{color:var(--ink)!important}.resource-annex-entry .resource-action{background:var(--blue)}

/* Annexe : de l'air au signal analogique */
.acoustic-annex-page{background:#f2efe8}.annex-hero{min-height:720px;padding:150px 7vw 90px;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center;background:radial-gradient(circle at 82% 35%,#29426b 0,transparent 36%),#121722;color:#fff}.annex-back{display:inline-block;margin-bottom:35px;color:var(--mint);font-size:13px;font-weight:800;text-decoration:none}.annex-hero h1{max-width:720px;margin:13px 0 28px;font-size:clamp(66px,9vw,125px);line-height:.82;letter-spacing:-.075em}.annex-hero .lead{max-width:650px;color:#c1c9d5}.annex-hero-chain{display:grid;grid-template-columns:repeat(11,auto);align-items:center;justify-content:center;gap:7px;padding:28px;border:1px solid #ffffff20;border-radius:25px;background:#202735;box-shadow:0 25px 65px #0006}.annex-hero-chain>span{min-width:82px;display:flex;flex-direction:column;align-items:center;padding:18px 9px;border-radius:13px;background:#0e121b;text-align:center}.annex-hero-chain>span:nth-of-type(4){background:#432f58}.annex-hero-chain i{height:46px;display:grid;place-items:center;color:var(--mint);font:30px 'DM Mono';font-style:normal}.annex-hero-chain .electric i{color:#ff6fae}.annex-hero-chain b{font-size:10px}.annex-hero-chain small{margin-top:3px;color:#929cad;font:7px 'DM Mono'}.annex-hero-chain em{color:#ff8a69;font-style:normal}.annex-nav{position:sticky;z-index:10;top:72px;display:flex;justify-content:center;gap:7px;padding:13px 4vw;border-bottom:1px solid #ffffff17;background:#202735;color:#fff;overflow:auto}.annex-nav a{flex:0 0 auto;padding:8px 12px;border:1px solid #ffffff1f;border-radius:100px;text-decoration:none;font-size:11px;font-weight:800}.annex-nav a:hover{background:var(--mint);color:var(--ink)}.annex-journey,.annex-air-section,.annex-microphone-section,.annex-electric-section,.annex-speaker-section,.annex-supports-section,.annex-summary-section{padding:100px 7vw;scroll-margin-top:120px}.annex-journey>header,.annex-microphone-section>header,.annex-speaker-section>header,.annex-summary-section>header{max-width:1050px}.annex-journey h2,.annex-air-section h2,.annex-microphone-section h2,.annex-electric-section h2,.annex-speaker-section h2,.annex-supports-section h2,.annex-summary-section h2{margin:9px 0 22px;font-size:clamp(43px,6vw,78px);line-height:.94;letter-spacing:-.055em}.annex-journey>header>p:last-child,.annex-microphone-section>header>p:last-child,.annex-speaker-section>header>p:last-child{max-width:850px;color:var(--muted);font-size:18px}.annex-stepper{max-width:1400px;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:40px 0 9px}.annex-stepper button{min-width:0;padding:19px;border:2px solid transparent;border-radius:13px;background:#fff;color:var(--ink);text-align:left;cursor:pointer;transition:.18s}.annex-stepper button:hover{transform:translateY(-2px)}.annex-stepper button.selected{border-color:var(--blue);background:#dfe8ff}.annex-stepper span,.annex-stepper b,.annex-stepper small{display:block}.annex-stepper span{float:right;color:var(--blue);font:10px 'DM Mono'}.annex-stepper b{font-size:18px}.annex-stepper small{margin-top:4px;color:var(--muted);font:8px 'DM Mono'}.annex-step-detail{max-width:1400px;display:grid;grid-template-columns:180px 1fr 230px;gap:25px;align-items:center;padding:27px;border-radius:15px;background:#151925;color:#fff}.annex-step-detail>span{color:var(--mint);font:9px 'DM Mono'}.annex-step-detail h3{margin:0 0 5px;font-size:25px}.annex-step-detail p{margin:0;color:#bec6d2}.annex-step-detail>strong{padding:12px;border-radius:8px;background:#292f3c;color:#ff9a80;font:9px 'DM Mono';text-align:center}.annex-air-section{background:#fff}.annex-air-section>header,.annex-electric-section>header,.annex-supports-section>header{display:grid;grid-template-columns:1fr .75fr;gap:65px;align-items:end}.annex-air-section>header>p,.annex-electric-section>header>p,.annex-supports-section>header>p{max-width:650px;margin:0 0 8px;color:var(--muted);font-size:18px}.annex-air-lab{display:grid;grid-template-columns:1fr 330px;gap:10px;margin-top:38px;padding:12px;border-radius:20px;background:#252c3a}.annex-air-screen{min-width:0;position:relative;border-radius:13px;background:#0d111a;overflow:hidden}.annex-air-screen canvas{width:100%;height:390px;display:block}.annex-air-key{position:absolute;left:18px;right:18px;bottom:13px;display:flex;justify-content:space-between;color:#9eb0c7;font:8px 'DM Mono'}.annex-air-key i{color:var(--mint);font-style:normal}.annex-air-controls{padding:25px;border-radius:13px;background:#11151e;color:#fff}.annex-air-controls label{display:block;margin-bottom:27px}.annex-air-controls label>span,.annex-analogy-control>span{display:flex;justify-content:space-between;gap:20px;margin-bottom:8px;font-weight:800}.annex-air-controls output,.annex-analogy-control output{color:var(--mint);font-family:'DM Mono'}.annex-air-controls input,.annex-analogy-control input{width:100%;accent-color:var(--mint)}.annex-air-controls button{width:100%;padding:11px;border:1px solid #ffffff20;border-radius:8px;background:#292f3d;color:#fff;cursor:pointer}.annex-air-controls button[aria-pressed=true]{background:var(--orange);color:var(--ink)}.annex-air-controls dl{margin:28px 0 0}.annex-air-controls dl>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-top:1px solid #ffffff14}.annex-air-controls dt{color:#9da7b7;font-size:11px}.annex-air-controls dd{margin:0;color:var(--mint);font:11px 'DM Mono'}.annex-model-note{margin:12px 0 36px;padding:16px 19px;border-left:4px solid var(--mint);background:#edf8f2;color:#56606e}.annex-model-note b{color:var(--ink)}.annex-concept-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.annex-concept-grid article{padding:23px;border:1px solid var(--line);border-radius:14px;background:#f5f2eb}.annex-concept-grid article>span{float:right;color:var(--blue);font:25px 'DM Mono'}.annex-concept-grid h3{margin:0 0 10px;font-size:22px}.annex-concept-grid p{margin:0;color:var(--muted);font-size:13px}.annex-microphone-section{background:#e7eefb}.annex-transducer-lab{max-width:1400px;margin-top:40px;padding:12px;border-radius:20px;background:#fff}.annex-transducer-controls{display:flex;gap:6px;margin-bottom:10px}.annex-transducer-controls button{padding:10px 15px;border:1px solid var(--line);border-radius:8px;background:#eef1f7;font-weight:800;cursor:pointer}.annex-transducer-controls button.selected{background:var(--blue);color:#fff}.annex-transducer-model{min-height:330px;display:grid;grid-template-columns:1fr auto 1fr auto 1.25fr auto 1fr;gap:14px;align-items:center;padding:35px;border-radius:14px;background:#11151e;color:#fff}.annex-transducer-model>em{color:#ff8a69;font-style:normal}.annex-transducer-model>div{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border:1px solid #ffffff18;border-radius:14px;background:#202735}.annex-transducer-model small{margin-top:20px;color:var(--mint);font:8px 'DM Mono'}.transducer-air{gap:7px}.transducer-air>i{width:60%;height:5px;border-radius:100%;background:var(--blue)}.transducer-air>i:nth-child(2){width:38%}.transducer-air>i:nth-child(3){width:72%}.transducer-membrane>i{width:13px;height:95px;border:3px solid var(--mint);border-radius:50%;box-shadow:14px 0 0 -5px #8be8bd77}.transducer-mechanism>div{min-height:90px;display:grid;place-items:center}.transducer-mechanism i,.transducer-mechanism b{font:10px 'DM Mono';font-style:normal}.transducer-mechanism i{padding:10px;border:4px solid var(--orange);border-radius:9px}.transducer-mechanism b{margin-top:7px;color:#b7c1d0}.transducer-mechanism .condenser-part{display:none}.annex-transducer-model[data-kind=condenser] .dynamic-part{display:none}.annex-transducer-model[data-kind=condenser] .condenser-part{display:grid}.annex-transducer-model[data-kind=condenser] .condenser-part i{border-width:0 7px;border-radius:0;border-color:#ff6fae}.transducer-voltage i{color:#ff6fae;font:50px 'DM Mono';font-style:normal}.annex-transducer-detail{display:grid;grid-template-columns:.75fr 1.25fr;gap:35px;align-items:center;padding:26px 22px}.annex-transducer-detail small{color:var(--blue);font:8px 'DM Mono'}.annex-transducer-detail h3{margin:7px 0 0;font-size:27px}.annex-transducer-detail p{margin:0;color:var(--muted)}.annex-mic-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:1400px;margin:10px 0}.annex-mic-notes article{padding:24px;border:1px solid #1762ff24;border-radius:14px;background:#fff}.annex-mic-notes small{color:var(--blue);font:8px 'DM Mono'}.annex-mic-notes h3{margin:10px 0 7px;font-size:21px}.annex-mic-notes p{margin:0;color:var(--muted);font-size:13px}.annex-related-link{display:inline-block;margin-top:18px;color:var(--blue);font-weight:800}.annex-electric-section{background:#151925;color:#fff}.annex-electric-section>header>p{color:#bdc4d0}.annex-analogy{display:grid;grid-template-columns:1fr 130px 1fr;gap:10px;align-items:stretch;margin-top:40px}.annex-analogy>div{padding:17px;border:1px solid #ffffff15;border-radius:14px;background:#202735}.annex-analogy small{display:block;margin-bottom:12px;color:#aab4c4;font:8px 'DM Mono'}.annex-analogy canvas{width:100%;height:220px;display:block;border-radius:8px}.annex-analogy>div>b{display:block;margin-top:10px;color:var(--mint);font:9px 'DM Mono'}.annex-analogy>span{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:14px;background:#8be8bd;color:var(--ink);text-align:center}.annex-analogy>span i{width:60px;height:60px;display:grid;place-items:center;border:3px solid var(--ink);border-radius:50%;font:10px 'DM Mono';font-style:normal}.annex-analogy>span b{margin-top:8px;font-size:9px}.annex-analogy-control{display:block;max-width:550px;margin:20px auto;padding:17px 20px;border-radius:11px;background:#202735}.annex-electric-section .annex-model-note{background:#202735;color:#bac2cf}.annex-electric-section .annex-model-note b{color:#fff}.annex-level-chain{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:stretch;margin:45px 0}.annex-level-chain article{padding:21px;border:1px solid #ffffff14;border-radius:13px;background:#202735}.annex-level-chain article>span{float:right;color:#ff8a69;font:17px 'DM Mono'}.annex-level-chain small{color:var(--mint);font:8px 'DM Mono'}.annex-level-chain h3{margin:12px 0 7px;font-size:20px}.annex-level-chain p{margin:0;color:#b8c1ce;font-size:12px}.annex-level-chain>i{align-self:center;color:#ff8a69;font-style:normal}.annex-electric-section .warning{color:var(--ink)}.annex-speaker-section{background:#fff}.annex-speaker-model{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:stretch;margin-top:40px}.annex-speaker-model>span{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;border-radius:14px;background:#151925;color:#fff;text-align:center}.annex-speaker-model>span:nth-of-type(3){background:#36466d}.annex-speaker-model>i,.annex-speaker-model span>i{font-style:normal}.annex-speaker-model span>i{height:55px;display:grid;place-items:center;color:#ff6fae;font:29px 'DM Mono'}.annex-speaker-model span>b{font-size:12px}.annex-speaker-model span>small{margin-top:5px;color:var(--mint);font:8px 'DM Mono'}.annex-speaker-model>em{align-self:center;color:var(--orange);font-style:normal}.annex-speaker-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.annex-speaker-facts article{padding:22px;border:1px solid var(--line);border-radius:13px;background:#f4f1ea}.annex-speaker-facts h3{margin:0 0 7px}.annex-speaker-facts p{margin:0;color:var(--muted);font-size:13px}.annex-supports-section{background:#f1e9df}.annex-support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:38px}.annex-support-grid article{min-height:295px;display:flex;flex-direction:column;padding:25px;border-radius:15px;background:#fff}.annex-support-grid article>span{align-self:flex-end;color:var(--blue);font:33px 'DM Mono'}.annex-support-grid small{color:var(--blue);font:8px 'DM Mono'}.annex-support-grid h3{margin:13px 0 8px;font-size:23px}.annex-support-grid p{color:var(--muted);font-size:13px}.annex-support-grid article>b,.annex-support-grid article>a{margin-top:auto;padding-top:20px;color:var(--blue);font:9px 'DM Mono';font-weight:800}.annex-support-grid .digital-contrast{background:#151925;color:#fff}.annex-support-grid .digital-contrast p{color:#bec5d1}.annex-support-grid .digital-contrast a{color:var(--mint)}.annex-summary-section{background:#dff5e9}.annex-summary-table{display:grid;grid-template-columns:1.1fr 2fr 1.25fr 1fr;margin-top:35px;border:1px solid #15192524;border-radius:14px;background:#fff;overflow:hidden}.annex-summary-table>*{padding:14px 17px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.annex-summary-table>*:nth-child(4n){border-right:0}.annex-summary-table .head{background:#151925;color:var(--mint);font:9px 'DM Mono'}.annex-summary-table span{color:var(--muted);font-size:13px}.annex-next-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:35px}.annex-next-links a{min-height:135px;display:flex;flex-direction:column;justify-content:flex-end;padding:21px;border-radius:13px;background:#151925;color:#fff;text-decoration:none}.annex-next-links small{color:var(--mint);font:8px 'DM Mono'}.annex-next-links b{margin-top:7px;font-size:17px}
@media(max-width:1100px){.annex-hero{grid-template-columns:1fr}.annex-hero-chain{grid-template-columns:repeat(6,1fr)}.annex-hero-chain>em{display:none}.annex-air-section>header,.annex-electric-section>header,.annex-supports-section>header{grid-template-columns:1fr}.annex-concept-grid,.annex-support-grid{grid-template-columns:1fr 1fr}.annex-air-lab{grid-template-columns:1fr}.annex-transducer-model{grid-template-columns:1fr auto 1fr auto 1.2fr auto 1fr}.annex-level-chain{grid-template-columns:1fr 1fr}.annex-level-chain>i{display:none}}
@media(max-width:760px){.annex-hero{min-height:auto;padding:125px 20px 70px}.annex-hero h1{font-size:68px}.annex-hero-chain{grid-template-columns:1fr 1fr;padding:10px}.annex-hero-chain>span{min-width:0}.annex-nav{justify-content:flex-start}.annex-journey,.annex-air-section,.annex-microphone-section,.annex-electric-section,.annex-speaker-section,.annex-supports-section,.annex-summary-section{padding:70px 20px}.annex-stepper{grid-template-columns:1fr 1fr}.annex-step-detail{grid-template-columns:1fr}.annex-concept-grid,.annex-mic-notes,.annex-speaker-facts,.annex-support-grid,.annex-next-links{grid-template-columns:1fr}.annex-air-screen canvas{height:320px}.annex-transducer-model{grid-template-columns:1fr;gap:7px;padding:14px}.annex-transducer-model>div{min-height:130px}.annex-transducer-model>em{justify-self:center;transform:rotate(90deg)}.annex-transducer-detail{grid-template-columns:1fr}.annex-analogy{grid-template-columns:1fr}.annex-analogy>span{min-height:100px}.annex-level-chain,.annex-speaker-model{grid-template-columns:1fr}.annex-speaker-model>em{justify-self:center;transform:rotate(90deg)}.annex-summary-table{grid-template-columns:130px minmax(210px,1fr) 150px 150px;overflow:auto}.annex-summary-table>*{min-width:0}}

/* VU, dBu et alignement avec le plein-échelle */
.vu-focus{margin:28px 0;padding:25px;border-radius:18px;background:#dff5e9;scroll-margin-top:120px}.vu-focus h3{margin:6px 0 19px;font-size:34px}.vu-not-unit{display:grid;grid-template-columns:105px 1fr;gap:20px;align-items:center;padding:20px;border-radius:13px;background:#151925;color:#fff}.vu-not-unit>span{width:82px;height:82px;display:grid;place-items:center;border:5px solid var(--mint);border-radius:50%;color:var(--mint);font:24px 'DM Mono'}.vu-not-unit b{font-size:17px}.vu-not-unit p{margin:5px 0 0!important;color:#bcc5d1!important;font-size:13px!important}.vu-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:9px 0}.vu-principles article{padding:18px;border:1px solid #1519251d;border-radius:12px;background:#fff}.vu-principles small,.vu-principles strong{display:block}.vu-principles small{color:var(--blue);font:8px 'DM Mono'}.vu-principles strong{margin:9px 0 5px;font-size:15px}.vu-principles p{margin:0!important;color:var(--muted)!important;font-size:12px!important}.vu-calibration-tool{margin-top:12px;padding:19px;border-radius:15px;background:#151925;color:#fff}.vu-calibration-tool>header{display:flex;align-items:end;justify-content:space-between;gap:25px}.vu-calibration-tool>header small{color:var(--mint);font:8px 'DM Mono'}.vu-calibration-tool h4{margin:5px 0 0;font-size:24px}.vu-calibration-tool>header p{max-width:410px;margin:0!important;color:#bbc3cf!important;font-size:12px!important}.vu-calibration-tool>label{display:block;margin:25px 0 14px;padding:15px 17px;border-radius:10px;background:#252b38}.vu-calibration-tool>label>span{display:flex;justify-content:space-between;gap:20px;font-weight:800}.vu-calibration-tool output{color:var(--mint);font-family:'DM Mono'}.vu-calibration-tool input{width:100%;margin-top:9px;accent-color:var(--mint)}.vu-alignment-chain{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:7px;align-items:stretch}.vu-alignment-chain>article{min-height:140px;display:flex;flex-direction:column;justify-content:center;padding:18px;border:1px solid #ffffff14;border-radius:11px;background:#252b38;text-align:center}.vu-alignment-chain>i{align-self:center;color:#ff8c6c;font-style:normal}.vu-alignment-chain small{color:#9da7b7;font:8px 'DM Mono'}.vu-alignment-chain article>strong{display:block;margin:9px 0 2px;color:var(--mint);font-size:25px}.vu-alignment-chain article>span{color:#b8c1ce;font-size:11px}.vu-meter-face{height:53px;display:grid;grid-template-columns:repeat(4,1fr);align-items:end;position:relative;margin-top:4px;padding:0 8px 9px;border-radius:55px 55px 5px 5px;background:#f0e5c6;color:#151925}.vu-meter-face span{font:7px 'DM Mono'}.vu-meter-face i{position:absolute;width:3px;height:45px;left:66%;bottom:4px;border-radius:3px;background:#e24f35;transform-origin:bottom;transform:rotate(19deg)}.vu-meter-card>strong{margin-top:3px!important}.vu-headroom-ruler{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;margin:10px 0;padding:14px 16px;border-radius:9px;background:#0e1119;font:9px 'DM Mono'}.vu-headroom-ruler span{color:var(--mint)}.vu-headroom-ruler i{height:9px;border-radius:9px;background:linear-gradient(90deg,var(--mint),#ffd36e 63%,var(--orange))}.vu-headroom-ruler strong{color:var(--orange)}.vu-fullscale-result{margin:10px 2px 1px!important;color:#c1c8d3!important;font-size:12px!important}.vu-focus>.warning{margin-bottom:12px}.vu-official-sources{margin:10px 2px 0!important;color:var(--muted)!important;font-size:11px!important}.vu-official-sources a{color:var(--blue);font-weight:800}
@media(max-width:700px){.vu-focus{padding:17px}.vu-not-unit{grid-template-columns:1fr}.vu-principles{grid-template-columns:1fr}.vu-calibration-tool>header{align-items:flex-start;flex-direction:column}.vu-alignment-chain{grid-template-columns:1fr}.vu-alignment-chain>i{transform:rotate(90deg)}.vu-headroom-ruler{grid-template-columns:1fr}.vu-headroom-ruler i{width:100%}}

/* Guide de choix des microphones */
.mic-choice-guide{margin-top:48px;padding-top:55px;border-top:1px solid var(--line);scroll-margin-top:115px}.mic-choice-guide>header{max-width:900px}.mic-choice-guide>header h3{margin:7px 0 13px;font-size:clamp(31px,4vw,48px);line-height:1}.mic-choice-guide>header p:last-child{color:var(--muted)}.mic-choice-tool{display:grid;grid-template-columns:340px minmax(0,1fr);gap:9px;margin-top:28px;padding:11px;border-radius:20px;background:#151925}.mic-choice-controls{padding:19px;border-radius:13px;background:#252b38;color:#fff}.mic-choice-controls fieldset{margin:0 0 24px;padding:0;border:0}.mic-choice-controls fieldset:last-child{margin-bottom:0}.mic-choice-controls legend{margin-bottom:9px;color:var(--mint);font:9px 'DM Mono'}.mic-source-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px}.mic-source-buttons button,.mic-choice-toggle button{min-width:0;padding:10px;border:1px solid #ffffff18;border-radius:8px;background:#11151e;color:#fff;text-align:left;font-size:11px;font-weight:800;cursor:pointer}.mic-source-buttons button.selected,.mic-choice-toggle button.selected{border-color:var(--mint);background:var(--mint);color:var(--ink)}.mic-choice-toggle{display:grid;grid-template-columns:1fr 1fr;gap:5px}.mic-choice-result{min-width:0;padding:30px;border-radius:13px;background:#fff}.mic-choice-summary{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.mic-choice-copy{min-width:0;flex:1 1 360px}.mic-choice-copy>small{color:var(--blue);font:9px 'DM Mono'}.mic-choice-copy h4{margin:9px 0 11px;font-size:clamp(27px,4vw,44px);line-height:1.02;letter-spacing:-.04em}.mic-choice-copy>p{max-width:850px;color:var(--muted);font-size:16px}.mic-choice-illustration{position:relative;overflow:hidden;flex:0 1 290px;width:min(100%,290px);margin:0;border-radius:12px;background:#151925;box-shadow:0 12px 28px #15192522}.mic-choice-photo{aspect-ratio:1/1;background-repeat:no-repeat;background-size:300% 100%;transition:background-image .18s ease,background-position .18s ease}.mic-choice-illustration figcaption{position:absolute;right:0;bottom:0;left:0;padding:38px 14px 13px;background:linear-gradient(transparent,#0c1019e8);color:#fff}.mic-choice-illustration figcaption small,.mic-choice-illustration figcaption b{display:block}.mic-choice-illustration figcaption small{color:var(--mint);font:7px 'DM Mono'}.mic-choice-illustration figcaption b{margin-top:4px;font-size:12px}.mic-choice-result[data-visual=dynamic] .mic-choice-photo{background-image:url('images/microphones-types-v1.webp');background-position:0 center}.mic-choice-result[data-visual=large-condenser] .mic-choice-photo{background-image:url('images/microphones-types-v1.webp');background-position:50% center}.mic-choice-result[data-visual=ribbon] .mic-choice-photo{background-image:url('images/microphones-types-v1.webp');background-position:100% center}.mic-choice-result[data-visual=small-condenser] .mic-choice-photo{background-image:url('images/microphones-choix-v1.webp');background-position:0 center}.mic-choice-result[data-visual=stereo-pair] .mic-choice-photo{background-image:url('images/microphones-choix-v1.webp');background-position:50% center}.mic-choice-result[data-visual=multi-dynamic] .mic-choice-photo{background-image:url('images/microphones-choix-v1.webp');background-position:100% center}.mic-choice-tags{display:flex;flex-wrap:wrap;gap:5px}.mic-choice-tags span{padding:7px 9px;border-radius:100px;background:#e6edff;color:var(--blue);font:8px 'DM Mono'}.mic-choice-result[data-family=dynamic] .mic-choice-tags span{background:#e4f7ed;color:#116642}.mic-choice-result[data-family=ribbon] .mic-choice-tags span{background:#f1e8ff;color:#62429b}.mic-choice-route{display:grid;grid-template-columns:minmax(80px,.55fr) auto minmax(145px,1fr) auto minmax(145px,1fr);gap:6px;align-items:stretch;margin:23px 0;padding:8px;border-radius:12px;background:#151925;color:#fff}.mic-choice-route>span,.mic-choice-route>strong{min-width:0;display:grid;place-items:center;padding:13px;border-radius:8px;background:#252b38;text-align:center;font-size:10px}.mic-choice-route>strong{background:var(--blue)}.mic-choice-route>i{align-self:center;color:var(--mint);font-style:normal}.mic-choice-secondary{display:grid;grid-template-columns:230px 1fr;gap:18px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:11px;background:#f1f3f7}.mic-choice-secondary small,.mic-choice-secondary b{display:block}.mic-choice-secondary small{color:var(--blue);font:8px 'DM Mono'}.mic-choice-secondary b{margin-top:5px}.mic-choice-secondary p{margin:0;color:var(--muted);font-size:13px}.mic-choice-result>aside{margin-top:8px;padding:16px 18px;border-left:4px solid var(--orange);border-radius:4px 10px 10px 4px;background:#fff1ec}.mic-choice-result>aside p{margin:4px 0 0;color:var(--muted);font-size:13px}.mic-choice-basics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:9px 0 14px}.mic-choice-basics article{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}.mic-choice-basics small{color:var(--blue);font:8px 'DM Mono'}.mic-choice-basics b{display:block;margin:7px 0}.mic-choice-basics p{margin:0;color:var(--muted);font-size:12px}.mic-choice-advanced-section .mic-spec-grid{max-width:1400px;margin:35px auto 10px;grid-template-columns:repeat(3,1fr)}.mic-choice-advanced-section .mic-spec-grid article{background:#fff}.mic-diaphragm-comparison{max-width:1400px;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px auto}.mic-diaphragm-comparison article{padding:24px;border:1px solid var(--line);border-radius:13px;background:#151925;color:#fff}.mic-diaphragm-comparison article:last-child{background:#372f5a}.mic-diaphragm-comparison small{color:var(--mint);font:9px 'DM Mono'}.mic-diaphragm-comparison h3{margin:10px 0 7px;font-size:24px}.mic-diaphragm-comparison p{margin:0;color:#bec5d1;font-size:13px}.mic-choice-advanced-section .advanced-note{max-width:1400px;margin:9px auto;padding:19px 22px;border-left:5px solid var(--orange);background:#fff1ec}.mic-choice-advanced-section .advanced-note p{margin:5px 0 0;color:var(--muted)}.mic-choice-advanced-section>.advanced-foundation-link{display:block;max-width:1400px;margin:16px auto 0}
.pop-filter-guide{margin-top:34px;padding:28px;border:1px solid #1519251c;border-radius:18px;background:#f3eee6;scroll-margin-top:115px}.pop-filter-guide>header{max-width:980px}.pop-filter-guide>header h3{margin:6px 0 10px;font-size:clamp(28px,3.5vw,42px);line-height:1.02}.pop-filter-guide>header>p:last-child{margin:0;color:var(--muted)}.pop-filter-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin:24px 0 10px;padding:17px;border-radius:14px;background:#151925;color:#fff}.pop-filter-flow>span{min-height:115px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border:1px solid #ffffff15;border-radius:11px;background:#252b38;text-align:center}.pop-filter-flow small{color:#aab5c5;font:7px 'DM Mono'}.pop-filter-flow b{margin-top:7px;font-size:14px}.pop-filter-mouth em{margin-top:8px;color:var(--orange);font:18px 'DM Mono';font-style:normal}.pop-filter-flow>i{color:var(--orange);font:13px 'DM Mono';font-style:normal}.pop-filter-flow>.pop-filter-soft-air{color:var(--mint)}.pop-filter-screen>i{width:56px;height:56px;border:4px solid var(--mint);border-radius:50%;background:repeating-linear-gradient(45deg,#8be8bd33 0 2px,transparent 2px 5px)}.pop-filter-mic>i{width:26px;height:53px;margin-bottom:2px;border:5px solid #8ba9ff;border-radius:13px 13px 6px 6px;background:linear-gradient(#1762ff55 48%,#1762ff 49%)}.pop-filter-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.pop-filter-cards article{padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff}.pop-filter-cards small,.pop-filter-cards b{display:block}.pop-filter-cards small{color:var(--blue);font:8px 'DM Mono'}.pop-filter-cards b{margin:9px 0 6px}.pop-filter-cards p{margin:0;color:var(--muted);font-size:12px}.pop-filter-placement{display:grid;grid-template-columns:auto auto auto auto auto 1fr;gap:8px;align-items:center;margin-top:8px;padding:15px 17px;border-left:5px solid var(--orange);border-radius:5px 11px 11px 5px;background:#fff}.pop-filter-placement>span{padding:7px 9px;border-radius:7px;background:#252b38;color:#fff;font:8px 'DM Mono'}.pop-filter-placement>i{color:var(--blue);font:9px 'DM Mono';font-style:normal}.pop-filter-placement>p{grid-column:1/-1;margin:4px 0 0;color:var(--muted);font-size:11px}.mic-choice-guide{margin-top:48px;padding-top:55px;border-top:1px solid var(--line);scroll-margin-top:115px}.mic-choice-guide>header{max-width:900px}.mic-choice-guide>header h3{margin:7px 0 13px;font-size:clamp(31px,4vw,48px);line-height:1}.mic-choice-guide>header p:last-child{color:var(--muted)}.mic-choice-tool{display:grid;grid-template-columns:340px minmax(0,1fr);gap:9px;margin-top:28px;padding:11px;border-radius:20px;background:#151925}.mic-choice-controls{padding:19px;border-radius:13px;background:#252b38;color:#fff}.mic-choice-controls fieldset{margin:0 0 24px;padding:0;border:0}.mic-choice-controls fieldset:last-child{margin-bottom:0}.mic-choice-controls legend{margin-bottom:9px;color:var(--mint);font:9px 'DM Mono'}.mic-source-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px}.mic-source-buttons button,.mic-choice-toggle button{min-width:0;padding:10px;border:1px solid #ffffff18;border-radius:8px;background:#11151e;color:#fff;text-align:left;font-size:11px;font-weight:800;cursor:pointer}.mic-source-buttons button.selected,.mic-choice-toggle button.selected{border-color:var(--mint);background:var(--mint);color:var(--ink)}.mic-choice-toggle{display:grid;grid-template-columns:1fr 1fr;gap:5px}.mic-choice-result{min-width:0;padding:30px;border-radius:13px;background:#fff}.mic-choice-summary{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.mic-choice-copy{min-width:0;flex:1 1 360px}.mic-choice-copy>small{color:var(--blue);font:9px 'DM Mono'}.mic-choice-copy h4{margin:9px 0 11px;font-size:clamp(27px,4vw,44px);line-height:1.02;letter-spacing:-.04em}.mic-choice-copy>p{max-width:850px;color:var(--muted);font-size:16px}.mic-choice-illustration{position:relative;overflow:hidden;flex:0 1 290px;width:min(100%,290px);margin:0;border-radius:12px;background:#151925;box-shadow:0 12px 28px #15192522}.mic-choice-photo{aspect-ratio:1/1;background-repeat:no-repeat;background-size:300% 100%;transition:background-image .18s ease,background-position .18s ease}.mic-choice-illustration figcaption{position:absolute;right:0;bottom:0;left:0;padding:38px 14px 13px;background:linear-gradient(transparent,#0c1019e8);color:#fff}.mic-choice-illustration figcaption small,.mic-choice-illustration figcaption b{display:block}.mic-choice-illustration figcaption small{color:var(--mint);font:7px 'DM Mono'}.mic-choice-illustration figcaption b{margin-top:4px;font-size:12px}.mic-choice-result[data-visual=dynamic] .mic-choice-photo{background-image:url('images/microphones-types-v1.webp');background-position:0 center}.mic-choice-result[data-visual=large-condenser] .mic-choice-photo{background-image:url('images/microphones-types-v1.webp');background-position:50% center}.mic-choice-result[data-visual=ribbon] .mic-choice-photo{background-image:url('images/microphones-types-v1.webp');background-position:100% center}.mic-choice-result[data-visual=small-condenser] .mic-choice-photo{background-image:url('images/microphones-choix-v1.webp');background-position:0 center}.mic-choice-result[data-visual=stereo-pair] .mic-choice-photo{background-image:url('images/microphones-choix-v1.webp');background-position:50% center}.mic-choice-result[data-visual=multi-dynamic] .mic-choice-photo{background-image:url('images/microphones-choix-v1.webp');background-position:100% center}.mic-choice-tags{display:flex;flex-wrap:wrap;gap:5px}.mic-choice-tags span{padding:7px 9px;border-radius:100px;background:#e6edff;color:var(--blue);font:8px 'DM Mono'}.mic-choice-result[data-family=dynamic] .mic-choice-tags span{background:#e4f7ed;color:#116642}.mic-choice-result[data-family=ribbon] .mic-choice-tags span{background:#f1e8ff;color:#62429b}.mic-choice-route{display:grid;grid-template-columns:minmax(80px,.55fr) auto minmax(145px,1fr) auto minmax(145px,1fr);gap:6px;align-items:stretch;margin:23px 0;padding:8px;border-radius:12px;background:#151925;color:#fff}.mic-choice-route>span,.mic-choice-route>strong{min-width:0;display:grid;place-items:center;padding:13px;border-radius:8px;background:#252b38;text-align:center;font-size:10px}.mic-choice-route>strong{background:var(--blue)}.mic-choice-route>i{align-self:center;color:var(--mint);font-style:normal}.mic-choice-secondary{display:grid;grid-template-columns:230px 1fr;gap:18px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:11px;background:#f1f3f7}.mic-choice-secondary small,.mic-choice-secondary b{display:block}.mic-choice-secondary small{color:var(--blue);font:8px 'DM Mono'}.mic-choice-secondary b{margin-top:5px}.mic-choice-secondary p{margin:0;color:var(--muted);font-size:13px}.mic-choice-result>aside{margin-top:8px;padding:16px 18px;border-left:4px solid var(--orange);border-radius:4px 10px 10px 4px;background:#fff1ec}.mic-choice-result>aside p{margin:4px 0 0;color:var(--muted);font-size:13px}.mic-choice-basics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:9px 0 14px}.mic-choice-basics article{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}.mic-choice-basics small{color:var(--blue);font:8px 'DM Mono'}.mic-choice-basics b{display:block;margin:7px 0}.mic-choice-basics p{margin:0;color:var(--muted);font-size:12px}.mic-choice-advanced-section .mic-spec-grid{max-width:1400px;margin:35px auto 10px;grid-template-columns:repeat(3,1fr)}.mic-choice-advanced-section .mic-spec-grid article{background:#fff}.mic-diaphragm-comparison{max-width:1400px;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px auto}.mic-diaphragm-comparison article{padding:24px;border:1px solid var(--line);border-radius:13px;background:#151925;color:#fff}.mic-diaphragm-comparison article:last-child{background:#372f5a}.mic-diaphragm-comparison small{color:var(--mint);font:9px 'DM Mono'}.mic-diaphragm-comparison h3{margin:10px 0 7px;font-size:24px}.mic-diaphragm-comparison p{margin:0;color:#bec5d1;font-size:13px}.mic-choice-advanced-section .advanced-note{max-width:1400px;margin:9px auto;padding:19px 22px;border-left:5px solid var(--orange);background:#fff1ec}.mic-choice-advanced-section .advanced-note p{margin:5px 0 0;color:var(--muted)}.mic-choice-advanced-section>.advanced-foundation-link{display:block;max-width:1400px;margin:16px auto 0}
@media(max-width:950px){.mic-choice-tool{grid-template-columns:1fr}.mic-choice-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mic-choice-controls fieldset:first-child{grid-column:1/-1}.mic-choice-controls fieldset{margin:0}.mic-choice-advanced-section .mic-spec-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.pop-filter-guide{padding:21px 16px}.pop-filter-flow{grid-template-columns:1fr}.pop-filter-flow>i{justify-self:center;transform:rotate(90deg)}.pop-filter-cards{grid-template-columns:1fr}.pop-filter-placement{grid-template-columns:auto 1fr}.pop-filter-placement>p{grid-column:1/-1;margin:5px 0 0}.mic-choice-guide{padding-top:45px}.mic-choice-controls{grid-template-columns:1fr}.mic-choice-controls fieldset:first-child{grid-column:auto}.mic-source-buttons,.mic-choice-toggle{grid-template-columns:1fr}.mic-choice-result{padding:21px 16px}.mic-choice-illustration{flex-basis:100%;width:min(100%,360px)}.mic-choice-route{grid-template-columns:1fr}.mic-choice-route>i{justify-self:center;transform:rotate(90deg)}.mic-choice-secondary{grid-template-columns:1fr}.mic-choice-basics,.mic-choice-advanced-section .mic-spec-grid,.mic-diaphragm-comparison{grid-template-columns:1fr}}

/* Index et recherche globale */
.visually-hidden{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}.site-search{width:190px;height:38px;display:flex;align-items:center;margin-left:auto;margin-right:22px;border:1px solid var(--line);border-radius:100px;background:#fff;overflow:hidden}.site-search input{min-width:0;width:100%;height:100%;padding:0 4px 0 14px;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.site-search button{width:38px;height:38px;flex:0 0 38px;border:0;background:transparent;color:var(--blue);font-size:20px;line-height:1;cursor:pointer}.site-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #1762ff18}.site-search~nav{margin-left:0}.darkbar .site-search{border-color:#ffffff22;background:#ffffff10}.darkbar .site-search input{color:#fff}.darkbar .site-search input::placeholder{color:#aeb7c5}.darkbar .site-search button{color:var(--mint)}main h2[id],main h3[id]{scroll-margin-top:115px}.search-anchor-target{animation:search-anchor-pulse 2.2s ease-out}@keyframes search-anchor-pulse{0%{outline:5px solid #ff7048;outline-offset:5px}100%{outline:0 solid transparent;outline-offset:14px}}
.search-page{background:#eef1f7}.search-main{min-height:100vh;padding-top:72px}.search-hero{padding:95px 8vw 62px;background:radial-gradient(circle at 88% 30%,#334985 0,transparent 32%),#151925;color:#fff}.search-hero h1{max-width:1050px;margin:12px 0 24px;font-size:clamp(58px,8vw,110px);line-height:.9;letter-spacing:-.07em}.search-hero .lead{color:#c4cbd7}.search-page-form{max-width:980px;height:72px;display:flex;margin-top:38px;padding:7px;border:1px solid #ffffff28;border-radius:18px;background:#fff;box-shadow:0 22px 60px #0005}.search-page-form input{min-width:0;flex:1;padding:0 18px;border:0;outline:0;background:transparent;color:var(--ink);font-size:18px}.search-page-form button{padding:0 24px;border:0;border-radius:12px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}.search-page-form:focus-within{box-shadow:0 0 0 4px #8be8bd55,0 22px 60px #0005}.search-suggestions{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:16px;color:#9fa9b9;font:10px 'DM Mono'}.search-suggestions button{padding:7px 10px;border:1px solid #ffffff20;border-radius:100px;background:#ffffff0d;color:#fff;cursor:pointer;font-size:11px}.search-suggestions button:hover{border-color:var(--mint);color:var(--mint)}.search-status{max-width:980px;margin:30px 0 0;color:#aeb7c5;font-size:13px}.search-results{padding:62px 8vw 110px}.search-result-group,.search-directory-group{max-width:1450px;margin:0 auto 58px}.search-result-group>header,.search-directory-group>header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px;border-bottom:1px solid var(--line);padding-bottom:13px}.search-result-group>header p,.search-directory-group>header p{margin:0;color:var(--blue)}.search-result-group>header h2,.search-directory-group>header h2{margin:0;font-size:clamp(31px,4vw,48px);line-height:1;letter-spacing:-.045em}.search-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.search-result-card{min-width:0;min-height:210px;display:flex;flex-direction:column;padding:23px;border:1px solid var(--line);border-radius:15px;background:#fff;text-decoration:none;transition:.18s}.search-result-card:hover{border-color:#1762ff55;transform:translateY(-3px);box-shadow:0 14px 35px #15192514}.search-result-card>span{color:var(--blue);font:9px 'DM Mono';letter-spacing:.12em}.search-result-card h2{margin:10px 0 9px;font-size:22px;line-height:1.08;letter-spacing:-.025em}.search-result-card p{margin:0;color:var(--muted);font-size:13px}.search-result-card small{display:block;margin-top:auto;padding-top:17px;color:#4b5361;font:10px 'DM Mono'}.search-directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.search-directory-grid a{min-height:110px;display:flex;flex-direction:column;padding:19px;border:1px solid var(--line);border-radius:12px;background:#fff;text-decoration:none}.search-directory-grid a:hover{border-color:var(--blue)}.search-directory-grid b{font-size:17px}.search-directory-grid span{margin-top:7px;color:var(--muted);font-size:12px}.search-empty{max-width:850px;margin:25px auto;padding:45px;border-left:6px solid var(--orange);border-radius:8px 18px 18px 8px;background:#fff}.search-empty b{font-size:25px}.search-empty p{color:var(--muted)}.search-empty a{color:var(--blue);font-weight:800}
@media(max-width:1180px){.site-search{width:145px;margin-right:14px}.topbar nav{gap:18px}.search-result-grid{grid-template-columns:1fr 1fr}}
@media(max-width:850px) and (min-width:701px){.site-search{width:42px;border-color:transparent;background:transparent}.site-search input{width:0;padding:0}.site-search button{background:#fff;border-radius:50%}.darkbar .site-search button{background:#ffffff10}.topbar nav{gap:12px}.topbar nav a{font-size:12px}}
@media(max-width:700px){.site-search{width:40px;height:40px;margin-left:auto;margin-right:7px;border:0;background:transparent}.site-search input{display:none}.site-search button{width:40px;height:40px;flex-basis:40px;border-radius:50%;background:#fff}.darkbar .site-search button{background:#ffffff12}.site-search+.menu-button{margin-left:0}.search-hero{padding:75px 20px 48px}.search-hero h1{font-size:54px}.search-page-form{height:auto;display:grid;padding:7px}.search-page-form input{height:54px;padding:0 11px;font-size:15px}.search-page-form button{height:48px}.search-results{padding:45px 20px 75px}.search-result-grid,.search-directory-grid{grid-template-columns:1fr}.search-result-card{min-height:190px}.search-result-group,.search-directory-group{margin-bottom:45px}}
@media(prefers-reduced-motion:reduce){.search-anchor-target{animation:none;outline:4px solid var(--orange);outline-offset:4px}.search-result-card{transition:none}}

/* Lecture guidée de Peak, RMS et facteur de crête */
.meter-readouts article>span{display:block;margin-top:6px;color:#9ba5b4;font-size:11px;line-height:1.25}.rms-table-key{max-width:970px;margin:28px 0 12px;padding:19px 22px;border-left:5px solid var(--blue);border-radius:5px 12px 12px 5px;background:#e6edff}.rms-table-key b{color:var(--blue)}.rms-table-key p{margin:5px 0 0!important;color:#4f5764!important;font-size:14px!important}.rms-table-wrap{max-width:970px;overflow:auto;border:1px solid var(--line);border-radius:15px;background:#fff}.rms-comparison-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0}.rms-comparison-table th,.rms-comparison-table td{padding:17px 15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.rms-comparison-table tr>*:last-child{border-right:0}.rms-comparison-table tbody tr:last-child>*{border-bottom:0}.rms-comparison-table thead th{background:#151925;color:#fff}.rms-comparison-table thead th:first-child{color:var(--mint)}.rms-comparison-table thead span,.rms-comparison-table thead small,.rms-comparison-table td b,.rms-comparison-table td small{display:block}.rms-comparison-table thead span{font-size:14px}.rms-comparison-table thead small{margin-top:4px;color:#aeb7c5;font-size:10px!important;font-weight:500}.rms-comparison-table tbody th{width:25%;background:#eef1f7;font-size:14px}.rms-comparison-table tbody tr:nth-child(2) th{background:#e4f7ed}.rms-comparison-table tbody tr:nth-child(3) th{background:#fff0ea}.rms-comparison-table td b{color:var(--blue);font:700 16px 'DM Mono'}.rms-comparison-table td small{margin-top:5px;color:var(--muted);font-size:10px!important}.rms-reading-steps{max-width:970px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;list-style:none;margin:12px 0 26px;padding:0}.rms-reading-steps li{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:16px;border:1px solid var(--line);border-radius:11px;background:#fff}.rms-reading-steps span{color:var(--blue);font:18px 'DM Mono'}.rms-reading-steps p{margin:0!important;color:var(--muted)!important;font-size:13px!important}.rms-reading-steps b{display:block;margin-bottom:4px;color:var(--ink)}
@media(max-width:700px){.rms-table-key{padding:17px}.rms-table-wrap{margin-right:-20px}.rms-reading-steps{grid-template-columns:1fr}.meter-readouts article>span{font-size:10px}}

/* Annexe avancée : mixage et mastering */
.mix-master-page{background:#f2efe8}.mix-master-hero{min-height:760px;display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;align-items:center;padding:145px 7vw 90px;background:radial-gradient(circle at 82% 34%,#314e77 0,transparent 34%),#11151e;color:#fff}.mix-master-hero h1{max-width:780px;margin:14px 0 28px;font-size:clamp(72px,10vw,140px);line-height:.8;letter-spacing:-.08em}.mix-master-hero .lead{max-width:690px;color:#c0c8d4}.mix-master-hero-chain{min-height:420px;display:grid;grid-template-columns:1fr auto 1.15fr auto 1fr auto 1.15fr auto 1fr;gap:7px;align-items:center;padding:25px;border:1px solid #ffffff20;border-radius:25px;background:#202633;box-shadow:0 28px 70px #0006}.mix-master-hero-chain>span,.mix-master-hero-chain>strong{min-width:0;display:grid;place-items:center;padding:24px 10px;border:1px solid #ffffff17;border-radius:13px;background:#0d1119;text-align:center;font-size:13px}.mix-master-hero-chain>strong{min-height:150px;background:var(--purple);color:#fff}.mix-master-hero-chain>strong:nth-of-type(2){background:var(--blue)}.mix-master-hero-chain small{display:block;margin-bottom:8px;color:var(--mint);font:8px 'DM Mono'}.mix-master-hero-chain i{color:var(--orange);font-style:normal}.mix-master-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:32px 0}.mix-master-role-grid article{padding:25px;border:1px solid var(--line);border-radius:15px;background:#fff}.mix-master-role-grid small{color:var(--blue);font:9px 'DM Mono'}.mix-master-role-grid h3{margin:11px 0 9px;font-size:24px;line-height:1.05}.mix-master-role-grid p{color:var(--muted);font-size:13px}.mix-master-role-grid article>div{display:flex;align-items:center;gap:7px;margin-top:20px;padding:13px;border-radius:9px;background:#151925;color:#fff}.mix-master-role-grid article>div>*{flex:1;text-align:center}.mix-master-role-grid article>div span,.mix-master-role-grid article>div strong{padding:7px;border-radius:6px;background:#252b38;font-size:10px}.mix-master-role-grid article>div strong{background:var(--blue)}.mix-master-role-grid article>div i{flex:0;color:var(--mint);font-style:normal}
.mix-method-section{padding:100px 7vw;background:#e5ecff;scroll-margin-top:120px}.mix-method-section>header{max-width:920px}.mix-method-section h2,.mix-console-section h2,.master-chain-section h2,.mastering-limiter-section h2,.mix-delivery-section h2{margin:8px 0 20px;font-size:clamp(45px,6.5vw,84px);line-height:.92;letter-spacing:-.06em}.mix-method-section>header>p:last-child{max-width:850px;color:var(--muted);font-size:18px}.mix-method-grid{counter-reset:mix-method;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none;margin:35px 0 0;padding:0}.mix-method-grid li{min-height:205px;padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff}.mix-method-grid span{float:right;color:var(--blue);font:22px 'DM Mono'}.mix-method-grid b{display:block;margin:45px 0 8px;font-size:18px}.mix-method-grid p{margin:0;color:var(--muted);font-size:13px}.mix-method-links,.mix-delivery-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:25px}.mix-method-links a,.mix-delivery-links a{color:var(--blue);font-size:13px;font-weight:800;text-decoration:none}
.mix-console-section{padding:100px 4vw;background:#11151e;color:#fff;scroll-margin-top:120px}.mix-console-section>header,.master-chain-section>header,.mastering-limiter-section>header{max-width:1400px;display:grid;grid-template-columns:1fr .7fr;gap:55px;align-items:end;margin:0 auto 32px}.mix-console-section>header>p,.master-chain-section>header>p,.mastering-limiter-section>header>p{margin:0;color:#b9c2cf;font-size:17px}.mix-console-shell{max-width:1500px;margin:auto;padding:13px;border:1px solid #ffffff1d;border-radius:23px;background:#292f3d}.mix-console-toolbar{display:flex;gap:7px;margin-bottom:11px}.mix-console-toolbar button{padding:11px 14px;border:1px solid #ffffff20;border-radius:9px;background:#11151e;color:#fff;font-size:11px;font-weight:800;cursor:pointer}.mix-console-toolbar .mix-play{background:var(--blue);border-color:var(--blue)}.mix-console-toolbar button[aria-pressed=true]{background:var(--orange);border-color:var(--orange);color:var(--ink)}.mix-console{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr)) minmax(210px,1.15fr);gap:7px}.mix-channel,.mix-master-strip{min-width:0;padding:17px;border-radius:13px;background:#151925}.mix-channel header{display:flex;align-items:end;justify-content:space-between;gap:10px}.mix-channel small,.mix-master-strip>small{color:var(--mint);font:8px 'DM Mono'}.mix-channel h3,.mix-master-strip h3{margin:4px 0 0;font-size:20px}.mix-channel-meter{height:180px;display:flex;align-items:flex-end;margin:14px 0;padding:5px;border:1px solid #ffffff18;border-radius:7px;background:repeating-linear-gradient(0deg,#ffffff08 0 1px,transparent 1px 10%)}.mix-channel-meter i{width:100%;height:2%;min-height:2px;border-radius:4px;background:linear-gradient(to top,var(--mint),#ffd36e 78%,var(--orange));transition:height .08s linear}.mix-channel label{display:block;margin:13px 0;color:#bfc7d3;font-size:11px}.mix-channel output{float:right;color:var(--mint);font:10px 'DM Mono'}.mix-channel input[type=range]{display:block;width:100%;margin-top:7px;accent-color:var(--mint)}.mix-channel-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px}.mix-channel-buttons button{padding:8px;border:1px solid #ffffff1e;border-radius:6px;background:#252b38;color:#fff;font-size:9px;font-weight:800;cursor:pointer}.mix-channel-buttons .mix-mute[aria-pressed=true]{background:var(--orange);color:var(--ink)}.mix-channel-buttons .mix-solo[aria-pressed=true]{background:#ffd36e;color:var(--ink)}.mix-master-strip{display:flex;flex-direction:column;background:#0d1119}.mix-master-meter{height:220px;position:relative;margin:13px 0;border:1px solid #ffffff1c;border-radius:8px;background:repeating-linear-gradient(0deg,#ffffff09 0 1px,transparent 1px 10%);overflow:hidden}.mix-master-meter i{position:absolute;left:7px;right:7px;bottom:7px;height:1%;border-radius:5px;background:linear-gradient(to top,var(--blue),var(--mint) 68%,#ffd36e 86%,var(--orange));transition:height .08s linear}.mix-master-meter b{position:absolute;left:5px;right:5px;bottom:0;height:3px;background:#fff;box-shadow:0 0 8px #fff}.mix-master-readouts{display:grid;gap:5px}.mix-master-readouts p{display:flex;justify-content:space-between;gap:8px;margin:0;padding:9px;border-radius:7px;background:#202633}.mix-master-readouts span{color:#8f99aa;font:8px 'DM Mono'}.mix-master-readouts strong{color:var(--mint);font:10px 'DM Mono'}.mix-master-strip>p{margin:auto 0 0;padding-top:16px;color:#b9c2cf;font-size:11px}.mix-console-challenge{max-width:1100px;margin:15px auto 0;padding:18px 21px;border-left:5px solid var(--orange);background:#ffffff0c}.mix-console-challenge b{color:var(--orange)}.mix-console-challenge p{margin:5px 0 0;color:#b9c2cf}
.mix-listening-section{background:#fff}.level-match-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:stretch;margin:30px 0}.level-match-flow article{padding:22px;border:1px solid var(--line);border-radius:13px;background:#eef1f7}.level-match-flow article.louder{background:#fff0ea}.level-match-flow article.matched{background:#e4f7ed}.level-match-flow i{align-self:center;color:var(--blue);font-style:normal}.level-match-flow small,.level-match-flow b,.level-match-flow span{display:block}.level-match-flow small{color:var(--blue);font:8px 'DM Mono'}.level-match-flow b{margin:10px 0;font-size:22px}.level-match-flow span{color:var(--muted);font-size:12px}.mix-listening-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0 26px}.mix-listening-grid article{padding:20px;border:1px solid var(--line);border-radius:12px;background:#f4f0e8}.mix-listening-grid small{color:var(--blue);font:8px 'DM Mono'}.mix-listening-grid h3{margin:9px 0;font-size:17px}.mix-listening-grid p{margin:0;color:var(--muted);font-size:12px}
.master-chain-section{padding:100px 6vw;background:#e5ecff;scroll-margin-top:120px}.master-chain-tool{max-width:1400px;margin:auto;padding:17px;border-radius:22px;background:#151925;color:#fff}.master-chain-route{display:flex;align-items:center;gap:8px;padding:16px;border-radius:13px;background:#0d1119;overflow:auto}.master-chain-route>span{flex:0 0 auto;padding:12px;border-radius:7px;background:#252b38;color:var(--mint);font:9px 'DM Mono'}.master-chain-route>i{color:var(--orange);font-style:normal}.master-chain-route>div{flex:1;display:flex;align-items:center;gap:5px}.master-chain-route>div span{flex:1;min-width:90px;padding:11px;border:1px dashed #ffffff25;border-radius:7px;color:#818c9d;text-align:center;font:8px 'DM Mono'}.master-chain-route>div span.active{border-style:solid;border-color:var(--mint);background:#253c37;color:var(--mint)}.master-chain-list{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px}.master-chain-list li{display:grid;grid-template-columns:42px minmax(0,1fr) 58px 72px;gap:12px;align-items:center;padding:14px;border:1px solid #ffffff17;border-radius:10px;background:#202633}.master-chain-list li>span{color:var(--mint);font:18px 'DM Mono'}.master-chain-list small,.master-chain-list b{display:block}.master-chain-list small{color:#8f9aaa;font:8px 'DM Mono'}.master-chain-list b{margin:3px 0;font-size:14px}.master-chain-list p{margin:0;color:#aeb7c5;font-size:11px}.chain-toggle,.chain-order button,.master-chain-actions button{border:1px solid #ffffff20;border-radius:7px;background:#0d1119;color:#fff;cursor:pointer;font-size:9px;font-weight:800}.chain-toggle{height:38px}.chain-toggle[aria-pressed=true]{background:var(--mint);color:var(--ink)}.chain-order{display:grid;grid-template-columns:1fr 1fr;gap:4px}.chain-order button{height:38px;font-size:15px}.master-chain-actions{display:flex;gap:7px;margin-top:10px}.master-chain-actions button{padding:11px 14px}.master-chain-actions button:last-child{background:var(--purple)}#master-chain-status{margin:10px 0 0;padding:17px;border-left:5px solid var(--mint);border-radius:4px 10px 10px 4px;background:#0d1119}#master-chain-status.warning{border-color:var(--orange)}#master-chain-status b{color:var(--mint)}#master-chain-status.warning b{color:var(--orange)}#master-chain-status p{margin:4px 0 0;color:#b9c2cf;font-size:12px}
.mastering-limiter-section{padding:100px 5vw;background:#11151e;color:#fff;scroll-margin-top:120px}.limiter-lab{max-width:1400px;display:grid;grid-template-columns:.9fr .75fr;margin:auto;padding:16px;border:1px solid #ffffff1d;border-radius:22px;background:#292f3d}.limiter-visual{display:grid;grid-template-columns:1fr .55fr;gap:16px;padding:19px;border-radius:14px;background:#0d1119}.limiter-meter-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.limiter-meter-pair article{display:grid;grid-template-rows:auto 1fr auto;gap:8px;text-align:center}.limiter-meter-pair small{color:var(--mint);font:8px 'DM Mono'}.limiter-meter-pair article>div{height:330px;position:relative;border:1px solid #ffffff1c;border-radius:9px;background:repeating-linear-gradient(0deg,#ffffff08 0 1px,transparent 1px 10%);overflow:hidden}.limiter-meter-pair article>div i{position:absolute;left:8px;right:8px;bottom:7px;height:70%;border-radius:5px;background:linear-gradient(to top,var(--blue),var(--mint) 68%,#ffd36e 86%,var(--orange));transition:height .2s}.limiter-meter-pair article>div b{position:absolute;right:8px;top:7px;color:#8f99aa;font:7px 'DM Mono'}.limiter-meter-pair output{color:var(--mint);font:12px 'DM Mono'}.limiter-reduction{display:flex;flex-direction:column;justify-content:center;padding:15px;border-radius:10px;background:#202633;text-align:center}.limiter-reduction span{color:#8f99aa;font:8px 'DM Mono'}.limiter-reduction strong{margin:11px 0;color:var(--orange);font:27px 'DM Mono'}.limiter-reduction i{height:12px;border-radius:8px;background:linear-gradient(90deg,var(--mint) var(--reduction,0%),#ffffff12 var(--reduction,0%));transition:background .2s}.limiter-controls{padding:24px}.limiter-controls>label{display:block;margin-bottom:22px;color:#c2cad6;font-size:12px}.limiter-controls output{float:right;color:var(--mint);font:11px 'DM Mono'}.limiter-controls input[type=range]{display:block;width:100%;margin-top:8px;accent-color:var(--mint)}.limiter-controls .limiter-match{display:flex;align-items:center;gap:8px;padding:12px;border-radius:8px;background:#202633}.limiter-match input{accent-color:var(--mint)}.limiter-audio-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:5px}.limiter-audio-actions button{padding:11px 8px;border:1px solid #ffffff20;border-radius:7px;background:#0d1119;color:#fff;font-size:9px;font-weight:800;cursor:pointer}.limiter-audio-actions button:first-child{background:var(--blue)}.limiter-audio-actions button.selected{border-color:var(--mint);background:var(--mint);color:var(--ink)}.limiter-readouts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}.limiter-readouts article{padding:14px;border-radius:8px;background:#0d1119}.limiter-readouts small,.limiter-readouts strong{display:block}.limiter-readouts small{color:#8f99aa;font:8px 'DM Mono'}.limiter-readouts strong{margin-top:5px;color:var(--mint);font:17px 'DM Mono'}.limiter-readouts>p{grid-column:1/-1;margin:0;padding:15px 17px;border-left:5px solid var(--mint);background:#202633;color:#c0c8d4;font-size:12px}.limiter-warning{max-width:1000px;margin:16px auto 0}
.mix-delivery-section{padding:100px 7vw;background:#fff;scroll-margin-top:120px}.mix-delivery-section>header{max-width:1000px}.mix-delivery-section>header>p:last-child{max-width:850px;color:var(--muted);font-size:18px}.delivery-version-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:34px 0}.delivery-version-grid article{padding:24px;border:1px solid var(--line);border-radius:14px;background:#f4f0e8}.delivery-version-grid small{color:var(--blue);font:8px 'DM Mono'}.delivery-version-grid h3{margin:10px 0;font-size:21px}.delivery-version-grid p{margin:0;color:var(--muted);font-size:13px}.mix-master-checklist{margin-top:15px;padding:23px;border-radius:18px;background:#151925;color:#fff}.mix-master-checklist>header{display:flex;align-items:center;justify-content:space-between;gap:20px}.mix-master-checklist small{color:var(--mint);font:8px 'DM Mono'}.mix-master-checklist h3{margin:6px 0;font-size:28px}.mix-master-checklist>header>strong{color:var(--mint);font:24px 'DM Mono'}.mix-master-checklist>div:nth-of-type(1){display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:18px}.mix-master-checklist label{display:flex;align-items:flex-start;gap:10px;padding:13px;border-radius:8px;background:#252b38;color:#d6dce5;font-size:12px;cursor:pointer}.mix-master-checklist label:has(input:checked){background:#24443a;color:#fff}.mix-master-checklist input{margin-top:3px;accent-color:var(--mint)}.master-check-bar{height:10px;margin-top:12px;border-radius:10px;background:#ffffff12;overflow:hidden}.master-check-bar i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--mint));transition:width .25s}.mix-master-checklist>p{margin:13px 0 0;color:#aeb7c5;font-size:12px}
@media(max-width:1250px){.mix-master-hero{grid-template-columns:1fr}.mix-master-hero-chain{min-height:260px}.mix-console{grid-template-columns:repeat(2,1fr) minmax(210px,1fr)}.mix-master-strip{grid-column:3;grid-row:1/3}.mix-listening-grid{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.mix-console-section>header,.master-chain-section>header,.mastering-limiter-section>header{grid-template-columns:1fr}.mix-master-role-grid,.mix-method-grid,.delivery-version-grid{grid-template-columns:1fr 1fr}.limiter-lab{grid-template-columns:1fr}.limiter-controls{padding:20px}.level-match-flow{grid-template-columns:1fr}.level-match-flow i{justify-self:center;transform:rotate(90deg)}}
@media(max-width:700px){.mix-master-hero{min-height:auto;padding:125px 20px 70px}.mix-master-hero h1{font-size:69px}.mix-master-hero-chain{min-height:0;grid-template-columns:1fr}.mix-master-hero-chain i{justify-self:center;transform:rotate(90deg)}.mix-master-hero-chain>strong{min-height:90px}.mix-master-role-grid,.mix-method-grid,.delivery-version-grid,.mix-listening-grid{grid-template-columns:1fr}.mix-method-section,.master-chain-section,.mix-delivery-section{padding:70px 20px}.mix-console-section,.mastering-limiter-section{padding:70px 10px}.mix-console-toolbar{display:grid;grid-template-columns:1fr 1fr}.mix-console{grid-template-columns:1fr 1fr}.mix-master-strip{grid-column:1/-1;grid-row:auto}.mix-channel-meter{height:130px}.master-chain-route{align-items:stretch;flex-direction:column}.master-chain-route>i{align-self:center;transform:rotate(90deg)}.master-chain-route>div{flex-direction:column}.master-chain-route>div span{width:100%}.master-chain-list li{grid-template-columns:32px 1fr 52px}.master-chain-list li>div:nth-of-type(2){grid-column:2/4}.master-chain-actions{display:grid;grid-template-columns:1fr 1fr}.limiter-visual{grid-template-columns:1fr}.limiter-meter-pair article>div{height:250px}.limiter-audio-actions{grid-template-columns:1fr}.limiter-readouts{grid-template-columns:1fr}.mix-master-checklist{padding:18px 14px}.mix-master-checklist>header{align-items:flex-start}.mix-master-checklist>div:nth-of-type(1){grid-template-columns:1fr}}
.chain-order button:disabled{opacity:.25;cursor:not-allowed}
.mastering-limiter-section .limiter-warning{color:var(--ink)}
.mastering-limiter-section .limiter-warning b{color:var(--ink)}
.mastering-limiter-section .limiter-warning p{color:#4f5764}
.mix-guide-depth{margin-top:55px;padding-top:45px;border-top:1px solid #15192524;scroll-margin-top:125px}.mix-guide-depth>header{max-width:920px}.mix-guide-depth h3{margin:7px 0 12px;font-size:clamp(34px,4.5vw,58px);line-height:.96;letter-spacing:-.05em}.mix-guide-depth>header>p:last-child{max-width:800px;color:var(--muted);font-size:16px}.mix-guide-details{display:grid;gap:7px;margin-top:28px}.mix-guide-details details{border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}.mix-guide-details details[open]{box-shadow:0 14px 34px #15192512}.mix-guide-details summary{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:13px;align-items:center;padding:18px 20px;cursor:pointer;list-style:none}.mix-guide-details summary::-webkit-details-marker{display:none}.mix-guide-details summary span{color:var(--blue);font:15px 'DM Mono'}.mix-guide-details summary b{font-size:16px}.mix-guide-details summary em{color:var(--muted);font:9px 'DM Mono';font-style:normal}.mix-guide-details summary:after{content:'+';grid-column:4;color:var(--blue);font:20px 'DM Mono'}.mix-guide-details details[open] summary:after{content:'−'}.mix-guide-details details>div{padding:2px 28px 27px 85px;border-top:1px solid var(--line)}.mix-guide-details details>div>p{max-width:950px;color:var(--muted);font-size:15px}.mix-guide-details .mix-guide-focus{border-color:#1762ff55}.mix-guide-details .mix-guide-focus summary{background:#e7edff}.mix-level-workflow{display:grid;grid-template-columns:1fr 1fr;gap:7px;list-style:none;margin:24px 0;padding:0}.mix-level-workflow li{display:grid;grid-template-columns:35px 1fr;gap:10px;padding:16px;border-radius:10px;background:#f3f0e9}.mix-level-workflow li>span{color:var(--blue);font:16px 'DM Mono'}.mix-level-workflow p{margin:0;color:var(--muted);font-size:12px}.mix-level-workflow b{display:block;margin-bottom:5px;color:var(--ink);font-size:13px}.mix-decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0}.mix-decision-grid article{padding:21px;border-radius:12px;background:#151925;color:#fff}.mix-decision-grid article:last-child{background:#44336d}.mix-decision-grid small{color:var(--mint);font:8px 'DM Mono'}.mix-decision-grid h4{margin:9px 0;font-size:20px}.mix-decision-grid ul{margin:0;padding-left:18px;color:#c7ced9;font-size:12px}.mix-decision-grid li+li{margin-top:6px}.mix-guide-focus aside{margin-top:8px;padding:17px 19px;border-left:5px solid var(--orange);border-radius:4px 10px 10px 4px;background:#fff1ec}.mix-guide-focus aside p{margin:5px 0 0;color:var(--muted);font-size:12px}.mix-intention-panel{margin:0 0 11px;padding:15px;border-radius:12px;background:#11151e}.mix-intention-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.mix-intention-panel small,.mix-intention-panel b{display:block}.mix-intention-panel small{color:var(--mint);font:8px 'DM Mono'}.mix-intention-panel b{margin-top:4px;font-size:14px}.mix-intention-panel>header>strong{color:var(--orange);font:10px 'DM Mono'}.mix-intention-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:13px}.mix-intention-presets button{padding:12px;border:1px solid #ffffff20;border-radius:8px;background:#252b38;color:#fff;font-size:10px;font-weight:800;cursor:pointer}.mix-intention-presets button:hover,.mix-intention-presets button.selected{border-color:var(--mint);background:var(--mint);color:var(--ink)}.mix-intention-panel>p{margin:11px 0 0;color:#aeb7c5;font-size:11px}
@media(max-width:800px){.mix-guide-details summary{grid-template-columns:42px minmax(0,1fr) auto}.mix-guide-details summary em{display:none}.mix-guide-details summary:after{grid-column:3}.mix-guide-details details>div{padding:2px 18px 22px}.mix-level-workflow,.mix-decision-grid{grid-template-columns:1fr}.mix-intention-presets{grid-template-columns:1fr}.mix-intention-panel>header{display:block}.mix-intention-panel>header>strong{display:block;margin-top:9px}}
.mix-dimensions-section{padding:105px 5vw;background:#dfe7ff;scroll-margin-top:120px}.mix-dimensions-section>header{max-width:1400px;display:grid;grid-template-columns:1fr .7fr;gap:55px;align-items:end;margin:0 auto 34px}.mix-dimensions-section h2{margin:8px 0 0;font-size:clamp(48px,7vw,92px);line-height:.9;letter-spacing:-.065em}.mix-dimensions-section>header>p{margin:0;color:var(--muted);font-size:17px}.mix-dimensions-lab{max-width:1400px;margin:auto;padding:13px;border-radius:23px;background:#151925;color:#fff}.mix-dimension-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mix-dimension-tabs button{min-width:0;display:grid;grid-template-columns:auto 1fr;column-gap:11px;padding:16px;border:1px solid #ffffff18;border-radius:11px;background:#252b38;color:#fff;text-align:left;cursor:pointer}.mix-dimension-tabs span{grid-row:1/3;align-self:center;color:var(--mint);font:18px 'DM Mono'}.mix-dimension-tabs b,.mix-dimension-tabs small{display:block;min-width:0}.mix-dimension-tabs b{font-size:14px}.mix-dimension-tabs small{margin-top:3px;color:#9ea8b8;font:8px 'DM Mono'}.mix-dimension-tabs button.selected{border-color:var(--mint);background:var(--mint);color:var(--ink)}.mix-dimension-tabs button.selected span{color:var(--blue)}.mix-dimension-tabs button.selected small{color:#37504b}.mix-dimension-toolbar{display:flex;gap:6px;margin:9px 0}.mix-dimension-toolbar button{padding:11px 14px;border:1px solid #ffffff1e;border-radius:8px;background:#252b38;color:#fff;font-size:9px;font-weight:800;cursor:pointer}.mix-dimension-toolbar button:first-child{background:var(--blue)}.mix-dimension-toolbar button.selected{border-color:var(--orange);background:var(--orange);color:var(--ink)}.mix-dimension-panel{padding:32px;border-radius:14px;background:#fff;color:var(--ink)}.mix-dimension-panel[hidden]{display:none}.mix-dimension-panel>header{max-width:1050px}.mix-dimension-panel>header h3{margin:8px 0 12px;font-size:clamp(34px,4.7vw,62px);line-height:.95;letter-spacing:-.05em}.mix-dimension-panel>header>p:last-child{max-width:930px;color:var(--muted);font-size:16px}.gain-stage-route{display:grid;grid-template-columns:repeat(4,1fr auto) 1fr;gap:7px;align-items:stretch;margin:30px 0;overflow:auto}.gain-stage-route>div{min-width:145px;position:relative;overflow:hidden;padding:20px 15px;border:1px solid var(--line);border-radius:11px;background:#eef1f6}.gain-stage-route>div.processor{background:#ece6ff}.gain-stage-route>div.hot{border-color:var(--orange);background:#fff1ec}.gain-stage-route>div.clip{border-color:#d83e2f;background:#ffe3df}.gain-stage-route small,.gain-stage-route b{display:block;position:relative;z-index:1}.gain-stage-route small{color:var(--blue);font:8px 'DM Mono'}.gain-stage-route b{margin-top:8px;font:14px 'DM Mono'}.gain-stage-route>span{align-self:center;color:var(--blue);font:14px 'DM Mono'}.gain-stage-route i{position:absolute;right:0;bottom:0;left:0;height:var(--stage-level,10%);background:#1762ff13;transition:height .2s}.gain-stage-route>div.hot i{background:#ff6b471c}.mix-dimension-controls{display:grid;gap:7px;margin:18px 0}.mix-dimension-controls.four{grid-template-columns:repeat(4,1fr)}.mix-dimension-controls.three{grid-template-columns:repeat(3,1fr)}.mix-dimension-controls.two{grid-template-columns:1fr 1fr}.mix-dimension-controls>label{display:block;padding:15px;border:1px solid var(--line);border-radius:10px;background:#f3f0e9;color:#4d5663;font-size:11px}.mix-dimension-controls output{float:right;color:var(--blue);font:10px 'DM Mono'}.mix-dimension-controls input[type=range]{display:block;width:100%;margin-top:10px;accent-color:var(--blue)}.mix-dimension-panel>aside{margin:9px 0 0;padding:17px 19px;border-left:5px solid var(--mint);border-radius:4px 10px 10px 4px;background:#e6f7ee}.mix-dimension-panel>aside b{color:var(--ink)}.mix-dimension-panel>aside p{margin:5px 0 0;color:var(--muted);font-size:12px}.mix-dimension-panel>aside.warning{border-color:var(--orange);background:#fff1ec}.dimension-caveat{margin:12px 0 0;padding:13px 15px;border-radius:8px;background:#eef1f6;color:var(--muted);font-size:11px}.transient-scope{overflow:hidden;margin:28px 0 12px;border-radius:12px;background:#0d1119}.transient-scope canvas{display:block;width:100%;height:auto;max-height:310px}.transient-scope>div{display:flex;gap:18px;padding:0 17px 13px;color:#aeb7c5;font:8px 'DM Mono'}.transient-scope span{display:flex;align-items:center;gap:6px}.transient-scope i{width:19px;height:3px;background:var(--blue)}.transient-scope span:last-child i{background:#ff668e}.dimension-match{display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:9px;background:#edf1ff;color:#46505f;font-size:11px}.dimension-match input{accent-color:var(--blue)}.glue-route{display:grid;grid-template-columns:1.3fr auto 1fr auto .7fr;gap:10px;align-items:center;margin:30px 0;padding:17px;border-radius:14px;background:#0d1119;color:#fff}.glue-route>i{color:var(--orange);font-style:normal}.glue-stems{display:grid;grid-template-columns:1fr 1fr;gap:5px}.glue-stems span{padding:11px;border-radius:7px;background:#252b38;text-align:center;font:8px 'DM Mono'}.glue-bus,.glue-output{min-height:115px;display:grid;place-items:center;align-content:center;position:relative;overflow:hidden;padding:15px;border-radius:10px;background:#44336d;text-align:center}.glue-bus small,.glue-output small{color:var(--mint);font:8px 'DM Mono'}.glue-bus b,.glue-output b{margin-top:7px;font:12px 'DM Mono'}.glue-bus em{position:absolute;right:0;bottom:0;left:0;height:8px;background:#ffffff12}.glue-bus em:after{content:'';display:block;width:var(--glue,0%);height:100%;background:var(--mint);transition:width .2s}.glue-output{background:var(--blue)}.depth-stage{height:370px;position:relative;overflow:hidden;margin:28px 0;border-radius:15px;background:linear-gradient(#31425f,#66799a 42%,#d7d0bd 43%,#a69b7d);perspective:500px}.depth-stage:after{content:'';position:absolute;right:10%;bottom:-150px;left:10%;height:340px;border:1px solid #ffffff66;background:repeating-linear-gradient(90deg,transparent 0 9.8%,#ffffff2d 10%),repeating-linear-gradient(0deg,transparent 0 19.7%,#ffffff2d 20%);transform:rotateX(62deg);transform-origin:bottom}.depth-lines{position:absolute;inset:0}.depth-lines span{position:absolute;left:18px;padding:5px 7px;border-radius:5px;background:#151925cc;color:var(--mint);font:7px 'DM Mono'}.depth-lines span:nth-child(1){top:8%}.depth-lines span:nth-child(2){top:43%}.depth-lines span:nth-child(3){bottom:8%}#depth-source-marker{position:absolute;z-index:2;left:58%;bottom:var(--depth-position,12%);display:grid;place-items:center;transition:bottom .25s,transform .25s;transform:translateX(-50%) scale(var(--depth-scale,1))}#depth-source-marker i{width:64px;height:64px;border:6px solid #fff;border-radius:50%;background:var(--orange);box-shadow:0 14px 28px #0005}#depth-source-marker b{margin-top:7px;padding:5px 8px;border-radius:5px;background:#151925;color:#fff;font:8px 'DM Mono'}.mix-dimension-controls.depth{grid-template-columns:.7fr 1.3fr}.depth-readouts{display:grid;grid-template-columns:1fr 1fr;gap:5px}.depth-readouts p{margin:0;padding:11px;border-radius:7px;background:#151925}.depth-readouts small,.depth-readouts b{display:block}.depth-readouts small{color:#8f99aa;font:7px 'DM Mono'}.depth-readouts b{margin-top:4px;color:var(--mint);font:11px 'DM Mono'}
@media(max-width:1050px){.mix-dimensions-section>header{grid-template-columns:1fr}.mix-dimension-tabs{grid-template-columns:1fr 1fr}.mix-dimension-controls.four,.mix-dimension-controls.three{grid-template-columns:1fr 1fr}.glue-route{grid-template-columns:1fr}.glue-route>i{justify-self:center;transform:rotate(90deg)}.mix-dimension-controls.depth{grid-template-columns:1fr}}
@media(max-width:650px){.mix-dimensions-section{padding:70px 10px}.mix-dimension-tabs{grid-template-columns:1fr 1fr}.mix-dimension-tabs button{display:block;padding:12px}.mix-dimension-tabs span{float:right}.mix-dimension-tabs small{display:none}.mix-dimension-toolbar{display:grid;grid-template-columns:1fr 1fr}.mix-dimension-panel{padding:23px 14px}.mix-dimension-controls.four,.mix-dimension-controls.three,.mix-dimension-controls.two{grid-template-columns:1fr}.gain-stage-route{margin-right:-14px;margin-left:-14px;padding:0 14px}.depth-stage{height:300px}.depth-readouts{grid-template-columns:1fr}}

/* Le laboratoire garde ses états et ses colonnes isolés des clips de la vue DAW. */
.mix-dimensions-lab,.mix-dimension-panel{min-width:0}.gain-stage-route{max-width:100%}.gain-stage-route>div.stage-clipping{border-color:#d83e2f;background:#ffe3df}.mix-dimension-controls.four{grid-template-columns:repeat(4,minmax(0,1fr))}.mix-dimension-controls.three{grid-template-columns:repeat(3,minmax(0,1fr))}.mix-dimension-controls.two{grid-template-columns:repeat(2,minmax(0,1fr))}.mix-dimension-controls>label{min-width:0}
@media(max-width:1050px){.mix-dimension-controls.four,.mix-dimension-controls.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.mix-dimension-controls.four,.mix-dimension-controls.three,.mix-dimension-controls.two{grid-template-columns:minmax(0,1fr)}}

/* Masquage spectral et lisibilité */
.masking-section{padding:105px 5vw;background:#f3f0e9;scroll-margin-top:120px}.masking-section>header{max-width:1400px;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;margin:0 auto 34px}.masking-section>header h2{max-width:920px;margin:8px 0 0;font-size:clamp(48px,7vw,92px);line-height:.9;letter-spacing:-.065em}.masking-section>header>p{max-width:630px;margin:0;color:var(--muted);font-size:17px}.masking-concept-grid{max-width:1400px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 auto 18px}.masking-concept-grid article{min-width:0;position:relative;padding:26px;border:1px solid var(--line);border-radius:14px;background:#fff}.masking-concept-grid span{position:absolute;right:20px;top:18px;color:#dce3ee;font:34px 'DM Mono'}.masking-concept-grid small{color:var(--blue);font:9px 'DM Mono'}.masking-concept-grid h3{max-width:280px;margin:16px 0 9px;font-size:24px;line-height:1}.masking-concept-grid p{margin:0;color:var(--muted);font-size:13px}.masking-lab{max-width:1400px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:8px;margin:0 auto;padding:13px;border-radius:23px;background:#151925}.masking-lab-main{min-width:0;padding:27px;border-radius:14px;background:#fff}.masking-lab-main>header{display:grid;grid-template-columns:1fr .75fr;gap:25px;align-items:end}.masking-lab-main>header small{color:var(--blue);font:8px 'DM Mono'}.masking-lab-main>header h3{margin:8px 0 0;font-size:clamp(32px,4vw,54px);line-height:.95;letter-spacing:-.045em}.masking-lab-main>header p{margin:0;color:var(--muted);font-size:13px}.masking-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin:22px 0 9px}.masking-toolbar button{padding:12px 15px;border:1px solid var(--line);border-radius:8px;background:#eef1f6;color:var(--ink);font-size:9px;font-weight:800;cursor:pointer}.masking-toolbar .mask-play{border-color:var(--blue);background:var(--blue);color:#fff}.masking-toolbar button[aria-pressed=true]{border-color:var(--orange);background:var(--orange)}.masking-spectrum{overflow:hidden;border-radius:13px;background:#0d1119}.masking-spectrum canvas{display:block;width:100%;height:auto}.masking-spectrum>div{display:flex;flex-wrap:wrap;gap:18px;padding:0 18px 14px;color:#aeb7c5;font:8px 'DM Mono'}.masking-spectrum span{display:flex;align-items:center;gap:7px}.masking-spectrum i{width:21px;height:4px;border-radius:4px;background:#4f86ff}.masking-spectrum .mask-masker-key i{background:#ff668e}.masking-spectrum .mask-overlap-key i{background:#9a69ff}.masking-readouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0}.masking-readouts article{min-width:0;padding:14px;border-radius:9px;background:#eef1f6}.masking-readouts small,.masking-readouts b{display:block}.masking-readouts small{color:var(--muted);font:7px 'DM Mono'}.masking-readouts b{margin-top:6px;color:var(--blue);font:16px 'DM Mono'}.masking-lab-main>aside{padding:16px 18px;border-left:5px solid var(--orange);border-radius:5px 10px 10px 5px;background:#fff0eb}.masking-lab-main>aside.improved{border-color:var(--mint);background:#e7f7ee}.masking-lab-main>aside p{margin:5px 0 0;color:var(--muted);font-size:12px}.masking-caveat{margin:11px 0 0;color:#747d8a;font-size:10px}.masking-controls{min-width:0;display:flex;flex-direction:column;gap:8px}.masking-controls fieldset{min-width:0;margin:0;padding:18px;border:1px solid #ffffff1d;border-radius:13px;background:#252b38}.masking-controls legend{padding:0 7px;color:var(--mint);font:9px 'DM Mono'}.masking-controls label{display:block;color:#d7dce5;font-size:11px}.masking-controls label+label{margin-top:17px}.masking-controls output{float:right;color:var(--mint);font:9px 'DM Mono'}.masking-controls select{width:100%;margin-top:8px;padding:10px;border:1px solid #ffffff22;border-radius:7px;background:#11151e;color:#fff}.masking-controls input[type=range]{display:block;width:100%;margin-top:10px;accent-color:var(--mint)}.masking-presets{display:grid;grid-template-columns:1fr 1fr;gap:6px}.masking-presets button{min-width:0;padding:12px 9px;border:1px solid #ffffff1d;border-radius:8px;background:#252b38;color:#fff;font-size:9px;font-weight:800;cursor:pointer}.masking-presets button:first-child{grid-column:1/-1}.masking-presets button:hover,.masking-presets button.selected{border-color:var(--mint);background:var(--mint);color:var(--ink)}.masking-method{max-width:1400px;display:grid;grid-template-columns:.68fr 1.32fr;gap:45px;margin:45px auto 12px;padding:38px;border:1px solid var(--line);border-radius:18px;background:#fff}.masking-method>header small{color:var(--blue);font:8px 'DM Mono'}.masking-method>header h3{margin:10px 0;font-size:35px;line-height:.95}.masking-method>header p{color:var(--muted);font-size:13px}.masking-method ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;list-style:none;margin:0;padding:0}.masking-method li{min-width:0;padding:17px;border-radius:10px;background:#f3f0e9}.masking-method li span{color:var(--blue);font:18px 'DM Mono'}.masking-method li p{margin:10px 0 0;color:var(--muted);font-size:11px}.masking-method li b{display:block;margin-bottom:5px;color:var(--ink);font-size:12px}.masking-phase-note{max-width:1400px;margin:0 auto;padding:23px 26px;border-left:6px solid #9a69ff;border-radius:5px 14px 14px 5px;background:#e9e1ff}.masking-phase-note>p{max-width:1050px;margin:6px 0 0;color:#596170;font-size:13px}.masking-phase-note>div{display:flex;flex-wrap:wrap;gap:18px;margin-top:14px}.masking-phase-note a{color:var(--blue);font-size:11px;font-weight:800}
@media(max-width:1100px){.masking-section>header,.masking-lab,.masking-method{grid-template-columns:1fr}.masking-lab-main>header{grid-template-columns:1fr}.masking-controls{display:grid;grid-template-columns:1fr 1fr}.masking-presets{grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr))}.masking-presets button:first-child{grid-column:auto}.masking-method ol{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.masking-section{padding:70px 10px}.masking-section>header{gap:20px}.masking-concept-grid{grid-template-columns:1fr}.masking-lab{padding:8px}.masking-lab-main{padding:20px 13px}.masking-toolbar{display:grid;grid-template-columns:1fr 1fr}.masking-toolbar .mask-play{grid-column:1/-1}.masking-readouts{grid-template-columns:1fr}.masking-controls{grid-template-columns:1fr}.masking-presets{grid-column:auto;grid-template-columns:1fr}.masking-presets button:first-child{grid-column:auto}.masking-method{gap:20px;margin-top:25px;padding:23px 17px}.masking-method ol{grid-template-columns:1fr}.masking-phase-note{padding:20px}.masking-spectrum>div{gap:10px}}

/* Chapitre avancé : nettoyage et édition */
.editing-advanced-hero{background:radial-gradient(circle at 87% 48%,#24534f 0,transparent 36%),#151925}.editing-hero-route{min-height:310px;display:flex;align-items:center;justify-content:center;gap:7px;padding:28px;border:1px solid #ffffff20;border-radius:25px;background:#202633;overflow:auto}.editing-hero-route>*{flex:0 0 auto}.editing-hero-route span,.editing-hero-route strong{min-width:100px;padding:15px 13px;border-radius:9px;background:#10141d;text-align:center;font:11px 'DM Mono'}.editing-hero-route strong{background:var(--purple)}.editing-hero-route strong:nth-of-type(2){background:var(--blue)}.editing-hero-route small{display:block;margin-top:5px;color:#aeb7c4;font-size:7px}.editing-hero-route i{color:var(--orange);font-style:normal}.editing-principles{grid-template-columns:repeat(4,minmax(0,1fr))}.editing-decision-flow strong{background:var(--blue)}.editing-note{margin-top:22px;padding:18px 21px;border-left:5px solid var(--orange);border-radius:4px 11px 11px 4px;background:#fff1ec}.editing-note p{margin:5px 0 0!important;color:var(--muted)!important;font-size:14px!important}.editing-defects-section{padding:95px 7vw;background:#e5ecff;scroll-margin-top:125px}.editing-defects-section>header{max-width:1400px;display:grid;grid-template-columns:1fr .7fr;gap:55px;align-items:end;margin:0 auto 30px}.editing-defects-section h2{margin:8px 0 0;font-size:clamp(42px,6vw,76px);line-height:.95;letter-spacing:-.055em}.editing-defects-section>header>p{margin:0;color:var(--muted);font-size:17px}.editing-defect-grid{max-width:1400px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:auto}.editing-defect-grid article{min-width:0;padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff}.editing-defect-grid small{color:var(--blue);font:8px 'DM Mono'}.editing-defect-grid h3{margin:13px 0 8px;font-size:23px}.editing-defect-grid p{margin:0;color:var(--muted);font-size:13px}.editing-defect-grid em{display:block;margin-top:17px;padding-top:12px;border-top:1px solid var(--line);color:#a24c36;font-size:11px;font-style:normal}.editing-tool-section{background:radial-gradient(circle at 15% 55%,#222f48 0,transparent 35%),#11151e}.editing-tool{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr)}.editing-wave-panel{padding-bottom:31px}.editing-wave-legend{position:absolute;right:18px;bottom:12px;left:18px;display:flex;flex-wrap:wrap;gap:16px;color:#9ba5b4;font:8px 'DM Mono'}.editing-wave-legend span:before{content:"";display:inline-block;width:17px;height:3px;margin-right:6px;vertical-align:middle;background:#4f86ff}.editing-wave-legend .edited:before{background:#ff668e}.editing-wave-legend .selection:before{height:8px;border:1px solid var(--orange);background:#ff70482d}.editing-controls fieldset{min-width:0;margin:0 0 18px;padding:15px;border:1px solid #ffffff1c;border-radius:11px;background:#202633}.editing-controls legend{padding:0 6px;color:var(--mint);font:8px 'DM Mono'}.editing-issue-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px}.editing-issue-buttons button{min-width:0;padding:10px;border:1px solid #ffffff1d;border-radius:7px;background:#10141d;color:#fff;text-align:left;font-size:9px;font-weight:800;cursor:pointer}.editing-issue-buttons button:last-child{grid-column:1/-1}.editing-issue-buttons button:hover,.editing-issue-buttons button.selected{border-color:var(--mint);background:var(--mint);color:var(--ink)}.editing-mode-switch{grid-template-columns:1fr}.editing-mode-switch button{min-width:0;text-align:left}.editing-mode-switch button[data-edit-mode=gentle].selected{background:var(--blue)}.editing-mode-switch button[data-edit-mode=excessive].selected{background:var(--orange);color:var(--ink)}.editing-controls fieldset label{display:block;margin-top:16px;color:#c3cad5;font-size:11px}.editing-readouts strong{font-size:14px}.editing-readouts>p.warning{border-color:var(--orange);background:#4b2b24}.editing-comping-timeline{display:grid;gap:5px;margin:30px 0;padding:17px;border-radius:15px;background:#151925}.editing-comping-timeline>div,.editing-comping-timeline>strong{display:grid;grid-template-columns:82px repeat(4,minmax(0,1fr));gap:5px}.editing-comping-timeline small{display:grid;place-items:center;color:#aeb7c5;font:8px 'DM Mono'}.editing-comping-timeline i{min-height:48px;position:relative;overflow:hidden;border-radius:6px;background:#252b38}.editing-comping-timeline i:after{content:"";position:absolute;inset:10px 7px;background:#ffffff19;clip-path:polygon(0 50%,8% 28%,16% 68%,25% 20%,34% 76%,44% 37%,55% 62%,66% 25%,78% 71%,89% 40%,100% 52%,100% 57%,89% 45%,78% 76%,66% 31%,55% 68%,44% 43%,34% 82%,25% 26%,16% 74%,8% 34%,0 56%)}.editing-comping-timeline i.chosen{outline:2px solid var(--mint);background:#23483e}.editing-comping-timeline>strong{padding-top:9px;border-top:1px solid #ffffff20}.editing-comping-timeline>strong i.a{background:#28574b}.editing-comping-timeline>strong i.b{background:#354f8c}.editing-comping-timeline>strong i.c{background:#633e79}.editing-comping-timeline>strong i.d{background:#70483c}.editing-time-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.editing-phase-route{display:grid;grid-template-columns:1fr 1fr auto 1.35fr auto 1fr;gap:7px;align-items:stretch;margin:28px 0;padding:12px;border-radius:14px;background:#151925;color:#fff}.editing-phase-route span,.editing-phase-route strong{display:grid;place-items:center;align-content:center;min-height:90px;padding:13px;border-radius:9px;background:#252b38;text-align:center;font:11px 'DM Mono'}.editing-phase-route strong{background:var(--blue)}.editing-phase-route small{display:block;margin-top:6px;color:#b9c1ce;font-size:7px}.editing-phase-route i{align-self:center;color:var(--orange);font-style:normal}.editing-warning{padding:19px 22px}.editing-validation-section{padding:95px 7vw;background:#dff6eb;scroll-margin-top:125px}.editing-validation-section>header{max-width:1400px;display:grid;grid-template-columns:1fr .7fr;gap:55px;align-items:end;margin:0 auto 30px}.editing-validation-section h2{margin:8px 0 0;font-size:clamp(42px,6vw,76px);line-height:.95;letter-spacing:-.055em}.editing-validation-section>header>p{margin:0;color:#4b5b55;font-size:17px}.editing-checklist{max-width:1100px;margin:auto;padding:13px;border-radius:18px;background:#151925;color:#fff}.editing-checklist>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px}.editing-checklist small{color:var(--mint);font:8px 'DM Mono'}.editing-checklist h3{margin:6px 0 0;font-size:28px}.editing-checklist>header>strong{color:var(--orange);font:18px 'DM Mono'}.editing-checklist>div:nth-of-type(1){display:grid;grid-template-columns:1fr 1fr;gap:6px}.editing-checklist label{display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:9px;background:#252b38;color:#d5dbe4;font-size:12px}.editing-checklist input{margin-top:2px;accent-color:var(--mint)}.editing-check-bar{height:8px;margin:10px 3px;border-radius:100px;background:#ffffff15;overflow:hidden}.editing-check-bar i{display:block;width:0;height:100%;background:var(--mint);transition:width .2s}.editing-checklist>p{margin:0;padding:14px;color:#aeb7c4;font-size:12px}.editing-next-links{max-width:1100px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;margin:18px auto 0}.editing-next-links a{color:var(--blue);font-size:12px;font-weight:800}
@media(max-width:1100px){.editing-principles,.editing-time-grid{grid-template-columns:1fr 1fr}.editing-defects-section>header,.editing-validation-section>header{grid-template-columns:1fr}.editing-defect-grid{grid-template-columns:1fr 1fr}.editing-tool{grid-template-columns:1fr}}
@media(max-width:700px){.editing-hero-route{min-height:260px;justify-content:flex-start}.editing-hero-route span,.editing-hero-route strong{min-width:88px}.editing-principles,.editing-defect-grid,.editing-time-grid{grid-template-columns:1fr}.editing-defects-section,.editing-validation-section{padding:70px 20px}.editing-decision-flow{align-items:stretch;flex-direction:column;text-align:center}.editing-decision-flow i{transform:rotate(90deg)}.editing-wave-panel canvas{height:auto}.editing-issue-buttons{grid-template-columns:1fr}.editing-issue-buttons button:last-child{grid-column:auto}.editing-readouts{grid-template-columns:1fr}.editing-comping-timeline{overflow:auto}.editing-comping-timeline>div,.editing-comping-timeline>strong{min-width:620px}.editing-phase-route{grid-template-columns:1fr}.editing-phase-route i{justify-self:center;transform:rotate(90deg)}.editing-checklist>div:nth-of-type(1){grid-template-columns:1fr}.editing-checklist>header{display:block}.editing-checklist>header>strong{display:block;margin-top:12px}.editing-next-links{display:grid}}

/* Pitch correction et warp editing */
.pitch-warp-section{padding:105px 5vw;background:#e8e2ff;scroll-margin-top:125px}.pitch-warp-section>header{max-width:1400px;display:grid;grid-template-columns:1fr .75fr;gap:55px;align-items:end;margin:0 auto 34px}.pitch-warp-section>header h2{max-width:900px;margin:8px 0 0;font-size:clamp(44px,6vw,80px);line-height:.93;letter-spacing:-.06em}.pitch-warp-section>header>p{margin:0;color:#555d6d;font-size:17px}.pitch-warp-contrast{max-width:1400px;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 auto 12px}.pitch-warp-contrast article{padding:25px;border-radius:15px;background:#151925;color:#fff}.pitch-warp-contrast small{color:var(--mint);font:8px 'DM Mono'}.pitch-warp-contrast h3{margin:9px 0 16px;font-size:25px}.pitch-warp-contrast article>div{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #ffffff20;border-radius:9px;background:#10141d;font:9px 'DM Mono'}.pitch-warp-contrast article>div span{color:var(--blue)}.pitch-warp-contrast article>div strong{color:#ff8aaa}.pitch-warp-contrast article>div i{margin-left:auto;color:var(--mint);font-style:normal}.pitch-warp-contrast p{margin:15px 0 0;color:#bfc6d2;font-size:12px}.pitch-warp-lab{max-width:1400px;margin:0 auto;padding:12px;border-radius:20px;background:#151925}.pitch-warp-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:7px}.pitch-warp-tabs button{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;padding:15px 18px;border:1px solid #ffffff19;border-radius:11px;background:#252b38;color:#fff;text-align:left;cursor:pointer}.pitch-warp-tabs button span{grid-row:1/3;color:var(--mint);font:15px 'DM Mono'}.pitch-warp-tabs button b{font-size:13px}.pitch-warp-tabs button small{color:#aeb7c5;font-size:9px}.pitch-warp-tabs button:hover,.pitch-warp-tabs button.selected{border-color:var(--mint)}.pitch-warp-tabs button.selected{background:var(--mint);color:var(--ink)}.pitch-warp-tabs button.selected span,.pitch-warp-tabs button.selected small{color:#315c50}.pitch-warp-panel{padding:30px;border-radius:14px;background:#f9f8f5}.pitch-warp-panel[hidden]{display:none}.pitch-warp-panel>header{display:grid;grid-template-columns:1fr .65fr;gap:35px;align-items:end;margin-bottom:20px}.pitch-warp-panel>header small{color:var(--blue);font:8px 'DM Mono'}.pitch-warp-panel>header h3{max-width:750px;margin:8px 0 0;font-size:34px;line-height:1}.pitch-warp-panel>header>p{margin:0;color:var(--muted);font-size:13px}.pitch-warp-workspace{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(280px,.58fr);gap:8px}.pitch-warp-canvas{position:relative;min-width:0;padding:14px 14px 39px;border-radius:13px;background:#10141d}.pitch-warp-canvas canvas{display:block;width:100%;height:auto}.pitch-warp-canvas>div{position:absolute;right:18px;bottom:14px;left:18px;display:flex;gap:18px;color:#aeb7c5;font:8px 'DM Mono';text-transform:uppercase}.pitch-warp-canvas span:before{content:"";display:inline-block;width:18px;height:4px;margin-right:6px;vertical-align:middle;border-radius:4px;background:var(--blue)}.pitch-warp-canvas span.result:before{background:#ff668e}.pitch-warp-canvas span.target:before{height:0;border-top:2px dashed var(--mint);border-radius:0;background:none}.pitch-warp-controls{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:13px;background:#252b38;color:#fff}.pitch-warp-controls>label{display:block;padding:13px;border:1px solid #ffffff18;border-radius:9px;background:#151925;color:#dce1e9;font-size:11px}.pitch-warp-controls output{float:right;color:var(--mint);font:10px 'DM Mono'}.pitch-warp-controls input[type=range]{display:block;width:100%;margin-top:12px;accent-color:var(--mint)}.pitch-warp-controls select{display:block;width:100%;margin-top:10px;padding:10px;border:1px solid #ffffff24;border-radius:7px;background:#252b38;color:#fff}.pitch-warp-controls label.pitch-warp-check{display:flex;gap:9px;align-items:flex-start}.pitch-warp-check input{margin-top:2px;accent-color:var(--mint)}.pitch-warp-readouts{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:auto}.pitch-warp-readouts p{margin:0;padding:13px;border-radius:8px;background:#10141d}.pitch-warp-readouts small{display:block;color:#929cac;font:7px 'DM Mono'}.pitch-warp-readouts b{display:block;margin-top:8px;color:var(--mint);font:16px 'DM Mono'}.pitch-warp-panel>aside{margin-top:8px;padding:18px 22px;border-left:6px solid var(--mint);border-radius:5px 11px 11px 5px;background:#dff6eb}.pitch-warp-panel>aside.caution{border-color:var(--orange);background:#fff0ea}.pitch-warp-panel>aside p{margin:5px 0 0;color:#58616f;font-size:12px}.pitch-warp-detail-grid{max-width:1400px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px auto}.pitch-warp-detail-grid article{padding:23px;border:1px solid #cec6e3;border-radius:13px;background:#fff}.pitch-warp-detail-grid small{color:var(--blue);font:8px 'DM Mono'}.pitch-warp-detail-grid h3{margin:10px 0 8px;font-size:21px}.pitch-warp-detail-grid p{margin:0;color:var(--muted);font-size:12px}.pitch-warp-warning{max-width:1400px;margin:0 auto;padding:23px 27px;border-left:7px solid var(--orange);border-radius:5px 14px 14px 5px;background:#fff0ea}.pitch-warp-warning p{max-width:1050px;margin:6px 0 0;color:#5e606a;font-size:13px}
@media(max-width:1100px){.pitch-warp-section>header,.pitch-warp-panel>header,.pitch-warp-workspace{grid-template-columns:1fr}.pitch-warp-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.pitch-warp-section{padding:70px 10px}.pitch-warp-section>header{gap:20px}.pitch-warp-contrast,.pitch-warp-tabs,.pitch-warp-detail-grid{grid-template-columns:1fr}.pitch-warp-panel{padding:20px 12px}.pitch-warp-panel>header{gap:12px}.pitch-warp-panel>header h3{font-size:27px}.pitch-warp-canvas{padding:6px 6px 38px;overflow:auto}.pitch-warp-canvas canvas{min-width:690px}.pitch-warp-controls{padding:12px}.pitch-warp-readouts{grid-template-columns:1fr}.pitch-warp-warning{padding:20px}.pitch-warp-contrast article>div{gap:7px;font-size:7px}}

/* Annexe MIDI avancée */
.midi-advanced-hero{min-height:760px;display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center;padding:130px 7vw 80px;background:radial-gradient(circle at 83% 40%,#315986 0,transparent 34%),#151925;color:#fff}.midi-advanced-hero h1{margin:14px 0 25px;font-size:clamp(70px,9vw,132px);line-height:.8;letter-spacing:-.075em}.midi-advanced-hero .lead{max-width:680px;color:#c0c7d3}.midi-advanced-hero .button.light{border-color:#ffffff3b;color:#fff}.midi-advanced-hero-flow{min-height:390px;display:flex;align-items:center;justify-content:center;gap:7px;padding:28px;border:1px solid #ffffff20;border-radius:28px;background:#202633;overflow:auto}.midi-advanced-hero-flow>*{flex:0 0 auto}.midi-advanced-hero-flow span,.midi-advanced-hero-flow strong{min-width:115px;padding:20px 13px;border-radius:10px;background:#10141d;text-align:center;font:12px 'DM Mono'}.midi-advanced-hero-flow strong{background:var(--blue)}.midi-advanced-hero-flow strong:last-child{background:#ff668e;color:var(--ink)}.midi-advanced-hero-flow small{display:block;margin-bottom:7px;color:#bfc7d4;font:7px 'DM Mono'}.midi-advanced-hero-flow i{color:var(--mint);font-style:normal}.midi-layer-stack{display:grid;gap:7px;margin:32px 0}.midi-layer-stack article{display:grid;grid-template-columns:65px 1fr;gap:18px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:13px;background:#fff}.midi-layer-stack article:nth-child(2){margin-left:22px}.midi-layer-stack article:nth-child(3){margin-left:44px}.midi-layer-stack article:nth-child(4){margin-left:66px}.midi-layer-stack article>span{display:grid;place-items:center;aspect-ratio:1;border-radius:10px;background:var(--blue);color:#fff;font:18px 'DM Mono'}.midi-layer-stack article:nth-child(2)>span{background:var(--purple)}.midi-layer-stack article:nth-child(3)>span{background:#ff668e;color:var(--ink)}.midi-layer-stack article:nth-child(4)>span{background:var(--mint);color:var(--ink)}.midi-layer-stack small{color:var(--blue);font:8px 'DM Mono'}.midi-layer-stack b{display:block;margin:5px 0}.midi-layer-stack p{margin:0;color:var(--muted);font-size:13px}.midi-traffic-section{padding:100px 5vw;background:#dfe8ff;scroll-margin-top:125px}.midi-traffic-section>header{max-width:1400px;display:grid;grid-template-columns:1fr .72fr;gap:55px;align-items:end;margin:0 auto 32px}.midi-traffic-section>header h2{margin:8px 0 0;font-size:clamp(45px,6vw,80px);line-height:.93;letter-spacing:-.06em}.midi-traffic-section>header>p{margin:0;color:var(--muted);font-size:17px}.midi-traffic-lab{max-width:1400px;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(300px,.58fr);gap:8px;margin:auto;padding:12px;border-radius:20px;background:#151925}.midi-traffic-main{min-width:0;padding:24px;border-radius:13px;background:#252b38;color:#fff}.midi-traffic-main>header{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:15px}.midi-traffic-main>header small{color:var(--mint);font:8px 'DM Mono'}.midi-traffic-main>header h3{margin:6px 0 0;font-size:25px}.midi-traffic-presets{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.midi-traffic-presets button{padding:9px 11px;border:1px solid #ffffff1c;border-radius:7px;background:#10141d;color:#fff;font-size:9px;font-weight:800;cursor:pointer}.midi-traffic-presets button:hover,.midi-traffic-presets button.selected{border-color:var(--mint);background:var(--mint);color:var(--ink)}.midi-traffic-canvas{position:relative;min-width:0;padding:10px 10px 42px;border-radius:12px;background:#10141d;overflow:hidden}.midi-traffic-canvas canvas{display:block;width:100%;height:auto}.midi-traffic-legend{position:absolute;right:15px;bottom:12px;left:15px;display:flex;flex-wrap:wrap;gap:14px;color:#aeb7c5;font:8px 'DM Mono';text-transform:uppercase}.midi-traffic-legend span:before{content:"";display:inline-block;width:13px;height:13px;margin-right:6px;vertical-align:middle;transform:rotate(45deg);background:var(--blue)}.midi-traffic-legend .sent:before{background:#ff668e}.midi-traffic-legend .note:before{background:#ffffff3d}.midi-traffic-legend .cc:before{width:7px;height:7px;background:#ffffff3d}.midi-traffic-legend .clock:before{width:2px;height:13px;transform:none;background:#ffffff66}.midi-traffic-controls{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:13px;background:#252b38;color:#fff}.midi-traffic-controls label{display:block;padding:13px;border:1px solid #ffffff18;border-radius:9px;background:#10141d;color:#dce1e9;font-size:11px}.midi-traffic-controls output{float:right;color:var(--mint);font:10px 'DM Mono'}.midi-traffic-controls input[type=range]{display:block;width:100%;margin-top:11px;accent-color:var(--mint)}.midi-traffic-controls label.midi-traffic-check{display:flex;gap:9px;align-items:flex-start}.midi-traffic-check input{margin-top:2px;accent-color:var(--mint)}.midi-traffic-readouts{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.midi-traffic-readouts article{padding:17px;border-radius:10px;background:#10141d;color:#fff}.midi-traffic-readouts small{color:#929cac;font:7px 'DM Mono'}.midi-traffic-readouts strong{display:block;margin-top:8px;color:var(--mint);font:19px 'DM Mono'}.midi-traffic-readouts>p{grid-column:1/-1;margin:0;padding:17px 20px;border-left:6px solid var(--mint);border-radius:5px 10px 10px 5px;background:#dff6eb;color:#56606c;font-size:12px}.midi-traffic-readouts>p b{color:var(--ink)}.midi-traffic-readouts>p.caution{border-color:var(--orange);background:#fff0ea}.midi-traffic-facts{max-width:1400px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px auto}.midi-traffic-facts article{padding:23px;border:1px solid #c8d3ee;border-radius:13px;background:#fff}.midi-traffic-facts small{color:var(--blue);font:8px 'DM Mono'}.midi-traffic-facts h3{margin:10px 0 8px;font-size:21px}.midi-traffic-facts p{margin:0;color:var(--muted);font-size:12px}.midi-traffic-caveat{max-width:1400px;margin:auto;padding:21px 25px;border-left:6px solid var(--purple);border-radius:5px 13px 13px 5px;background:#eee8ff}.midi-traffic-caveat p{margin:5px 0 0;color:var(--muted);font-size:13px}.midi-resolution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:32px 0}.midi-resolution-grid article{min-width:0;padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff}.midi-resolution-grid small{color:var(--blue);font:8px 'DM Mono'}.midi-resolution-grid article>strong{display:block;margin:12px 0;color:var(--purple);font:34px/1 'DM Mono'}.midi-resolution-grid h3{margin:0 0 8px;font-size:21px}.midi-resolution-grid p{color:var(--muted);font-size:12px}.midi-resolution-ruler{height:48px;margin-top:18px;border-radius:7px;background:repeating-linear-gradient(90deg,var(--blue) 0 2px,transparent 2px 10px),#eef2fc}.midi-resolution-ruler.fourteen{background:repeating-linear-gradient(90deg,var(--purple) 0 1px,transparent 1px 3px),#f0eafe}.midi-parameter-chain{display:flex;align-items:center;gap:6px;margin-top:18px}.midi-parameter-chain span{flex:1;padding:10px 5px;border-radius:6px;background:#151925;color:#fff;text-align:center;font:8px 'DM Mono'}.midi-parameter-chain i{color:var(--blue);font-style:normal}.midi-expression-compare{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.midi-expression-compare article{padding:25px;border-radius:14px;background:#151925;color:#fff}.midi-expression-compare article:last-child{background:#44336d}.midi-expression-compare small{color:var(--mint);font:8px 'DM Mono'}.midi-expression-compare h3{margin:9px 0 15px;font-size:24px}.midi-expression-compare article>div{display:flex;gap:7px;margin-bottom:14px}.midi-expression-compare article>div span,.midi-expression-compare article>div i{padding:10px;border-radius:7px;background:#252b38;font:9px 'DM Mono';font-style:normal}.midi-expression-compare article>div i{margin-left:auto;color:var(--mint)}.midi-expression-compare p{margin:0;color:#bdc5d1;font-size:12px}.midi-sync-section{padding:100px 7vw;background:#151925;color:#fff;scroll-margin-top:125px}.midi-sync-section>header{max-width:1400px;display:grid;grid-template-columns:1fr .72fr;gap:55px;align-items:end;margin:0 auto 32px}.midi-sync-section>header h2{margin:8px 0 0;font-size:clamp(45px,6vw,78px);line-height:.93;letter-spacing:-.06em}.midi-sync-section>header>p{margin:0;color:#b9c1ce;font-size:17px}.midi-sync-grid{max-width:1400px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:auto}.midi-sync-grid article{min-width:0;padding:25px;border:1px solid #ffffff18;border-radius:14px;background:#252b38}.midi-sync-grid small{color:var(--mint);font:8px 'DM Mono'}.midi-sync-grid h3{margin:10px 0 20px;font-size:23px}.midi-sync-grid p{margin:18px 0 0;color:#bdc5d1;font-size:12px}.midi-clock-pulses{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;height:65px;align-items:end}.midi-clock-pulses i{height:25%;border-radius:3px 3px 0 0;background:var(--blue)}.midi-clock-pulses i:nth-child(6n+1){height:100%;background:var(--mint)}.midi-sync-ruler{height:65px;display:grid;grid-template-columns:auto repeat(3,1fr) auto;align-items:end;gap:4px;border-bottom:4px solid var(--blue)}.midi-sync-ruler span,.midi-sync-ruler strong{align-self:start;color:var(--mint);font:14px 'DM Mono'}.midi-sync-ruler i{height:55%;border-left:2px solid #ffffff4a}.midi-timecode{display:flex;align-items:center;justify-content:center;gap:7px;height:65px;border-radius:9px;background:#10141d}.midi-timecode span{padding:9px;border-radius:5px;background:var(--blue);font:16px 'DM Mono'}.midi-timecode b{color:var(--mint)}.midi-sync-method{max-width:1400px;display:flex;align-items:stretch;gap:7px;margin:12px auto 0;padding:10px;border:1px solid #ffffff18;border-radius:13px;background:#10141d;overflow:auto}.midi-sync-method>*{flex:0 0 auto}.midi-sync-method span{flex:1;padding:14px;border-radius:7px;background:#252b38;text-align:center;font:9px 'DM Mono'}.midi-sync-method i{align-self:center;color:var(--orange);font-style:normal}.midi-routing-chain{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:6px;align-items:stretch;margin:30px 0;padding:10px;border-radius:14px;background:#151925;color:#fff;overflow:auto}.midi-routing-chain>*{min-width:92px}.midi-routing-chain span,.midi-routing-chain strong{display:grid;place-items:center;align-content:center;padding:14px;border-radius:8px;background:#252b38;text-align:center;font:10px 'DM Mono'}.midi-routing-chain strong{background:var(--blue)}.midi-routing-chain small{display:block;margin-bottom:5px;color:#bec7d4;font:7px 'DM Mono'}.midi-routing-chain i{min-width:auto;align-self:center;color:var(--mint);font-style:normal}.midi-routing-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.midi-routing-cards article{padding:22px;border:1px solid var(--line);border-radius:13px;background:#fff}.midi-routing-cards small{color:var(--blue);font:8px 'DM Mono'}.midi-routing-cards h3{margin:9px 0 7px;font-size:21px}.midi-routing-cards p{margin:0;color:var(--muted);font-size:12px}.midi-loop-warning{margin-top:10px;padding:21px 24px;border-left:6px solid var(--orange);border-radius:5px 12px 12px 5px;background:#fff0ea}.midi-loop-warning>div{display:flex;align-items:center;gap:7px;margin:15px 0}.midi-loop-warning>div span,.midi-loop-warning>div strong{padding:10px;border-radius:7px;background:#151925;color:#fff;font:8px 'DM Mono'}.midi-loop-warning>div strong{background:var(--orange);color:var(--ink)}.midi-loop-warning>div i{color:var(--blue);font-style:normal}.midi-loop-warning p{margin:0;color:var(--muted);font-size:12px}.midi-protocol-section{padding:100px 7vw;background:#e8e2ff;scroll-margin-top:125px}.midi-protocol-section>header{max-width:1400px;display:grid;grid-template-columns:1fr .72fr;gap:55px;align-items:end;margin:0 auto 32px}.midi-protocol-section>header h2{margin:8px 0 0;font-size:clamp(45px,6vw,78px);line-height:.93;letter-spacing:-.06em}.midi-protocol-section>header>p{margin:0;color:var(--muted);font-size:17px}.midi-protocol-grid{max-width:1400px;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:auto}.midi-protocol-grid article{padding:25px;border:1px solid #cbc2e3;border-radius:14px;background:#fff}.midi-protocol-grid small{color:var(--blue);font:8px 'DM Mono'}.midi-protocol-grid h3{margin:9px 0 8px;font-size:24px}.midi-protocol-grid p{color:var(--muted);font-size:13px}.midi-protocol-grid article>b{display:block;margin-top:17px;padding-top:12px;border-top:1px solid var(--line);color:var(--purple);font:9px 'DM Mono'}.midi-protocol-section>.remember{max-width:1400px;margin:10px auto}.midi-official-links{max-width:1400px;display:flex;flex-wrap:wrap;gap:16px;margin:14px auto 0}.midi-official-links a{color:var(--blue);font-size:11px;font-weight:800}.midi-diagnostic-section{padding:100px 7vw;background:#f6f2ea;scroll-margin-top:125px}.midi-diagnostic-section>header{max-width:1400px;display:grid;grid-template-columns:1fr .72fr;gap:55px;align-items:end;margin:0 auto 32px}.midi-diagnostic-section>header h2{margin:8px 0 0;font-size:clamp(45px,6vw,78px);line-height:.93;letter-spacing:-.06em}.midi-diagnostic-section>header>p{margin:0;color:var(--muted);font-size:17px}.midi-diagnostic-grid{max-width:1400px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:auto}.midi-diagnostic-grid article{position:relative;padding:25px;border:1px solid var(--line);border-radius:14px;background:#fff}.midi-diagnostic-grid article>span{position:absolute;right:19px;top:17px;color:#d9dce4;font:24px 'DM Mono'}.midi-diagnostic-grid small{color:var(--blue);font:8px 'DM Mono'}.midi-diagnostic-grid h3{margin:11px 0 8px;font-size:21px}.midi-diagnostic-grid p{margin:0;color:var(--muted);font-size:12px}.midi-diagnostic-method{max-width:1400px;display:flex;align-items:center;gap:7px;margin:12px auto;padding:12px;border-radius:13px;background:#151925;color:#fff;overflow:auto}.midi-diagnostic-method>*{flex:0 0 auto}.midi-diagnostic-method b{padding:12px;color:var(--mint)}.midi-diagnostic-method span{flex:1;padding:12px;border-radius:7px;background:#252b38;text-align:center;font:9px 'DM Mono'}.midi-diagnostic-method i{color:var(--orange);font-style:normal}.midi-advanced-links{max-width:1400px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin:16px auto 0}.midi-advanced-links a{color:var(--blue);font-size:11px;font-weight:800}
@media(max-width:1100px){.midi-advanced-hero{grid-template-columns:1fr}.midi-advanced-hero-flow{min-height:300px}.midi-traffic-section>header,.midi-sync-section>header,.midi-protocol-section>header,.midi-diagnostic-section>header{grid-template-columns:1fr}.midi-traffic-lab{grid-template-columns:1fr}.midi-resolution-grid,.midi-sync-grid,.midi-diagnostic-grid{grid-template-columns:1fr 1fr}.midi-traffic-readouts{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.midi-advanced-hero{min-height:auto;padding:125px 20px 70px}.midi-advanced-hero h1{font-size:74px}.midi-advanced-hero-flow{min-height:250px;justify-content:flex-start;padding:17px;overflow:auto}.midi-advanced-hero-flow span,.midi-advanced-hero-flow strong{min-width:105px}.midi-layer-stack article,.midi-layer-stack article:nth-child(n){margin-left:0;grid-template-columns:50px 1fr}.midi-traffic-section,.midi-sync-section,.midi-protocol-section,.midi-diagnostic-section{padding:70px 10px}.midi-traffic-main{padding:18px 9px}.midi-traffic-main>header{display:block}.midi-traffic-presets{justify-content:flex-start;margin-top:14px}.midi-traffic-canvas{overflow:auto}.midi-traffic-canvas canvas{min-width:720px}.midi-traffic-readouts,.midi-traffic-facts,.midi-resolution-grid,.midi-expression-compare,.midi-sync-grid,.midi-routing-cards,.midi-protocol-grid,.midi-diagnostic-grid{grid-template-columns:1fr}.midi-sync-method,.midi-diagnostic-method{align-items:stretch;flex-direction:column}.midi-sync-method span,.midi-diagnostic-method span{flex:auto}.midi-sync-method i,.midi-diagnostic-method i{align-self:center;transform:rotate(90deg)}.midi-loop-warning>div{align-items:stretch;flex-direction:column;text-align:center}.midi-loop-warning>div i{transform:rotate(90deg)}.midi-advanced-links{display:grid}.midi-resolution-grid article>strong{font-size:29px}}

/* Timebase lab: absolute samples versus musical ticks */
.midi-timebase-lab{max-width:1400px;margin:48px auto 12px;padding:12px;border:1px solid #ffffff1b;border-radius:22px;background:#10141d;scroll-margin-top:145px}
.midi-timebase-lab>header{display:grid;grid-template-columns:1fr .78fr;gap:42px;align-items:end;padding:28px 28px 24px}
.midi-timebase-lab>header small,.midi-reaper-timebase>header small{color:var(--mint);font:8px 'DM Mono'}
.midi-timebase-lab>header h3,.midi-reaper-timebase>header h3{margin:8px 0 0;font-size:clamp(31px,4vw,52px);line-height:.96;letter-spacing:-.045em}
.midi-timebase-lab>header p{margin:0;color:#b9c1ce;font-size:14px}
.midi-timebase-controls{display:grid;grid-template-columns:.8fr 1.7fr .8fr;gap:8px;padding:12px;border-radius:14px;background:#252b38}
.midi-timebase-controls fieldset{min-width:0;margin:0;padding:0;border:0}
.midi-timebase-controls legend{margin:0 0 9px;color:#aab3c1;font:8px 'DM Mono';text-transform:uppercase}
.midi-timebase-buttons{display:flex;gap:5px;height:58px}
.midi-timebase-buttons button{flex:1;min-width:0;padding:9px;border:1px solid #ffffff19;border-radius:8px;background:#10141d;color:#fff;font:10px 'DM Mono';cursor:pointer}
.midi-timebase-buttons button:hover,.midi-timebase-buttons button.selected{border-color:var(--mint);background:var(--mint);color:var(--ink)}
.midi-timebase-buttons button b,.midi-timebase-buttons button span{display:block}
.midi-timebase-buttons button span{margin-top:4px;font-size:7px;opacity:.76}
.midi-timebase-controls>label{display:block;padding:10px 13px;border:1px solid #ffffff19;border-radius:8px;background:#10141d;color:#dce2ea;font-size:11px}
.midi-timebase-controls output{float:right;color:var(--mint);font:10px 'DM Mono'}
.midi-timebase-controls input{display:block;width:100%;margin-top:14px;accent-color:var(--mint)}
.midi-timebase-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:48px 12px 12px}
.midi-timebase-axis{position:absolute;top:19px;right:13px;left:13px;display:flex;justify-content:space-between;color:#727d8e;font:7px 'DM Mono'}
.midi-timebase-stage>article{min-width:0;padding:16px;border:1px solid #ffffff17;border-radius:12px;background:#252b38}
.midi-timebase-stage>article>header{display:flex;justify-content:space-between;gap:12px;margin-bottom:13px}
.midi-timebase-stage>article>header small{color:var(--mint);font:8px 'DM Mono'}
.midi-timebase-stage>article>header b{font:10px 'DM Mono'}
.midi-timebase-plot{position:relative;height:126px;border-radius:8px;background-color:#10141d;background-image:linear-gradient(90deg,transparent calc(25% - 1px),#ffffff12 25%,transparent calc(25% + 1px),transparent calc(50% - 1px),#ffffff12 50%,transparent calc(50% + 1px),transparent calc(75% - 1px),#ffffff12 75%,transparent calc(75% + 1px));overflow:hidden}
.midi-timebase-measure{position:absolute;top:0;bottom:0;width:1px;background:#8be6c136;z-index:1}
.midi-timebase-measure span{position:absolute;top:7px;left:5px;color:#8be6c1a8;font:7px 'DM Mono';white-space:nowrap}
.midi-timebase-item{position:absolute;left:33.333%;top:47px;width:16.667%;height:57px;display:flex;align-items:center;justify-content:space-around;gap:2px;padding:7px;border:2px solid #ff668e;border-radius:7px;background:#ff668e2e;color:#fff;z-index:2;transition:left .22s ease,width .22s ease}
.midi-timebase-item>span{position:absolute;right:5px;bottom:4px;left:5px;overflow:hidden;color:#fff;font:6px 'DM Mono';text-align:center;text-overflow:ellipsis;white-space:nowrap}
.midi-timebase-item.audio>i{width:2px;height:14px;background:#ff668e;box-shadow:4px -8px 0 #ff668e,8px 4px 0 #ff668e,12px -12px 0 #ff668e,16px 1px 0 #ff668e}
.midi-timebase-item.midi{border-color:var(--blue);background:#2468ff2b}
.midi-timebase-item.midi>i{width:19%;height:6px;border-radius:2px;background:var(--blue);box-shadow:0 -12px 0 #4f86ff,0 12px 0 #4f86ff}
.midi-timebase-item.midi>span{color:#dce7ff}
.midi-timebase-readouts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:0 12px 12px}
.midi-timebase-readouts article{min-width:0;padding:17px;border-radius:9px;background:#252b38}
.midi-timebase-readouts small{color:#9ba6b6;font:7px 'DM Mono'}
.midi-timebase-readouts strong{display:block;margin:8px 0 5px;color:var(--mint);font:17px 'DM Mono'}
.midi-timebase-readouts article>span{display:block;color:#aeb7c5;font:8px 'DM Mono'}
.midi-timebase-readouts>p{grid-column:1/-1;margin:0;padding:17px 20px;border-left:6px solid var(--mint);border-radius:5px 10px 10px 5px;background:#dff6eb;color:#56606c;font-size:12px}
.midi-timebase-readouts>p.changed{border-color:#ff668e;background:#fff0f5}
.midi-timebase-readouts>p b{color:var(--ink)}
.midi-timebase-key{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 12px 12px}
.midi-timebase-key article{padding:20px;border:1px solid #ffffff17;border-radius:10px;background:#171c27}
.midi-timebase-key small{color:var(--mint);font:7px 'DM Mono'}
.midi-timebase-key h4{margin:8px 0 7px;font-size:18px}
.midi-timebase-key p{margin:0;color:#acb5c3;font-size:11px}
.midi-reaper-timebase{max-width:1400px;margin:12px auto;padding:34px;border-radius:18px;background:#f4f1ea;color:var(--ink)}
.midi-reaper-timebase>header{max-width:900px;margin-bottom:26px}
.midi-reaper-timebase>header small{color:var(--blue)}
.midi-reaper-timebase>header h3{font-size:clamp(30px,4vw,49px)}
.midi-reaper-inheritance{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:stretch}
.midi-reaper-inheritance article{position:relative;padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff}
.midi-reaper-inheritance article>span{position:absolute;right:15px;top:12px;color:#dfe4ee;font:24px 'DM Mono'}
.midi-reaper-inheritance small,.midi-reaper-modes small{color:var(--blue);font:7px 'DM Mono'}
.midi-reaper-inheritance b,.midi-reaper-modes b{display:block;margin:9px 0 7px}
.midi-reaper-inheritance p,.midi-reaper-modes p{margin:0;color:var(--muted);font-size:11px}
.midi-reaper-inheritance>i{align-self:center;color:var(--blue);font-style:normal}
.midi-reaper-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px}
.midi-reaper-modes article{padding:19px;border-radius:11px;background:#151925;color:#fff}
.midi-reaper-modes p{color:#b8c0cd}
.midi-reaper-timebase>aside{margin-top:9px;padding:19px 22px;border-left:6px solid var(--blue);border-radius:5px 11px 11px 5px;background:#dfe8ff}
.midi-reaper-timebase>aside p{margin:6px 0 10px;color:var(--muted);font-size:12px}
.midi-reaper-timebase>aside a{color:var(--blue);font-size:10px;font-weight:800}
@media(max-width:1050px){.midi-timebase-lab>header{grid-template-columns:1fr}.midi-timebase-controls{grid-template-columns:1fr}.midi-timebase-readouts,.midi-reaper-modes{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.midi-timebase-lab{margin-top:34px}.midi-timebase-lab>header{padding:20px 12px}.midi-timebase-controls{padding:8px}.midi-timebase-buttons{height:auto;flex-direction:column}.midi-timebase-buttons button{min-height:48px}.midi-timebase-stage{grid-template-columns:1fr;padding-right:8px;padding-left:8px}.midi-timebase-readouts,.midi-timebase-key,.midi-reaper-modes{grid-template-columns:1fr}.midi-reaper-timebase{padding:24px 12px}.midi-reaper-inheritance{grid-template-columns:1fr}.midi-reaper-inheritance>i{justify-self:center;transform:rotate(90deg)}}

/* MIDI multitimbral et instruments multi-sorties */
.midi-multitimbral-section{padding:100px 5vw;background:#def5ea;scroll-margin-top:125px}.midi-multitimbral-section>header{max-width:1400px;display:grid;grid-template-columns:1fr .72fr;gap:55px;align-items:end;margin:0 auto 32px}.midi-multitimbral-section>header h2{margin:8px 0 0;font-size:clamp(45px,6vw,80px);line-height:.93;letter-spacing:-.06em}.midi-multitimbral-section>header>p{margin:0;color:#4e615a;font-size:17px}.midi-multi-concepts{max-width:1400px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 auto 12px}.midi-multi-concepts article{padding:23px;border:1px solid #bad9ca;border-radius:13px;background:#fff}.midi-multi-concepts small{color:var(--blue);font:8px 'DM Mono'}.midi-multi-concepts h3{margin:10px 0 7px;font-size:21px}.midi-multi-concepts p{margin:0;color:var(--muted);font-size:12px}.midi-multi-tool{max-width:1400px;margin:auto;padding:12px;border-radius:20px;background:#151925;color:#fff}.midi-multi-tool>header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:18px}.midi-multi-tool>header small{color:var(--mint);font:8px 'DM Mono'}.midi-multi-tool>header h3{margin:6px 0 0;font-size:27px}.midi-multi-scenarios{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.midi-multi-scenarios button{padding:10px 13px;border:1px solid #ffffff1d;border-radius:8px;background:#252b38;color:#fff;font-size:9px;font-weight:800;cursor:pointer}.midi-multi-scenarios button:hover,.midi-multi-scenarios button.selected{border-color:var(--mint);background:var(--mint);color:var(--ink)}.midi-multi-output-toggle{display:flex;gap:9px;align-items:center;margin:0 12px 8px;padding:13px 15px;border:1px solid #ffffff1d;border-radius:9px;background:#252b38;color:#d8dee7;font-size:11px}.midi-multi-output-toggle input{accent-color:var(--mint)}.midi-multi-routing{display:grid;grid-template-columns:minmax(190px,1fr) 78px minmax(230px,1.15fr) 78px minmax(190px,1fr);gap:6px;align-items:stretch;padding:8px;border-radius:14px;background:#10141d}.midi-multi-column{min-width:0;padding:10px;border-radius:10px;background:#252b38}.midi-multi-column>header{padding:7px 8px 11px;border-bottom:1px solid #ffffff18}.midi-multi-column>header small,.midi-multi-column>header b{display:block}.midi-multi-column>header small{color:var(--mint);font:7px 'DM Mono'}.midi-multi-column>header b{margin-top:4px;font-size:12px}.midi-multi-column>div{display:grid;gap:5px;margin-top:8px}.midi-multi-column button,.midi-multi-column article{min-width:0;padding:12px;border:1px solid #ffffff16;border-radius:8px;background:#10141d;color:#fff;text-align:left}.midi-multi-column button{cursor:pointer}.midi-multi-column button:hover,.midi-multi-column button.active,.midi-multi-column article.active{border-color:var(--mint);background:#214b43}.midi-multi-column.engine article.active{border-color:#ff91ae;background:#493144}.midi-multi-column small,.midi-multi-column b,.midi-multi-column span,.midi-multi-column em{display:block}.midi-multi-column small{color:#9ba6b6;font:7px 'DM Mono'}.midi-multi-column b{margin:5px 0;font-size:12px}.midi-multi-column span{color:#c4cbd6;font-size:9px}.midi-multi-column em{margin-top:5px;color:var(--mint);font-size:8px;font-style:normal}.midi-multi-stream{position:relative;min-width:0;overflow:hidden}.midi-multi-stream:before{content:"";position:absolute;left:4px;right:4px;top:50%;height:2px;background:#ffffff25}.midi-multi-stream i{position:absolute;z-index:2;left:3px;top:calc(50% - 8px);width:15px;height:15px;background:var(--mint);transform:rotate(45deg);animation:midi-multi-flow 2.2s linear infinite}.midi-multi-stream i:nth-child(2){animation-delay:.65s}.midi-multi-stream i:nth-child(3){animation-delay:1.3s}.midi-multi-stream.audio i{border-radius:50%;background:#ff668e;transform:none}.midi-multi-stream span{position:absolute;right:0;bottom:15px;left:0;color:#93a0b1;text-align:center;font:7px 'DM Mono'}.midi-multi-readouts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.midi-multi-readouts article{padding:16px;border-radius:9px;background:#252b38}.midi-multi-readouts small{color:#96a0b0;font:7px 'DM Mono'}.midi-multi-readouts strong{display:block;margin-top:7px;color:var(--mint);font:14px 'DM Mono'}.midi-multi-readouts>p{grid-column:1/-1;margin:0;padding:17px 20px;border-left:6px solid var(--mint);border-radius:5px 10px 10px 5px;background:#dff6eb;color:#53605c;font-size:12px}.midi-multi-readouts>p b{color:var(--ink)}.midi-multi-readouts>p.drums{border-color:var(--orange);background:#fff0ea}.midi-multi-readouts>p.sampler{border-color:var(--purple);background:#eee7ff}.midi-multi-key{max-width:1400px;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px auto}.midi-multi-key article{padding:24px;border-radius:13px;background:#151925;color:#fff}.midi-multi-key article:last-child{background:#44336d}.midi-multi-key small{color:var(--mint);font:8px 'DM Mono'}.midi-multi-key h3{margin:9px 0 7px;font-size:23px}.midi-multi-key p{margin:0;color:#c0c8d3;font-size:12px}.midi-multi-setup{max-width:1400px;margin:0 auto 12px;padding:28px;border:1px solid #bad9ca;border-radius:16px;background:#fff}.midi-multi-setup>header small{color:var(--blue);font:8px 'DM Mono'}.midi-multi-setup>header h3{margin:7px 0 20px;font-size:28px}.midi-multi-setup ol{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;list-style:none;margin:0;padding:0}.midi-multi-setup li{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:16px;border-radius:10px;background:#f1eee7}.midi-multi-setup li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;font:10px 'DM Mono'}.midi-multi-setup li b{font-size:12px}.midi-multi-setup li p{margin:6px 0 0;color:var(--muted);font-size:11px}.midi-multi-decisions{max-width:1400;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:1px;margin:0 auto 12px;border:1px solid #bad9ca;border-radius:13px;background:#bad9ca;overflow:hidden}.midi-multi-decisions>div{padding:15px;background:#fff;color:var(--muted);font-size:12px}.midi-multi-decisions>div.head{background:#151925;color:var(--mint);font:9px 'DM Mono'}.midi-multi-warning{max-width:1400px;margin:auto;padding:21px 25px;border-left:7px solid var(--orange);border-radius:5px 13px 13px 5px;background:#fff0ea}.midi-multi-warning p{margin:5px 0 0;color:var(--muted);font-size:13px}@keyframes midi-multi-flow{0%{left:3px;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 18px);opacity:0}}
@media(max-width:1100px){.midi-multitimbral-section>header{grid-template-columns:1fr}.midi-multi-concepts{grid-template-columns:1fr 1fr}.midi-multi-routing{grid-template-columns:1fr}.midi-multi-stream{min-height:58px}.midi-multi-stream span{bottom:4px}.midi-multi-setup ol{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.midi-multitimbral-section{padding:70px 10px}.midi-multi-concepts,.midi-multi-key,.midi-multi-readouts,.midi-multi-setup ol{grid-template-columns:1fr}.midi-multi-tool>header{display:block;padding:17px 10px}.midi-multi-scenarios{justify-content:flex-start;margin-top:14px}.midi-multi-output-toggle{margin-right:2px;margin-left:2px}.midi-multi-readouts>p{grid-column:auto}.midi-multi-decisions{grid-template-columns:1fr}.midi-multi-decisions>div.head{display:none}.midi-multi-decisions>div:nth-child(3n+1){padding-top:20px;border-top:5px solid var(--mint);color:var(--ink);font-weight:800}.midi-multi-warning{padding:20px}}
@media(prefers-reduced-motion:reduce){.midi-multi-stream i{left:50%;animation:none}}
.midi-multi-decisions{max-width:1400px}

/* Lignes de routage alignées : losanges MIDI puis cercles audio */
.midi-multi-routing{align-items:start}.midi-multi-column>header,.midi-multi-stream>header{height:54px;box-sizing:border-box}.midi-multi-column button,.midi-multi-column article{height:94px;box-sizing:border-box;overflow:hidden}.midi-multi-stream{min-height:0;overflow:visible}.midi-multi-stream:before{content:none}.midi-multi-stream>header{display:grid;align-items:end;padding:7px 2px 11px;border-bottom:1px solid #ffffff18;text-align:center}.midi-multi-stream>header small{color:#9ba6b6;font:7px 'DM Mono'}.midi-multi-stream>div{display:grid;gap:5px;margin-top:8px}.midi-multi-lane{position:relative;height:94px;overflow:hidden;border-radius:8px;background:#ffffff05;opacity:.38;transition:opacity .18s,background .18s}.midi-multi-lane.active{background:#8be6c114;opacity:1}.midi-multi-lane:before{content:"";position:absolute;right:3px;left:3px;top:50%;height:2px;background:#8be6c155}.midi-multi-stream.audio .midi-multi-lane:before{background:#ff668e55}.midi-multi-lane i{position:absolute;z-index:2;left:3px;top:calc(50% - 8px);width:16px;height:16px;border-radius:2px;background:var(--mint);transform:rotate(45deg);animation:midi-multi-flow 2.2s linear infinite}.midi-multi-stream.audio .midi-multi-lane i{border-radius:50%;background:#ff668e;transform:none}.midi-multi-lane i:nth-child(2){animation-delay:.52s}.midi-multi-lane i:nth-child(3){animation-delay:1.04s}.midi-multi-lane i:nth-child(4){animation-delay:1.56s}.midi-multi-shape-key{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:8px 2px 0;padding:12px 15px;border-radius:9px;background:#252b38;color:#bfc6d2;font:8px 'DM Mono'}.midi-multi-shape-key span:before{content:"";display:inline-block;width:13px;height:13px;margin-right:8px;vertical-align:middle;background:var(--mint);transform:rotate(45deg)}.midi-multi-shape-key span.audio:before{border-radius:50%;background:#ff668e;transform:none}.midi-multi-shape-key em{margin-left:auto;color:#9fa9b8;font-style:normal}
@media(max-width:1100px){.midi-multi-tool{overflow-x:visible}.midi-multi-routing{min-width:0;grid-template-columns:230px 90px 250px 90px 230px;overflow-x:auto}.midi-multi-stream{min-height:0}.midi-multi-shape-key{min-width:0}}
@media(max-width:700px){.midi-multi-shape-key em{width:100%;margin-left:0}.midi-multi-column button,.midi-multi-column article,.midi-multi-lane{height:98px}}

/* Drumset: une entrée MIDI peut se ramifier vers plusieurs retours audio */
.midi-multi-routing.branching .midi-multi-column:first-child>div,.midi-multi-routing.branching .midi-multi-stream.midi>div,.midi-multi-routing.branching .midi-multi-column.engine>div{padding-top:148px}
.midi-multi-routing.branching .midi-multi-stream.audio>div{position:relative}
.midi-multi-routing.branching .midi-multi-stream.audio>div:before{content:"";position:absolute;z-index:1;top:calc(50% - 1px);left:0;width:10px;height:2px;background:#ff668e77}
.midi-multi-routing.branching .midi-multi-stream.audio>div:after{content:"";position:absolute;z-index:1;top:47px;bottom:47px;left:3px;width:2px;background:#ff668e77}
@media(max-width:700px){.midi-multi-routing.branching .midi-multi-column:first-child>div,.midi-multi-routing.branching .midi-multi-stream.midi>div,.midi-multi-routing.branching .midi-multi-column.engine>div{padding-top:154px}.midi-multi-routing.branching .midi-multi-stream.audio>div:after{top:49px;bottom:49px}}

/* Bases du montage : clics et raccords */
.daw-click-basics{margin-top:12px;padding:28px;border-radius:18px;background:#151925;color:#fff;scroll-margin-top:125px}.daw-click-basics>header{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:end;margin-bottom:20px}.daw-click-basics>header small{color:var(--mint);font-family:'DM Mono';letter-spacing:.1em}.daw-click-basics>header h4{margin:8px 0 0;font-size:clamp(27px,3.5vw,43px);line-height:1.02;letter-spacing:-.04em}.daw-click-basics>header p{margin:0;color:#c0c7d2;font-size:14px;line-height:1.6}.daw-click-lab{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:8px}.daw-click-screen{position:relative;min-width:0;border-radius:12px;background:#10141d;overflow:hidden}.daw-click-screen>span{position:absolute;z-index:2;top:14px;left:16px;color:#9ba5b5;font:10px 'DM Mono'}.daw-click-screen canvas{display:block;width:100%;height:300px}.daw-click-legend{position:absolute;z-index:2;right:16px;bottom:13px;left:16px;display:flex;gap:18px;color:#99a3b3;font:9px 'DM Mono'}.daw-click-legend span:before{content:"";display:inline-block;width:16px;height:3px;margin-right:6px;vertical-align:middle;background:#5c89ff}.daw-click-legend .right:before{background:#ff668e}.daw-click-legend .cut{margin-left:auto}.daw-click-legend .cut:before{background:#ff7048}.daw-click-controls{display:flex;min-width:0;flex-direction:column;gap:8px}.daw-click-modes{display:grid;grid-template-columns:1fr;gap:5px;padding:7px;border-radius:11px;background:#252b38}.daw-click-modes button{padding:12px;border:1px solid #ffffff1c;border-radius:7px;background:#10141d;color:#fff;font-size:11px;font-weight:800;text-align:left;cursor:pointer}.daw-click-modes button:hover,.daw-click-modes button.selected{border-color:var(--mint);background:var(--mint);color:var(--ink)}.daw-click-controls article{flex:1;padding:20px;border-radius:11px;background:#252b38}.daw-click-controls article small,.daw-click-controls article strong{display:block}.daw-click-controls article small{color:var(--orange);font-family:'DM Mono'}.daw-click-controls article strong{margin:10px 0 8px;font-size:19px;line-height:1.15}.daw-click-controls article p{margin:0;color:#c0c7d2;font-size:13px;line-height:1.55}.daw-click-chain{display:flex;align-items:stretch;gap:6px;margin-top:8px;padding:9px;border-radius:11px;background:#10141d}.daw-click-chain span,.daw-click-chain strong{flex:1;padding:13px;border-radius:7px;background:#252b38;text-align:center;font:10px 'DM Mono'}.daw-click-chain strong{background:#4b2b26;color:#ffb19c}.daw-click-chain b{display:block;margin-top:5px;color:#aeb7c5;font:9px Manrope}.daw-click-chain i{align-self:center;color:var(--mint);font-style:normal}.daw-click-method{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.daw-click-method article{padding:20px;border:1px solid #ffffff18;border-radius:11px;background:#252b38}.daw-click-method small{color:var(--mint);font-family:'DM Mono'}.daw-click-method b{display:block;margin:9px 0 7px;font-size:14px}.daw-click-method p{margin:0;color:#bdc5d1;font-size:12px;line-height:1.55}.daw-click-caution{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;margin-top:8px;padding:18px 20px;border-left:6px solid var(--orange);border-radius:5px 10px 10px 5px;background:#fff0ea;color:var(--ink)}.daw-click-caution b{white-space:nowrap}.daw-click-caution p{margin:0;color:#5f6672;font-size:12px;line-height:1.55}
@media(max-width:980px){.daw-click-basics>header,.daw-click-lab{grid-template-columns:1fr}.daw-click-modes{grid-template-columns:repeat(3,1fr)}.daw-click-modes button{text-align:center}.daw-click-method{grid-template-columns:1fr 1fr}.daw-click-method article:last-child{grid-column:1/-1}}
@media(max-width:700px){.daw-click-basics{padding:18px 10px}.daw-click-screen canvas{height:270px}.daw-click-legend{gap:8px;font-size:7px}.daw-click-legend .cut{display:none}.daw-click-modes,.daw-click-method{grid-template-columns:1fr}.daw-click-method article:last-child{grid-column:auto}.daw-click-chain{align-items:stretch;flex-direction:column}.daw-click-chain i{transform:rotate(90deg)}.daw-click-caution{grid-template-columns:1fr;gap:5px}.daw-click-caution b{white-space:normal}}
.daw-click-basics>header h3{margin:8px 0 0;font-size:clamp(27px,3.5vw,43px);line-height:1.02;letter-spacing:-.04em}

/* Annexe matériel numérique et surfaces de contrôle */
.hardware-annex-page{background:#f6f2ea}.hardware-annex-page .advanced-local-nav{top:72px}.hardware-annex-hero{min-height:720px;display:grid;grid-template-columns:.86fr 1.14fr;gap:7vw;align-items:center;padding:140px 7vw 90px;background:#151925;color:#fff}.hardware-annex-hero>div:first-child{max-width:700px}.hardware-annex-hero h1{margin:13px 0 24px;font-size:clamp(68px,9vw,132px);line-height:.78;letter-spacing:-.075em}.hardware-annex-hero .lead{max-width:660px;color:#c2cad5;font-size:19px}.hardware-rack{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:24px;border:1px solid #ffffff1b;border-radius:24px;background:#0e121b;box-shadow:0 28px 60px #0005}.hardware-rack-unit{position:relative;grid-column:1/-1;display:grid;grid-template-columns:1fr repeat(4,48px) auto;gap:8px;align-items:center;min-height:108px;padding:20px 24px;border:1px solid #ffffff20;border-radius:12px;background:linear-gradient(180deg,#313847,#242a36);box-shadow:inset 0 1px #ffffff16}.hardware-rack-unit small{color:#bec7d4;font:10px 'DM Mono'}.hardware-rack-unit span{display:block;aspect-ratio:1;border:4px solid #0c1018;border-radius:50%;background:radial-gradient(circle,#8be8bd 0 13%,#303746 15% 56%,#0d111a 58%)}.hardware-rack-unit b{padding:10px;border-radius:6px;background:#8be8bd;color:#151925;font:10px 'DM Mono'}.hardware-rack-unit.network b{background:#ff668e}.hardware-rack-cable{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:3px 18px;color:#919cac;font:9px 'DM Mono'}.hardware-rack-cable i{position:relative;flex:1;height:3px;background:linear-gradient(90deg,#2468ff,#8be8bd,#ff668e)}.hardware-rack-cable i:after{content:"";position:absolute;right:0;top:-4px;border-width:5px 0 5px 9px;border-style:solid;border-color:transparent transparent transparent #ff668e}.hardware-console-mini{grid-column:1/-1;padding:20px;border-radius:14px;background:#242a36}.hardware-console-mini>div{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;height:120px}.hardware-console-mini i{position:relative;border-radius:6px;background:#0d111a}.hardware-console-mini i:before{content:"";position:absolute;top:14px;bottom:20px;left:calc(50% - 2px);width:4px;border-radius:4px;background:#515c70}.hardware-console-mini i:after{content:"";position:absolute;top:var(--fader,54%);left:calc(50% - 10px);width:20px;height:8px;border-radius:3px;background:#8be8bd}.hardware-console-mini i:nth-child(2n):after{top:38%}.hardware-console-mini i:nth-child(3n):after{top:68%}.hardware-console-mini strong,.hardware-console-mini small{display:block}.hardware-console-mini strong{margin-top:13px;color:#fff;font:12px 'DM Mono'}.hardware-console-mini small{margin-top:4px;color:#909bab;font:8px 'DM Mono'}
.hardware-module-section .advanced-lesson-number,.hardware-clock-section .advanced-lesson-number,.hardware-control-protocols .advanced-lesson-number{color:var(--blue)}.hardware-signal-chain{display:grid;grid-template-columns:1fr auto 1.2fr auto 1.2fr auto 1fr;gap:7px;align-items:stretch;margin:34px 0;padding:12px;border-radius:15px;background:#151925;color:#fff;overflow:auto}.hardware-signal-chain>*{min-width:112px}.hardware-signal-chain span,.hardware-signal-chain strong{display:grid;align-content:center;padding:16px;border-radius:9px;background:#252b38;font-size:12px}.hardware-signal-chain strong{background:#234a43}.hardware-signal-chain small{display:block;margin-bottom:6px;color:#8be8bd;font:8px 'DM Mono'}.hardware-signal-chain i{align-self:center;min-width:auto;color:#aeb8c6;font-size:9px;font-style:normal;white-space:nowrap}.hardware-signal-chain i.digital{color:#ff91ae}.hardware-module-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hardware-module-grid article{padding:24px;border:1px solid var(--line);border-radius:13px;background:#fff}.hardware-module-grid small{color:var(--blue);font:9px 'DM Mono'}.hardware-module-grid h3{margin:10px 0 8px;font-size:22px}.hardware-module-grid p{margin:0;color:var(--muted);font-size:13px}
.hardware-links-section,.hardware-control-section,.hardware-setup-section,.hardware-diagnostic-section{padding:100px 5vw;scroll-margin-top:125px}.hardware-links-section{background:#151925;color:#fff}.hardware-links-section>header,.hardware-control-section>header,.hardware-setup-section>header,.hardware-diagnostic-section>header{max-width:1400px;display:grid;grid-template-columns:1fr .72fr;gap:60px;align-items:end;margin:0 auto 34px}.hardware-links-section h2,.hardware-control-section h2,.hardware-setup-section h2,.hardware-diagnostic-section h2{margin:8px 0 0;font-size:clamp(44px,6vw,78px);line-height:.94;letter-spacing:-.06em}.hardware-links-section>header>p{margin:0;color:#bcc4d0;font-size:17px}.hardware-link-lab{max-width:1400px;display:grid;grid-template-columns:210px minmax(0,1fr) 330px;gap:8px;margin:auto;padding:12px;border:1px solid #ffffff18;border-radius:22px;background:#0e121b}.hardware-link-picker{display:flex;flex-direction:column;gap:6px}.hardware-link-picker button{flex:1;padding:15px;border:1px solid #ffffff18;border-radius:9px;background:#252b38;color:#fff;text-align:left;cursor:pointer}.hardware-link-picker button b,.hardware-link-picker button span{display:block}.hardware-link-picker button b{font:13px 'DM Mono'}.hardware-link-picker button span{margin-top:4px;color:#98a3b4;font-size:10px}.hardware-link-picker button:hover,.hardware-link-picker button.selected{border-color:#8be8bd;background:#8be8bd;color:#151925}.hardware-link-picker button.selected span{color:#344a43}.hardware-link-stage{min-width:0;padding:22px;border-radius:13px;background:#252b38}.hardware-link-stage>header{display:grid;grid-template-columns:1fr auto;align-items:end;gap:5px}.hardware-link-stage>header small,.hardware-link-stage>header strong{display:block}.hardware-link-stage>header small{grid-column:1/-1;color:#8be8bd;font:9px 'DM Mono'}.hardware-link-stage>header strong{font-size:25px}.hardware-link-stage>header span{color:#ff91ae;font:13px 'DM Mono'}.hardware-link-route{display:grid;grid-template-columns:150px 1fr 150px;gap:10px;align-items:stretch;margin:22px 0}.hardware-link-route>span{display:grid;align-content:center;min-height:150px;padding:16px;border-radius:10px;background:#10141d}.hardware-link-route small,.hardware-link-route b{display:block}.hardware-link-route small{color:#919cac;font:8px 'DM Mono'}.hardware-link-route b{margin-top:8px;font-size:12px}.hardware-digital-stream{position:relative;min-width:0;border-radius:10px;background:#10141d;overflow:hidden}.hardware-digital-stream:before{content:"";position:absolute;inset:12px;background:repeating-linear-gradient(0deg,#ffffff00 0 16px,#ffffff12 17px 18px)}.hardware-digital-stream i{position:absolute;z-index:2;top:calc(18px + var(--lane)*(100% - 36px)/var(--lanes));left:-18px;width:17px;height:8px;border-radius:3px;background:#8be8bd;animation:hardware-digital-flow 2.2s linear infinite;animation-delay:calc(var(--lane)*-.19s)}.hardware-digital-stream[data-protocol="madi"] i{background:#ff668e}.hardware-digital-stream[data-protocol="dante"] i{width:14px;height:14px;border:2px solid #8be8bd;background:#2468ff;transform:rotate(45deg)}.hardware-link-readouts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.hardware-link-readouts article{padding:15px;border-radius:9px;background:#10141d}.hardware-link-readouts small{color:#8f99aa;font:8px 'DM Mono'}.hardware-link-readouts strong{display:block;margin-top:8px;color:#8be8bd;font:13px 'DM Mono'}.hardware-link-controls{display:flex;flex-direction:column;gap:8px}.hardware-link-controls fieldset{margin:0;padding:17px;border:0;border-radius:12px;background:#252b38}.hardware-link-controls legend{padding:0;color:#aeb7c5;font:9px 'DM Mono'}.hardware-link-controls fieldset>div{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:10px}.hardware-link-controls button{padding:11px;border:1px solid #ffffff1a;border-radius:7px;background:#10141d;color:#fff;cursor:pointer}.hardware-link-controls button:hover,.hardware-link-controls button.selected{border-color:#8be8bd;background:#8be8bd;color:#151925}.hardware-link-controls article{flex:1;padding:20px;border-radius:12px;background:#252b38}.hardware-link-controls article small{color:#ff91ae;font:9px 'DM Mono'}.hardware-link-controls article strong{display:block;margin:10px 0;font-size:18px}.hardware-link-controls article p{margin:0;color:#bdc5d1;font-size:13px}.hardware-link-table{max-width:1400px;display:grid;grid-template-columns:.7fr 1fr 1fr 1.3fr;gap:1px;margin:12px auto;background:#ffffff1c;border:1px solid #ffffff1c;border-radius:13px;overflow:hidden}.hardware-link-table>*{padding:15px;background:#252b38;color:#dbe0e8;font-size:12px}.hardware-link-table .head{background:#8be8bd;color:#151925;font:9px 'DM Mono'}.hardware-link-table b{color:#fff}.hardware-connector-trap{max-width:1400px;margin:auto;padding:24px;border-left:7px solid #ff7048;border-radius:5px 13px 13px 5px;background:#fff0ea;color:#151925}.hardware-connector-trap>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0}.hardware-connector-trap span{padding:13px;border-radius:8px;background:#fff;font-size:11px}.hardware-connector-trap span strong{display:block;margin-bottom:5px;color:#1762ff;font:9px 'DM Mono'}.hardware-connector-trap p{margin:0;color:#59616d;font-size:12px}
.hardware-clock-tool{margin:30px 0;padding:12px;border-radius:18px;background:#151925;color:#fff}.hardware-clock-modes{display:flex;gap:6px;padding:6px}.hardware-clock-modes button{flex:1;padding:12px;border:1px solid #ffffff1b;border-radius:8px;background:#252b38;color:#fff;font-weight:800;cursor:pointer}.hardware-clock-modes button:hover,.hardware-clock-modes button.selected{border-color:#8be8bd;background:#8be8bd;color:#151925}.hardware-clock-diagram{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch;padding:10px}.hardware-clock-diagram article{padding:22px;border-radius:11px;background:#252b38}.hardware-clock-diagram article small,.hardware-clock-diagram article b{display:block}.hardware-clock-diagram article small{color:#8be8bd;font:9px 'DM Mono'}.hardware-clock-diagram article b{margin-top:8px}.hardware-clock-diagram>span{align-self:center;text-align:center;color:#aeb7c5;font-size:10px}.hardware-clock-diagram>span b,.hardware-clock-diagram>span i{display:block}.hardware-clock-diagram>span i{margin-top:8px;color:#8be8bd;font-size:22px;font-style:normal}.clock-pulses{display:flex;align-items:end;gap:4px;height:56px;margin-top:12px}.clock-pulses i{flex:1;height:60%;background:#2468ff;animation:hardware-clock-pulse 1.1s ease-in-out infinite}.clock-pulses i:nth-child(2n){animation-delay:.12s}.clock-pulses i:nth-child(3n){animation-delay:.24s}.clock-pulses.follower i{background:#8be8bd}.hardware-clock-diagram[data-case="leaders"] .follower i,.hardware-clock-diagram[data-case="rate"] .follower i{background:#ff7048;animation-duration:.87s}.hardware-clock-status{margin:0 10px 10px;padding:20px;border-left:6px solid #8be8bd;border-radius:5px 10px 10px 5px;background:#dff6eb;color:#151925}.hardware-clock-status.bad{border-color:#ff7048;background:#fff0ea}.hardware-clock-status small{color:#1762ff;font:9px 'DM Mono'}.hardware-clock-status strong{display:block;margin:8px 0}.hardware-clock-status p{margin:0;color:#5c6570;font-size:13px}.hardware-clock-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hardware-clock-facts article{padding:22px;border:1px solid var(--line);border-radius:13px;background:#fff}.hardware-clock-facts small{color:#1762ff;font:9px 'DM Mono'}.hardware-clock-facts h3{margin:9px 0 7px;font-size:20px}.hardware-clock-facts p{margin:0;color:var(--muted);font-size:12px}
.hardware-control-section{background:#dfe8ff}.hardware-control-section>header>p,.hardware-setup-section>header>p,.hardware-diagnostic-section>header>p{margin:0;color:var(--muted);font-size:17px}.hardware-control-lab{max-width:1400px;margin:auto;padding:12px;border-radius:22px;background:#151925;color:#fff}.hardware-control-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px}.hardware-control-switch button{padding:16px;border:1px solid #ffffff1b;border-radius:9px;background:#252b38;color:#fff;text-align:left;cursor:pointer}.hardware-control-switch b,.hardware-control-switch span{display:block}.hardware-control-switch b{font-size:14px}.hardware-control-switch span{margin-top:4px;color:#9ca7b7;font-size:10px}.hardware-control-switch button:hover,.hardware-control-switch button.selected{border-color:#8be8bd;background:#8be8bd;color:#151925}.hardware-control-switch button.selected span{color:#3b514a}.hardware-control-visual{display:grid;grid-template-columns:1fr 160px 1fr;gap:10px;align-items:stretch;margin-top:8px}.hardware-physical-control,.hardware-control-target{min-width:0;padding:22px;border-radius:13px;background:#252b38}.hardware-physical-control header small,.hardware-physical-control header b,.hardware-control-target>small,.hardware-control-target>strong{display:block}.hardware-physical-control header small,.hardware-control-target>small{color:#8be8bd;font:9px 'DM Mono'}.hardware-physical-control header b,.hardware-control-target>strong{margin-top:7px;font-size:15px}.hardware-control-pads{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:20px 0 10px}.hardware-control-pads i{height:48px;border-radius:7px;background:#2468ff;box-shadow:inset 0 0 0 2px #ffffff18}.hardware-control-faders{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;height:110px}.hardware-control-faders i{position:relative;border-radius:5px;background:#10141d}.hardware-control-faders i:before{content:"";position:absolute;top:10px;bottom:10px;left:calc(50% - 2px);width:4px;background:#4c5669}.hardware-control-faders i:after{content:"";position:absolute;top:54%;left:calc(50% - 9px);width:18px;height:8px;border-radius:3px;background:#8be8bd}.hardware-control-visual[data-role="instrument"] .hardware-control-faders i:after{top:18px;height:18px;border-radius:50%;background:#ff91ae}.hardware-control-stream{position:relative;display:grid;place-content:center;gap:15px;text-align:center}.hardware-control-stream:before,.hardware-control-stream:after{content:"";position:absolute;right:5px;left:5px;height:2px;background:#8be8bd}.hardware-control-stream:before{top:43%}.hardware-control-stream:after{bottom:34%;opacity:.25}.hardware-control-visual[data-role="surface"] .hardware-control-stream:after{opacity:1;background:#ff91ae}.hardware-control-stream span{position:relative;z-index:2;padding:6px;background:#151925;color:#8be8bd;font:9px 'DM Mono'}.hardware-control-stream .feedback{color:#ff91ae}.hardware-target-screen{display:grid;grid-template-columns:1fr 55px 1fr;gap:8px;align-items:center;margin-top:22px;padding:18px;border-radius:9px;background:#10141d}.hardware-target-screen span{padding:12px;border-radius:6px;background:#252b38;text-align:center;font:9px 'DM Mono'}.hardware-target-screen i{height:48px;background:#8be8bd;clip-path:polygon(0 48%,8% 35%,16% 65%,24% 24%,32% 74%,40% 38%,48% 61%,56% 20%,64% 79%,72% 32%,80% 69%,88% 40%,100% 53%,100% 58%,88% 47%,80% 74%,72% 38%,64% 84%,56% 26%,48% 68%,40% 44%,32% 80%,24% 31%,16% 70%,8% 41%,0 55%)}.hardware-control-readout{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.hardware-control-readout article{padding:17px;border-radius:9px;background:#252b38}.hardware-control-readout small{color:#9aa5b5;font:8px 'DM Mono'}.hardware-control-readout strong{display:block;margin-top:8px;color:#8be8bd;font:13px 'DM Mono'}.hardware-control-readout>p{grid-column:1/-1;margin:0;padding:18px;border-left:6px solid #8be8bd;border-radius:5px 10px 10px 5px;background:#dff6eb;color:#56615d;font-size:13px}.hardware-control-readout>p b{color:#151925}.hardware-role-nuance{max-width:1400px;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px auto}.hardware-role-nuance article{padding:23px;border:1px solid #c4d0ec;border-radius:13px;background:#fff}.hardware-role-nuance small{color:#1762ff;font:9px 'DM Mono'}.hardware-role-nuance h3{margin:9px 0 7px;font-size:22px}.hardware-role-nuance p{margin:0;color:var(--muted);font-size:13px}.hardware-role-nuance aside{grid-column:1/-1;padding:20px 24px;border-left:6px solid #7c52c8;border-radius:5px 11px 11px 5px;background:#eee8ff}.hardware-role-nuance aside p{margin:5px 0 0;color:var(--muted);font-size:13px}
.hardware-protocol-tabs{display:flex;gap:6px;margin:30px 0 8px;padding:7px;border-radius:12px;background:#e9e5dc}.hardware-protocol-tabs button{flex:1;padding:13px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#151925;font-weight:800;cursor:pointer}.hardware-protocol-tabs button:hover,.hardware-protocol-tabs button.selected{border-color:#1762ff;background:#1762ff;color:#fff}.hardware-protocol-detail{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border-radius:17px;background:#151925;color:#fff}.hardware-protocol-detail>div:first-child{padding:24px}.hardware-protocol-detail>div:first-child small{color:#8be8bd;font:9px 'DM Mono'}.hardware-protocol-detail h3{margin:10px 0;font-size:28px}.hardware-protocol-detail p{margin:0;color:#bdc5d1;font-size:13px}.hardware-protocol-facts{display:grid;grid-template-columns:1fr 1fr;gap:6px}.hardware-protocol-facts article{padding:16px;border-radius:9px;background:#252b38}.hardware-protocol-facts small{color:#9ba6b6;font:8px 'DM Mono'}.hardware-protocol-facts strong{display:block;margin-top:7px;color:#8be8bd;font-size:12px}.hardware-bank-demo{margin-top:10px;padding:12px;border-radius:17px;background:#151925;color:#fff}.hardware-bank-demo>header{display:flex;align-items:center;gap:18px;padding:10px}.hardware-bank-demo>header small{color:#8be8bd;font:9px 'DM Mono'}.hardware-bank-demo>header b{font-size:13px}.hardware-bank-demo>header>div{display:flex;align-items:center;gap:6px;margin-left:auto}.hardware-bank-demo button{width:35px;height:35px;border:1px solid #ffffff20;border-radius:7px;background:#252b38;color:#fff;cursor:pointer}.hardware-bank-demo button:disabled{opacity:.25}.hardware-bank-demo output{min-width:96px;text-align:center;font:10px 'DM Mono'}.hardware-bank-strips{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.hardware-bank-strips article{min-width:0;padding:11px;border-radius:8px;background:#252b38;text-align:center}.hardware-bank-strips small,.hardware-bank-strips b,.hardware-bank-strips span{display:block}.hardware-bank-strips small{color:#8be8bd;font:8px 'DM Mono'}.hardware-bank-strips b{height:34px;margin:6px 0;overflow:hidden;font-size:10px;text-overflow:ellipsis}.hardware-bank-strips article>div{position:relative;height:100px;border-radius:5px;background:#10141d}.hardware-bank-strips article>div:before{content:"";position:absolute;top:10px;bottom:10px;left:calc(50% - 2px);width:4px;background:#465164}.hardware-bank-strips article>div i{position:absolute;bottom:var(--fader);left:calc(50% - 10px);width:20px;height:8px;border-radius:3px;background:#8be8bd}.hardware-bank-strips span{margin-top:7px;color:#aeb7c5;font:8px 'DM Mono'}.hardware-bank-demo>p{margin:9px 0 0;padding:16px;border-radius:8px;background:#252b38;color:#bdc5d1;font-size:12px}.hardware-bank-demo>p b{color:#fff}.hardware-protocol-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.hardware-protocol-cards article{padding:23px;border:1px solid var(--line);border-radius:13px;background:#fff}.hardware-protocol-cards small{color:#1762ff;font:8px 'DM Mono'}.hardware-protocol-cards h3{margin:9px 0 7px;font-size:20px}.hardware-protocol-cards p{margin:0;color:var(--muted);font-size:12px}
.hardware-setup-section{background:#151925;color:#fff}.hardware-setup-section>header>p{color:#bdc5d1}.hardware-setup-section>ol{max-width:1400px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none;margin:0 auto;padding:0}.hardware-setup-section li{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:20px;border-radius:12px;background:#252b38}.hardware-setup-section li>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#8be8bd;color:#151925;font:11px 'DM Mono'}.hardware-setup-section li b{font-size:13px}.hardware-setup-section li p{margin:7px 0 0;color:#bdc5d1;font-size:12px}.hardware-setup-flow{max-width:1400px;display:flex;align-items:center;gap:7px;margin:10px auto 0;padding:12px;border-radius:12px;background:#10141d;overflow:auto}.hardware-setup-flow>*{flex:1;min-width:120px;text-align:center}.hardware-setup-flow span,.hardware-setup-flow strong{padding:14px;border-radius:7px;background:#252b38;font:9px 'DM Mono'}.hardware-setup-flow strong{background:#1762ff}.hardware-setup-flow i{min-width:auto;color:#8be8bd;font-size:9px;font-style:normal}.hardware-setup-flow b{color:#ff91ae;font:9px 'DM Mono'}.hardware-diagnostic-section{background:#f6f2ea}.hardware-diagnostic-grid{max-width:1400px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:auto}.hardware-diagnostic-grid article{position:relative;padding:24px;border:1px solid var(--line);border-radius:13px;background:#fff}.hardware-diagnostic-grid article>span{position:absolute;right:18px;top:14px;color:#e1e3e9;font:25px 'DM Mono'}.hardware-diagnostic-grid small{color:#1762ff;font:8px 'DM Mono'}.hardware-diagnostic-grid h3{margin:11px 0 8px;font-size:20px}.hardware-diagnostic-grid p{margin:0;color:var(--muted);font-size:12px}.hardware-diagnostic-method{max-width:1400px;display:flex;align-items:center;gap:7px;margin:12px auto;padding:13px;border-radius:12px;background:#151925;color:#fff;overflow:auto}.hardware-diagnostic-method>*{flex:0 0 auto}.hardware-diagnostic-method b{padding:10px;color:#8be8bd}.hardware-diagnostic-method span{flex:1;padding:11px;border-radius:6px;background:#252b38;text-align:center;font:9px 'DM Mono'}.hardware-diagnostic-method i{color:#ff7048;font-style:normal}.hardware-official-links{max-width:1400px;display:flex;flex-wrap:wrap;gap:18px;margin:18px auto 0}.hardware-official-links a{color:#1762ff;font-size:11px;font-weight:800}
@keyframes hardware-digital-flow{0%{left:-18px;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:calc(100% + 2px);opacity:0}}@keyframes hardware-clock-pulse{0%,100%{height:38%;opacity:.55}50%{height:90%;opacity:1}}
@media(max-width:1120px){.hardware-annex-hero{grid-template-columns:1fr}.hardware-rack{max-width:760px}.hardware-links-section>header,.hardware-control-section>header,.hardware-setup-section>header,.hardware-diagnostic-section>header{grid-template-columns:1fr;gap:18px}.hardware-link-lab{grid-template-columns:1fr}.hardware-link-picker{display:grid;grid-template-columns:repeat(5,1fr)}.hardware-link-controls{display:grid;grid-template-columns:1fr 1fr}.hardware-control-visual{grid-template-columns:1fr 120px 1fr}.hardware-setup-section>ol,.hardware-diagnostic-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.hardware-annex-hero{min-height:auto;padding:125px 14px 70px}.hardware-annex-hero h1{font-size:65px}.hardware-rack{padding:12px}.hardware-rack-unit{grid-template-columns:1fr repeat(2,40px) auto;padding:14px}.hardware-rack-unit span:nth-of-type(n+3){display:none}.hardware-links-section,.hardware-control-section,.hardware-setup-section,.hardware-diagnostic-section{padding:70px 10px}.hardware-module-grid,.hardware-clock-facts,.hardware-role-nuance,.hardware-protocol-detail,.hardware-protocol-cards,.hardware-setup-section>ol,.hardware-diagnostic-grid{grid-template-columns:1fr}.hardware-link-picker{grid-template-columns:1fr 1fr}.hardware-link-picker button:last-child{grid-column:1/-1}.hardware-link-route{grid-template-columns:1fr}.hardware-link-route>span{min-height:80px}.hardware-digital-stream{min-height:110px}.hardware-link-readouts,.hardware-link-controls{grid-template-columns:1fr}.hardware-link-table{grid-template-columns:1fr 1fr}.hardware-link-table .head{display:none}.hardware-link-table b{border-top:4px solid #8be8bd}.hardware-connector-trap>div{grid-template-columns:1fr 1fr}.hardware-clock-diagram{grid-template-columns:1fr}.hardware-clock-diagram>span i{transform:rotate(90deg)}.hardware-control-visual{grid-template-columns:1fr}.hardware-control-stream{min-height:100px}.hardware-control-stream:before,.hardware-control-stream:after{transform:rotate(90deg)}.hardware-control-readout{grid-template-columns:1fr}.hardware-control-readout>p{grid-column:auto}.hardware-role-nuance aside{grid-column:auto}.hardware-protocol-detail>div:first-child{padding:15px}.hardware-protocol-facts{grid-template-columns:1fr}.hardware-bank-demo{overflow:auto}.hardware-bank-demo>header{min-width:720px}.hardware-bank-strips{min-width:720px}.hardware-setup-flow{flex-direction:column}.hardware-setup-flow i{transform:rotate(90deg)}.hardware-diagnostic-method b{min-width:130px}.hardware-official-links{display:grid;gap:10px}}
@media(max-width:470px){.hardware-link-picker{grid-template-columns:1fr}.hardware-link-picker button:last-child{grid-column:auto}.hardware-connector-trap>div{grid-template-columns:1fr}.hardware-control-switch{grid-template-columns:1fr}.hardware-protocol-tabs{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.hardware-digital-stream i,.clock-pulses i{animation:none}.hardware-digital-stream i{left:50%}}
.hardware-annex-teaser{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center;padding:90px 7vw;background:#dfe8ff}.hardware-annex-teaser h2{margin:8px 0 14px;font-size:clamp(38px,5vw,66px);line-height:.98;letter-spacing:-.055em}.hardware-annex-teaser p:not(.eyebrow){max-width:680px;color:var(--muted);font-size:16px}.hardware-teaser-flows{display:grid;gap:9px;padding:13px;border-radius:18px;background:#151925;color:#fff}.hardware-teaser-flows>div{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;padding:20px;border-radius:11px;background:#252b38}.hardware-teaser-flows span,.hardware-teaser-flows strong{padding:15px;border-radius:7px;background:#10141d;text-align:center;font:9px 'DM Mono'}.hardware-teaser-flows strong{background:#1762ff}.hardware-teaser-flows i{color:#8be8bd;font:9px 'DM Mono';font-style:normal}.hardware-teaser-flows em{grid-column:3;color:#aeb7c5;text-align:center;font:8px 'DM Mono';font-style:normal}.hardware-teaser-flows>div:last-child strong{background:#7c52c8}.hardware-teaser-flows>div:last-child i{color:#ff91ae}@media(max-width:850px){.hardware-annex-teaser{grid-template-columns:1fr;padding:70px 18px}}@media(max-width:500px){.hardware-teaser-flows>div{grid-template-columns:1fr}.hardware-teaser-flows em{grid-column:auto}.hardware-teaser-flows i{text-align:center}}

/* Distribution Word Clock dédiée */
.hardware-master-clock-section .advanced-lesson-number{color:var(--blue)}.hardware-master-clock-flow{display:grid;grid-template-columns:1.3fr auto 1fr auto 1fr auto 1fr;gap:7px;align-items:stretch;margin:30px 0;padding:12px;border-radius:15px;background:#151925;color:#fff;overflow:auto}.hardware-master-clock-flow>*{min-width:105px}.hardware-master-clock-flow strong,.hardware-master-clock-flow span{display:grid;align-content:center;padding:16px;border-radius:8px;background:#252b38;text-align:center;font-size:11px}.hardware-master-clock-flow strong{background:#1762ff}.hardware-master-clock-flow small{display:block;margin-bottom:6px;color:#dce6ff;font:8px 'DM Mono'}.hardware-master-clock-flow i{align-self:center;min-width:auto;color:#8be8bd;font:8px 'DM Mono';font-style:normal;white-space:nowrap}.hardware-master-clock-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hardware-master-clock-grid article{padding:22px;border:1px solid var(--line);border-radius:13px;background:#fff}.hardware-master-clock-grid small{color:#1762ff;font:8px 'DM Mono'}.hardware-master-clock-grid h3{margin:9px 0 7px;font-size:20px}.hardware-master-clock-grid p{margin:0;color:var(--muted);font-size:12px}

/* Les clics concernent aussi les bords avec le silence */
.daw-click-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.daw-click-cases article{position:relative;padding:20px;border:1px solid #ffffff18;border-radius:11px;background:#10141d;overflow:hidden}.daw-click-cases article:before{content:"";position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,#252b38 0 45%,#ff7048 46% 52%,#5c89ff 53%)}.daw-click-cases article:nth-child(2):before{background:linear-gradient(90deg,#5c89ff 0 45%,#ff7048 46% 52%,#252b38 53%)}.daw-click-cases article:nth-child(3):before{background:linear-gradient(90deg,#5c89ff 0 45%,#ff7048 46% 52%,#ff668e 53%)}.daw-click-cases small{color:#ffb19c;font-family:'DM Mono'}.daw-click-cases b{display:block;margin:9px 0 7px;font-size:14px}.daw-click-cases p{margin:0;color:#bdc5d1;font-size:12px;line-height:1.55}
@media(max-width:800px){.hardware-master-clock-grid,.daw-click-cases{grid-template-columns:1fr}.hardware-master-clock-flow{grid-template-columns:1fr}.hardware-master-clock-flow i{justify-self:center;transform:rotate(90deg)}}

/* Installer un plugin n'est pas instancier un plugin */
.plugin-instance-explainer{margin:34px 0;padding:13px;border-radius:20px;background:#151925;color:#fff;scroll-margin-top:120px}.plugin-instance-explainer>header{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;padding:22px}.plugin-instance-explainer>header small{color:var(--mint);font:8px 'DM Mono'}.plugin-instance-explainer>header h3{margin:8px 0 0;font-size:clamp(29px,4vw,46px);line-height:.98;letter-spacing:-.045em}.plugin-instance-explainer>header p{margin:0;color:#bcc4d0;font-size:14px;line-height:1.6}.plugin-instance-explainer>header strong{color:#fff}.plugin-instance-flow{display:grid;grid-template-columns:minmax(190px,.72fr) 110px minmax(0,2fr);gap:8px;align-items:stretch;padding:8px;border-radius:14px;background:#10141d}.plugin-instance-installed,.plugin-instance-project article{display:grid;align-content:center;min-width:0;padding:20px;border:1px solid #ffffff18;border-radius:10px;background:#252b38}.plugin-instance-installed small,.plugin-instance-project small,.plugin-instance-actions small{color:var(--mint);font:7px 'DM Mono'}.plugin-instance-installed strong,.plugin-instance-installed span,.plugin-instance-project b,.plugin-instance-project span{display:block}.plugin-instance-installed strong{margin:9px 0;font-size:18px}.plugin-instance-installed span,.plugin-instance-project span{color:#aeb8c6;font-size:10px}.plugin-instance-flow>i{align-self:center;color:var(--mint);text-align:center;font:8px 'DM Mono';font-style:normal}.plugin-instance-project{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.plugin-instance-project article{border-color:#8be8bd45}.plugin-instance-project b{margin:8px 0;color:#fff;font-size:14px}.plugin-instance-equation{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px;padding:15px;border-radius:10px;background:#252b38;color:#aeb8c6;font:9px 'DM Mono';text-align:center}.plugin-instance-equation strong{padding:8px 11px;border-radius:6px;background:var(--blue);color:#fff}.plugin-instance-equation i{color:var(--mint);font-style:normal}.plugin-instance-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.plugin-instance-actions article{padding:19px;border-radius:10px;background:#252b38}.plugin-instance-actions b{display:block;margin:8px 0;font-size:13px}.plugin-instance-actions p{margin:0;color:#b8c1cd;font-size:11px;line-height:1.55}.plugin-instance-explainer>aside{margin-top:8px;padding:20px 22px;border-left:6px solid var(--mint);border-radius:5px 10px 10px 5px;background:#dff6eb;color:var(--ink)}.plugin-instance-explainer>aside p{margin:6px 0 0;color:#55615c;font-size:12px;line-height:1.55}
@media(max-width:980px){.plugin-instance-explainer>header{grid-template-columns:1fr}.plugin-instance-flow{grid-template-columns:1fr}.plugin-instance-flow>i{padding:4px;transform:rotate(90deg)}.plugin-instance-actions{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.plugin-instance-explainer{margin-right:-8px;margin-left:-8px}.plugin-instance-explainer>header{padding:18px 10px}.plugin-instance-project,.plugin-instance-actions{grid-template-columns:1fr}.plugin-instance-equation{align-items:stretch;flex-direction:column}.plugin-instance-equation i{transform:rotate(90deg)}}

/* Le matériel se reconnaît sur des vues réalistes ; les schémas restent réservés aux flux */
.device-interface-photo{margin:0;overflow:hidden;border-radius:18px;background:#151925;box-shadow:0 18px 38px #15192520}.device-interface-photo img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.device-interface-photo figcaption{padding:13px 16px;color:#c0c8d3;font-size:10px;line-height:1.55}.device-interface-photo figcaption b{color:var(--mint);font:8px 'DM Mono'}.audio-interface-teaser>div:last-child .interface-mini-flow{margin:22px 0;padding:20px 14px}.audio-interface-teaser>div:last-child>.button{display:inline-flex;margin-top:6px}
.hardware-photo-index{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px;border:1px solid #ffffff1b;border-radius:24px;background:#0e121b;box-shadow:0 28px 60px #0005}.hardware-photo-index>a{position:relative;min-width:0;min-height:250px;overflow:hidden;border:1px solid #ffffff18;border-radius:15px;background:#252b38;color:#fff}.hardware-photo-index img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease,filter .3s ease}.hardware-photo-index span{position:absolute;right:0;bottom:0;left:0;padding:58px 16px 15px;background:linear-gradient(transparent,#080b12f2)}.hardware-photo-index small,.hardware-photo-index b{display:block}.hardware-photo-index small{color:var(--mint);font:8px 'DM Mono'}.hardware-photo-index b{margin-top:6px;font-size:12px;line-height:1.35}.hardware-photo-index>a:hover img,.hardware-photo-index>a:focus-visible img{filter:brightness(1.08);transform:scale(1.025)}.hardware-photo-index>a:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
@media(max-width:1120px){.hardware-photo-index{max-width:900px}.hardware-photo-index>a{min-height:280px}}
@media(max-width:760px){.hardware-photo-index{padding:6px;border-radius:16px}.hardware-photo-index>a{min-height:190px;border-radius:11px}.hardware-photo-index span{padding:42px 11px 11px}.hardware-photo-index b{font-size:10px}}
@media(max-width:480px){.hardware-photo-index{grid-template-columns:1fr}.hardware-photo-index>a{min-height:230px}}
@media(prefers-reduced-motion:reduce){.hardware-photo-index img{transition:none}}

/* Planche photographique des connecteurs audio numériques */
.hardware-digital-connectors{max-width:1400px;margin:0 auto 14px;padding:10px;border:1px solid #ffffff1b;border-radius:20px;background:#0e121b}.hardware-digital-connectors-scroll{overflow:auto;border-radius:13px;background:#151925}.hardware-digital-connectors img{display:block;width:100%;height:auto}.hardware-digital-connector-key{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:5px}.hardware-digital-connector-key article{min-width:0;padding:13px 9px;border:1px solid #ffffff15;border-radius:8px;background:#252b38;text-align:center}.hardware-digital-connector-key article.xlr{grid-column:span 2}.hardware-digital-connector-key small,.hardware-digital-connector-key b{display:block}.hardware-digital-connector-key small{color:var(--mint);font:7px 'DM Mono'}.hardware-digital-connector-key b{margin-top:6px;color:#fff;font-size:9px;line-height:1.4}.hardware-digital-connectors figcaption{padding:14px 12px 7px;color:#aeb8c6;font-size:11px;line-height:1.55}.hardware-digital-connectors figcaption b{color:#fff}
@media(max-width:760px){.hardware-digital-connectors{padding:6px}.hardware-digital-connectors-scroll{border-radius:10px}.hardware-digital-connectors-scroll>img,.hardware-digital-connector-key{width:960px;max-width:none}.hardware-digital-connectors figcaption{padding:13px 8px 8px}}

/* Carte des symptômes fréquentiels du mix */
.mix-frequency-section{padding:105px 5vw;background:#dfe8ff;scroll-margin-top:120px}.mix-frequency-section>header{max-width:1400px;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;margin:0 auto 34px}.mix-frequency-section>header h2{max-width:940px;margin:8px 0 0;font-size:clamp(48px,7vw,90px);line-height:.9;letter-spacing:-.065em}.mix-frequency-section>header>p{max-width:640px;margin:0;color:var(--muted);font-size:17px}.mix-frequency-map{max-width:1400px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.5fr);gap:8px;margin:auto;padding:12px;border-radius:22px;background:#151925}.mix-frequency-chart{min-width:0;padding:18px 12px;border-radius:13px;background:#10141d;color:#fff}.mix-frequency-axis{position:relative;height:36px;margin:0 10px 8px 170px;border-bottom:1px solid #ffffff32}.mix-frequency-axis span{position:absolute;bottom:7px;color:#9ba6b5;font:7px 'DM Mono';transform:translateX(-50%);white-space:nowrap}.mix-frequency-axis span:first-child{transform:none}.mix-frequency-axis span:last-child{transform:translateX(-100%)}.mix-frequency-group+ .mix-frequency-group{margin-top:20px;padding-top:20px;border-top:1px solid #ffffff1c}.mix-frequency-group>header{display:grid;grid-template-columns:160px 1fr;gap:10px;align-items:end;padding:0 10px 9px}.mix-frequency-group>header small{color:#ff9d83;font:8px 'DM Mono'}.mix-frequency-group.deficit>header small{color:var(--mint)}.mix-frequency-group>header b{color:#aeb8c6;font-size:10px;font-weight:600}.mix-frequency-row{display:grid;grid-template-columns:160px minmax(0,1fr);gap:10px;align-items:center;padding:3px 10px}.mix-frequency-row>span{color:#d9dee7;font-size:10px}.mix-frequency-row>div{position:relative;height:34px;border-radius:6px;background:repeating-linear-gradient(90deg,#ffffff05 0 calc(10% - 1px),#ffffff12 calc(10% - 1px) 10%)}.mix-frequency-row button{position:absolute;top:4px;height:26px;min-width:62px;padding:0 6px;overflow:visible;border:1px solid #ff9d8355;border-radius:5px;background:#ff704844;color:#ffd8cd;font:7px 'DM Mono';cursor:pointer;white-space:normal}.mix-frequency-group.deficit .mix-frequency-row button{border-color:#8be8bd55;background:#8be8bd33;color:#c8f7e1}.mix-frequency-row button:hover,.mix-frequency-row button:focus-visible,.mix-frequency-row button.selected{z-index:2;border-color:#fff;background:var(--orange);color:#151925;box-shadow:0 0 0 2px #ffffff22}.mix-frequency-group.deficit .mix-frequency-row button:hover,.mix-frequency-group.deficit .mix-frequency-row button:focus-visible,.mix-frequency-group.deficit .mix-frequency-row button.selected{background:var(--mint)}.mix-frequency-row button:focus-visible{outline:2px solid #fff;outline-offset:2px}.mix-frequency-row button b{font:inherit}.mix-frequency-detail{display:flex;flex-direction:column;min-width:0;padding:26px;border-radius:13px;background:#fff;color:var(--ink)}.mix-frequency-detail>small{color:var(--orange);font:9px 'DM Mono'}.mix-frequency-detail>small[data-kind=déficit]{color:#137553}.mix-frequency-detail h3{margin:11px 0 7px;font-size:clamp(29px,4vw,46px);line-height:.95;letter-spacing:-.045em}.mix-frequency-detail>strong{color:var(--blue);font:16px 'DM Mono'}.mix-frequency-detail>div{display:grid;gap:7px;margin-top:auto;padding-top:28px}.mix-frequency-detail p{margin:0;padding:18px;border-radius:10px;background:#eef1f7}.mix-frequency-detail p b,.mix-frequency-detail p span{display:block}.mix-frequency-detail p b{margin-bottom:7px;color:var(--blue);font:8px 'DM Mono'}.mix-frequency-detail p span{color:var(--muted);font-size:12px;line-height:1.55}.mix-frequency-method{max-width:1400px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px auto}.mix-frequency-method article{display:grid;grid-template-columns:35px 1fr;gap:8px;padding:20px;border:1px solid #c1cdec;border-radius:12px;background:#fff}.mix-frequency-method span{grid-row:1/3;color:var(--blue);font:21px 'DM Mono'}.mix-frequency-method b{font-size:13px}.mix-frequency-method p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.mix-frequency-caveat{max-width:1400px;margin:auto;padding:22px 25px;border-left:7px solid var(--orange);border-radius:5px 13px 13px 5px;background:#fff0ea}.mix-frequency-caveat p{max-width:1050px;margin:6px 0 13px;color:var(--muted);font-size:13px}.mix-frequency-caveat>div{display:flex;flex-wrap:wrap;gap:18px}.mix-frequency-caveat a,.dynamic-eq-links a{color:var(--blue);font-size:11px;font-weight:800}
@media(max-width:1100px){.mix-frequency-section>header,.mix-frequency-map{grid-template-columns:1fr}.mix-frequency-detail>div{margin-top:0}.mix-frequency-method{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.mix-frequency-section{padding:70px 10px}.mix-frequency-section>header{gap:18px}.mix-frequency-map{padding:7px}.mix-frequency-chart{padding:16px 3px}.mix-frequency-axis{margin-left:108px}.mix-frequency-axis span:nth-child(2),.mix-frequency-axis span:nth-child(4),.mix-frequency-axis span:nth-child(7),.mix-frequency-axis span:nth-child(9){display:none}.mix-frequency-group>header,.mix-frequency-row{grid-template-columns:100px minmax(0,1fr);gap:6px;padding-right:3px;padding-left:3px}.mix-frequency-group>header b{font-size:8px}.mix-frequency-row>span{font-size:8px}.mix-frequency-row button{min-width:44px;padding:0 3px;font-size:6px;line-height:1.15}.mix-frequency-detail{padding:21px 16px}.mix-frequency-method{grid-template-columns:1fr}.mix-frequency-caveat{padding:20px}}

/* Égaliseur dynamique */
.dynamic-eq-lesson{scroll-margin-top:120px}.dynamic-eq-diagram{margin:30px 0 10px;padding:12px;border-radius:18px;background:#151925;color:#fff}.dynamic-eq-diagram>header{padding:15px}.dynamic-eq-diagram>header small,.dynamic-eq-diagram>header b{display:block}.dynamic-eq-diagram>header small{color:var(--mint);font:8px 'DM Mono'}.dynamic-eq-diagram>header b{margin-top:7px;font-size:14px}.dynamic-eq-audio-path,.dynamic-eq-detector-path{display:grid;grid-template-columns:120px 1fr auto 1.25fr auto 1fr;gap:7px;align-items:stretch;padding:9px;border-radius:11px;background:#10141d}.dynamic-eq-audio-path small,.dynamic-eq-detector-path small{align-self:center;color:#8f9aaa;font:8px 'DM Mono'}.dynamic-eq-audio-path span,.dynamic-eq-audio-path strong,.dynamic-eq-detector-path span,.dynamic-eq-detector-path strong{display:grid;place-items:center;min-width:0;padding:14px;border-radius:8px;background:#252b38;text-align:center;font-size:11px}.dynamic-eq-audio-path strong{background:#1762ff}.dynamic-eq-audio-path em{color:#dce6ff;font:8px 'DM Mono';font-style:normal}.dynamic-eq-audio-path i,.dynamic-eq-detector-path i{align-self:center;color:var(--mint);font:9px 'DM Mono';font-style:normal}.dynamic-eq-tap{padding:8px 0 8px 155px;color:#9ca7b6;font:8px 'DM Mono'}.dynamic-eq-detector-path{grid-template-columns:120px 1fr auto .7fr auto 1fr auto}.dynamic-eq-detector-path strong{background:#44346f}.dynamic-eq-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.dynamic-eq-cases article{padding:22px;border:1px solid var(--line);border-radius:13px;background:#fff}.dynamic-eq-cases small,.dynamic-eq-parameters small{color:var(--blue);font:8px 'DM Mono'}.dynamic-eq-cases h3{margin:9px 0 7px;font-size:21px}.dynamic-eq-cases p{color:var(--muted);font-size:12px}.dynamic-eq-cases article>div{display:flex;align-items:center;gap:6px;margin-top:14px;padding:10px;border-radius:8px;background:#151925;color:#fff}.dynamic-eq-cases span,.dynamic-eq-cases b{padding:7px;border-radius:5px;background:#252b38;font:7px 'DM Mono'}.dynamic-eq-cases b{margin-left:auto;background:var(--blue)}.dynamic-eq-cases i{color:var(--mint);font-style:normal}.dynamic-eq-parameters{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:8px 0}.dynamic-eq-parameters article{padding:18px;border-radius:11px;background:#151925;color:#fff}.dynamic-eq-parameters b{display:block;margin:8px 0;font-size:13px}.dynamic-eq-parameters p{margin:0;color:#bdc5d1;font-size:11px}.dynamic-eq-links{display:flex;flex-wrap:wrap;gap:22px;margin-top:16px}

/* Compresseur multibande */
.multiband-lesson{scroll-margin-top:120px}.multiband-flow{display:flex;align-items:center;gap:7px;margin:30px 0 10px;padding:12px;border-radius:18px;background:#151925;color:#fff;overflow:auto}.multiband-flow>span,.multiband-flow>strong{flex:0 0 120px;display:grid;align-content:center;min-height:100px;padding:14px;border-radius:9px;background:#252b38;text-align:center;font-size:11px}.multiband-flow>strong{background:#1762ff}.multiband-flow>span small,.multiband-flow>strong small{display:block;margin-bottom:7px;color:var(--mint);font:7px 'DM Mono'}.multiband-flow>i{flex:0 0 auto;color:var(--mint);font-style:normal}.multiband-paths{flex:1 0 330px;display:grid;gap:5px}.multiband-paths article{position:relative;display:grid;grid-template-columns:1fr .8fr 1fr 90px;gap:8px;align-items:center;padding:12px;border-radius:8px;background:#252b38}.multiband-paths small{color:#b7c0ce;font:7px 'DM Mono'}.multiband-paths b{font:9px 'DM Mono'}.multiband-paths em{color:#fff;font-size:10px;font-style:normal}.multiband-paths article>i{height:7px;border-radius:7px;background:linear-gradient(90deg,var(--blue) 0 62%,#ffffff16 62%)}.multiband-paths .mid>i{background:linear-gradient(90deg,var(--orange) 0 35%,#ffffff16 35%)}.multiband-paths .low>i{background:linear-gradient(90deg,var(--mint) 0 18%,#ffffff16 18%)}.multiband-comparison{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.multiband-comparison article{padding:23px;border:1px solid var(--line);border-radius:13px;background:#fff}.multiband-comparison small,.multiband-use-grid small{color:var(--blue);font:8px 'DM Mono'}.multiband-comparison h3,.multiband-use-grid h3{margin:9px 0 7px;font-size:21px}.multiband-comparison p,.multiband-use-grid p{margin:0;color:var(--muted);font-size:12px}.dynamic-eq-mini,.multiband-mini{position:relative;height:72px;margin-top:16px;border-radius:8px;background:#151925;overflow:hidden}.dynamic-eq-mini:before,.multiband-mini:before{content:"";position:absolute;inset:11px;background:linear-gradient(#ffffff0e 1px,transparent 1px),linear-gradient(90deg,#ffffff0e 1px,transparent 1px);background-size:25% 50%}.dynamic-eq-mini i{position:absolute;left:52%;top:16px;width:23%;height:40px;border:3px solid var(--orange);border-top:0;border-radius:0 0 50% 50%}.dynamic-eq-mini b,.multiband-mini b{position:absolute;right:10px;bottom:8px;color:#fff;font:7px 'DM Mono'}.multiband-mini{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:3px;padding:13px}.multiband-mini i{z-index:1;border-radius:5px;background:var(--mint)}.multiband-mini i:nth-child(2){background:var(--orange)}.multiband-mini i:nth-child(3){background:var(--blue)}.multiband-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}.multiband-use-grid article{padding:21px;border-radius:12px;background:#151925;color:#fff}.multiband-use-grid p{color:#bec6d1}
@media(max-width:900px){.dynamic-eq-cases,.dynamic-eq-parameters,.multiband-use-grid{grid-template-columns:1fr 1fr}.dynamic-eq-audio-path,.dynamic-eq-detector-path{grid-template-columns:1fr}.dynamic-eq-audio-path i,.dynamic-eq-detector-path i{justify-self:center;transform:rotate(90deg)}.dynamic-eq-tap{padding-left:0;text-align:center}.multiband-flow{align-items:stretch;flex-direction:column;overflow:visible}.multiband-flow>span,.multiband-flow>strong,.multiband-paths{flex:auto}.multiband-flow>i{align-self:center;transform:rotate(90deg)}}
@media(max-width:650px){.dynamic-eq-cases,.dynamic-eq-parameters,.multiband-comparison,.multiband-use-grid{grid-template-columns:1fr}.multiband-paths{min-width:0}.multiband-paths article{grid-template-columns:1fr 1fr}.multiband-paths article>i{grid-column:1/-1}.dynamic-eq-links{display:grid;gap:10px}}

/* Photo de la surface de contrôle dans la comparaison avec le contrôleur MIDI */
.hardware-control-photo{max-width:1400px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);margin:0 auto 12px;border-radius:18px;background:#151925;color:#fff;overflow:hidden}.hardware-control-photo>img{width:100%;height:100%;min-height:430px;display:block;object-fit:cover}.hardware-control-photo figcaption{display:flex;flex-direction:column;padding:35px}.hardware-control-photo figcaption>small{color:#8be8bd;font:9px 'DM Mono'}.hardware-control-photo h3{max-width:590px;margin:14px 0 10px;font-size:clamp(28px,3.3vw,48px);line-height:.95;letter-spacing:-.045em}.hardware-control-photo p{margin:0;color:#c2cad5;font-size:14px;line-height:1.6}.hardware-control-photo figcaption>div{display:grid;gap:7px;margin-top:auto;padding-top:24px}.hardware-control-photo figcaption>div span{display:grid;grid-template-columns:1fr auto 1.15fr;gap:8px;align-items:center;padding:13px;border-radius:9px;background:#252b38}.hardware-control-photo figcaption>div b,.hardware-control-photo figcaption>div strong{font-size:11px}.hardware-control-photo figcaption>div i{color:#ff91ae;font:8px 'DM Mono';font-style:normal;text-align:center}.hardware-control-photo figcaption>div .surface{background:#dff6eb;color:#151925}.hardware-control-photo figcaption>div .surface i{color:#1762ff}.hardware-control-photo figcaption>em{margin-top:12px;color:#8be8bd;font-size:11px;font-style:normal;font-weight:800}
@media(max-width:960px){.hardware-control-photo{grid-template-columns:1fr}.hardware-control-photo>img{height:auto;min-height:0;aspect-ratio:16/9}.hardware-control-photo figcaption{padding:26px}}
@media(max-width:560px){.hardware-control-photo figcaption{padding:22px 16px}.hardware-control-photo figcaption>div span{grid-template-columns:1fr;text-align:center}.hardware-control-photo figcaption>div i{padding:2px 0}}

/* Comparaison photographique unifiée : contrôleur MIDI et surface de contrôle */
.hardware-control-unified{max-width:1400px;margin:auto;padding:12px;border-radius:22px;background:#151925;color:#fff}.hardware-control-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hardware-control-photo-pair article{min-width:0;border-radius:13px;background:#252b38;overflow:hidden}.hardware-control-photo-pair img{width:100%;aspect-ratio:3/2;display:block;object-fit:cover}.hardware-control-photo-pair article>div{padding:25px}.hardware-control-photo-pair small{color:#8be8bd;font:8px 'DM Mono'}.hardware-control-photo-pair h3{margin:10px 0 8px;font-size:clamp(28px,3.2vw,45px);line-height:.95;letter-spacing:-.045em}.hardware-control-photo-pair p{min-height:68px;margin:0;color:#c3cbd6;font-size:13px;line-height:1.55}.hardware-control-photo-pair article>div>span{display:grid;grid-template-columns:.8fr auto 1fr;gap:8px;align-items:center;margin-top:20px;padding:13px;border-radius:8px;background:#10141d}.hardware-control-photo-pair span b,.hardware-control-photo-pair span strong{font:9px 'DM Mono'}.hardware-control-photo-pair span strong{text-align:right}.hardware-control-photo-pair span i{color:#8be8bd;font:8px 'DM Mono';font-style:normal;text-align:center}.hardware-control-photo-pair .surface span i{color:#ff91ae}.hardware-control-photo-note{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;margin:8px 0 0;padding:20px 24px;border-left:6px solid #8be8bd;border-radius:5px 11px 11px 5px;background:#dff6eb;color:#151925}.hardware-control-photo-note b{font-size:13px}.hardware-control-photo-note p{margin:0;color:#56615d;font-size:12px}.hardware-control-tool-heading{display:flex;align-items:baseline;gap:18px;padding:26px 8px 12px}.hardware-control-tool-heading small{color:#8be8bd;font:8px 'DM Mono'}.hardware-control-tool-heading b{font-size:13px}.hardware-control-unified .hardware-control-lab{max-width:none;margin:0;padding:0;border-radius:0;background:transparent}
@media(max-width:850px){.hardware-control-photo-pair{grid-template-columns:1fr}.hardware-control-photo-pair p{min-height:0}.hardware-control-photo-note{grid-template-columns:1fr;gap:7px}.hardware-control-tool-heading{display:grid;gap:7px}}
@media(max-width:520px){.hardware-control-unified{padding:7px}.hardware-control-photo-pair article>div{padding:20px 16px}.hardware-control-photo-pair article>div>span{grid-template-columns:1fr;text-align:center}.hardware-control-photo-pair span strong{text-align:center}.hardware-control-photo-note{padding:18px}.hardware-control-tool-heading{padding:22px 5px 10px}}

/* Un seul outil pilote la photographie, le flux et les exemples de contrôle */
.hardware-control-integrated{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);gap:8px;margin-top:8px}.hardware-control-role-photo{margin:0;border-radius:13px;background:#252b38;overflow:hidden}.hardware-control-role-photo img{width:100%;aspect-ratio:3/2;display:block;object-fit:cover}.hardware-control-role-photo figcaption{padding:26px}.hardware-control-role-photo small{color:#8be8bd;font:8px 'DM Mono'}.hardware-control-role-photo h3{margin:10px 0 8px;font-size:clamp(30px,3.4vw,48px);line-height:.95;letter-spacing:-.045em}.hardware-control-role-photo p{margin:0;color:#c3cbd6;font-size:13px;line-height:1.6}.hardware-control-live{min-width:0}.hardware-control-live .hardware-control-visual{grid-template-columns:1fr 105px 1fr;margin-top:0}.hardware-control-boundary{display:grid;grid-template-columns:.65fr 1.35fr;gap:24px;margin-top:8px;padding:20px 24px;border-left:6px solid #8be8bd;border-radius:5px 11px 11px 5px;background:#dff6eb;color:#151925}.hardware-control-boundary b{font-size:13px}.hardware-control-boundary p{margin:0;color:#56615d;font-size:12px;line-height:1.55}
@media(max-width:1080px){.hardware-control-integrated{grid-template-columns:1fr}.hardware-control-role-photo{display:grid;grid-template-columns:1fr 1fr}.hardware-control-role-photo figcaption{align-self:center}.hardware-control-live .hardware-control-visual{grid-template-columns:1fr 120px 1fr}}
@media(max-width:760px){.hardware-control-role-photo{grid-template-columns:1fr}.hardware-control-role-photo figcaption{padding:22px 17px}.hardware-control-live .hardware-control-visual{grid-template-columns:1fr}.hardware-control-boundary{grid-template-columns:1fr;gap:7px;padding:18px}}

/* Le flux reste informatif : le seul visuel matériel est désormais la photographie */
.hardware-control-live{display:flex;flex-direction:column}.hardware-control-flow{flex:1;display:grid;grid-template-columns:1fr 150px 1fr;gap:8px;align-items:stretch;padding:12px;border-radius:13px;background:#10141d}.hardware-control-flow>article{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:25px;border:1px solid #ffffff13;border-radius:10px;background:#252b38}.hardware-control-flow article small{color:#929dad;font:8px 'DM Mono'}.hardware-control-flow article b{margin-top:18px;color:#8be8bd;font:9px 'DM Mono'}.hardware-control-flow article strong{margin-top:8px;font-size:17px;line-height:1.15}.hardware-control-flow>div{display:grid;place-content:center;gap:24px;text-align:center}.hardware-control-flow>div span{padding:8px 4px;border-top:2px solid #8be8bd;border-bottom:2px solid transparent;color:#8be8bd;font:8px 'DM Mono'}.hardware-control-flow>div .feedback{border-top:0;border-bottom-color:#ffffff22;color:#9da7b6}.hardware-control-flow[data-role="surface"]>div .feedback{border-bottom-color:#ff91ae;color:#ff91ae}.hardware-control-live .hardware-control-readout{margin-top:8px}
@media(max-width:760px){.hardware-control-flow{grid-template-columns:1fr}.hardware-control-flow>article{min-height:130px}.hardware-control-flow>div{min-height:105px}.hardware-control-flow>div span{border-top:0;border-right:2px solid transparent;border-bottom:0;border-left:2px solid #8be8bd}.hardware-control-flow>div .feedback{border-right-color:#ffffff22;border-bottom:0;border-left:0}.hardware-control-flow[data-role="surface"]>div .feedback{border-right-color:#ff91ae;border-bottom:0}}

/* Hauteur maîtrisée : la photo et le schéma conservent chacun leurs proportions */
.hardware-control-integrated{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start}.hardware-control-role-photo{align-self:start}.hardware-control-role-photo img{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}.hardware-control-live{align-self:start;display:block}.hardware-control-flow{min-height:245px;display:grid;flex:none}.hardware-control-flow>article{min-height:215px}.hardware-control-flow>div{min-height:0}.hardware-control-live .hardware-control-readout{margin-top:8px}
@media(max-width:1080px){.hardware-control-integrated{grid-template-columns:1fr;align-items:start}.hardware-control-role-photo{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}.hardware-control-role-photo img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}.hardware-control-live{width:100%}.hardware-control-flow{min-height:220px}.hardware-control-flow>article{min-height:190px}}
@media(max-width:700px){.hardware-control-role-photo{display:block}.hardware-control-role-photo img{height:auto;object-fit:contain}.hardware-control-flow{min-height:0}.hardware-control-flow>article{min-height:120px}}

/* Connectiques et transports MIDI */
.midi-connector-photo{margin:32px 0 12px;padding:10px;border-radius:20px;background:#111620;color:#fff}.midi-connector-photo-scroll{overflow:auto;border-radius:13px}.midi-connector-photo img{display:block;width:100%;height:auto}.midi-connector-photo-key{display:grid;grid-template-columns:1.12fr 1fr .58fr 1fr .9fr;gap:4px;padding:5px}.midi-connector-photo-key article{min-width:0;padding:13px 8px;border:1px solid #ffffff14;border-radius:8px;background:#252b38;text-align:center}.midi-connector-photo-key small,.midi-connector-photo-key b{display:block}.midi-connector-photo-key small{color:var(--mint);font:8px 'DM Mono'}.midi-connector-photo-key b{margin-top:5px;font-size:10px}.midi-connector-photo figcaption{padding:14px 12px 7px;color:#aeb8c6;font-size:12px;line-height:1.55}.midi-connector-photo figcaption b{color:#fff}.midi-connection-principle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.midi-connection-principle article{padding:24px;border-radius:13px;background:#151925;color:#fff}.midi-connection-principle small{color:var(--mint);font:8px 'DM Mono'}.midi-connection-principle b{display:block;margin:10px 0;font-size:19px}.midi-connection-principle p{margin:0;color:#bec6d2;font-size:13px;line-height:1.55}.midi-connection-options{grid-template-columns:repeat(3,1fr)}.midi-connection-options article{display:flex;flex-direction:column;border:1px solid #15192513}.midi-connection-options article em{display:block;margin-top:auto;padding-top:18px;color:var(--blue);font-size:11px;font-style:normal;font-weight:800}.midi-wiring-examples{margin-top:10px;padding:12px;border-radius:17px;background:#151925;color:#fff}.midi-wiring-examples>header{display:flex;align-items:baseline;gap:18px;padding:9px 10px 16px}.midi-wiring-examples>header small{color:var(--mint);font:8px 'DM Mono'}.midi-wiring-examples>header b{font-size:13px}.midi-wiring-examples>div{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:6px;align-items:center;margin-top:5px}.midi-wiring-examples span,.midi-wiring-examples strong{min-width:0;padding:13px;border-radius:7px;background:#252b38;text-align:center;font-size:11px}.midi-wiring-examples strong{background:#1762ff}.midi-wiring-examples i{color:var(--mint);font:8px 'DM Mono';font-style:normal;text-align:center}.midi-connection-traps{margin-top:10px;padding:23px;border-left:7px solid var(--orange);border-radius:5px 13px 13px 5px;background:#fff0ea}.midi-connection-traps>div{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:14px}.midi-connection-traps span{padding:14px;border-radius:8px;background:#fff;color:var(--muted);font-size:11px}.midi-connection-traps strong{display:block;margin-bottom:5px;color:var(--blue);font:8px 'DM Mono'}.midi-connection-sources{display:flex;flex-wrap:wrap;gap:18px;margin:18px 0}.midi-connection-sources a{color:var(--blue);font-size:11px;font-weight:800}
@media(max-width:1050px){.midi-connection-options{grid-template-columns:1fr 1fr}.midi-connection-traps>div{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.midi-connector-photo{padding:6px}.midi-connector-photo-scroll>img,.midi-connector-photo-key{width:900px;max-width:none}.midi-connection-principle,.midi-connection-options{grid-template-columns:1fr}.midi-wiring-examples>header{display:grid;gap:5px}.midi-wiring-examples>div{grid-template-columns:1fr}.midi-wiring-examples i{padding:4px;transform:rotate(90deg)}.midi-connection-traps>div{grid-template-columns:1fr}.midi-connection-sources{display:grid;gap:10px}}

.midi-connection-options h3{margin:7px 0;font-size:17px}

/* Éditeur MIDI · piano roll interactif */
.midi-editor-section{background:#f3eee4}.midi-editor-section>header{max-width:880px}.midi-editor-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:30px 0 12px}.midi-editor-principles article{padding:20px;border:1px solid #15192516;border-radius:13px;background:#fff}.midi-editor-principles span{display:grid;place-items:center;width:38px;height:38px;margin-bottom:14px;border-radius:9px;background:#dfe8ff;color:var(--blue);font:700 20px 'DM Mono'}.midi-editor-principles b{display:block;font-size:14px}.midi-editor-principles p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.midi-editor-tool{overflow:hidden;border:1px solid #ffffff16;border-radius:18px;background:#111620;color:#fff;box-shadow:0 24px 55px #1519251a}.midi-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;background:#1c2230}.midi-editor-toolbar>div:first-child small,.midi-editor-toolbar>div:first-child b{display:block}.midi-editor-toolbar>div:first-child small{color:var(--mint);font:9px 'DM Mono'}.midi-editor-toolbar>div:first-child b{margin-top:7px;color:#d3d9e3;font-size:12px}.midi-editor-toolbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.midi-editor-toolbar-actions label{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #ffffff18;border-radius:7px;color:#aeb8c6;font:9px 'DM Mono'}.midi-editor-toolbar-actions select{min-width:65px;padding:5px;border:0;border-radius:4px;background:#10141d;color:#fff;font:10px 'DM Mono'}.midi-editor-toolbar-actions button,.midi-editor-inspector button{min-height:36px;padding:8px 11px;border:1px solid #ffffff1c;border-radius:7px;background:#252c3b;color:#fff;font:700 10px 'DM Sans';cursor:pointer}.midi-editor-toolbar-actions button:hover,.midi-editor-inspector button:hover{background:#30394a}.midi-editor-toolbar-actions #midi-editor-play{background:var(--blue);border-color:var(--blue)}.midi-editor-toolbar-actions #midi-editor-play.playing{background:var(--orange);border-color:var(--orange)}
.midi-editor-workspace{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:10px;padding:10px}.midi-editor-scroll{min-width:0;overflow:auto;border-radius:10px;background:#0c111a}.midi-editor-canvas{min-width:760px}.midi-editor-ruler{display:grid;grid-template-columns:96px 1fr;height:38px;border-bottom:1px solid #ffffff16;background:#171d29}.midi-editor-ruler>span{display:grid;place-items:center;color:#8290a3;font:8px 'DM Mono'}.midi-editor-ruler>div{display:grid;grid-template-columns:repeat(4,1fr)}.midi-editor-ruler b{padding:13px 8px 0;border-left:1px solid #ffffff18;color:#9ba7b8;font:8px 'DM Mono';font-weight:400}.midi-editor-body{display:grid;grid-template-columns:96px 1fr}.midi-editor-keyboard{display:grid;grid-template-rows:repeat(13,28px);height:364px;background:#dce2ec;box-shadow:inset -1px 0 #0a0d13}.midi-editor-keyboard span{isolation:isolate;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 8px;color:#151925;font:700 9px 'DM Sans'}.midi-editor-keyboard span::before{content:"";position:absolute;z-index:-1;inset:0;border-right:1px solid #9ba4b2;border-bottom:1px solid #aab2bf;background:linear-gradient(90deg,#e5e8ee,#f7f8fa 72%,#e8ebf0)}.midi-editor-keyboard span.black{color:#fff}.midi-editor-keyboard span.black::before{right:auto;width:62%;border:0;border-right:1px solid #080a0e;border-bottom:1px solid #080a0e;border-radius:0 3px 3px 0;background:linear-gradient(90deg,#121722,#303744 78%,#171c26);box-shadow:2px 2px 4px #0006}.midi-editor-keyboard small{font:7px 'DM Mono';opacity:.72}.midi-editor-keyboard span.black small{position:absolute;right:7px;color:#303846;opacity:.9}.midi-editor-roll{--midi-grid-size:6.25%;position:relative;height:364px;overflow:hidden;background-color:#111722;background-image:linear-gradient(to right,#8be8bd24 1px,transparent 1px),linear-gradient(to right,#ffffff12 1px,transparent 1px),linear-gradient(to bottom,#ffffff12 1px,transparent 1px);background-size:25% 100%,var(--midi-grid-size) 100%,100% calc(100% / 13)}.midi-editor-note{position:absolute;top:calc(var(--row) * 100% / 13 + 3px);left:calc(var(--start) * 100% / 16);width:calc(var(--duration) * 100% / 16);height:calc(100% / 13 - 6px);min-width:12px;margin:0;padding:0 12px 0 7px;overflow:hidden;border:1px solid #8aabff;border-radius:4px;background:#1762ff;color:#fff;text-align:left;white-space:nowrap;cursor:grab;box-shadow:0 2px 8px #0005}.midi-editor-note:hover{filter:brightness(1.08)}.midi-editor-note.selected{z-index:2;border-color:#fff;background:#ff6b4a;box-shadow:0 0 0 2px #ff6b4a55}.midi-editor-note:active{cursor:grabbing}.midi-editor-note span{font:700 8px 'DM Mono';pointer-events:none}.midi-editor-note i{position:absolute;top:0;right:0;width:9px;height:100%;border-left:1px solid #ffffff66;background:#ffffff18;cursor:ew-resize}.midi-editor-playhead{position:absolute;z-index:5;top:0;bottom:0;left:0;width:2px;background:#8be8bd;opacity:0;pointer-events:none;box-shadow:0 0 10px #8be8bd}.midi-editor-playhead.active{opacity:1}
.midi-editor-lane-row{display:grid;grid-template-columns:96px 1fr;min-height:132px;border-top:6px solid #0c111a}.midi-editor-lane-label{padding:12px 8px;background:#1b2230}.midi-editor-lane-label label{color:#8be8bd;font:8px 'DM Mono'}.midi-editor-lane-label select{display:block;width:100%;margin-top:8px;padding:6px 3px;border:1px solid #ffffff18;border-radius:4px;background:#10141d;color:#fff;font:8px 'DM Mono'}.midi-editor-lane{--midi-grid-size:6.25%;position:relative;min-height:132px;overflow:hidden;background-color:#111722;background-image:linear-gradient(to right,#8be8bd24 1px,transparent 1px),linear-gradient(to right,#ffffff12 1px,transparent 1px),linear-gradient(to top,#ffffff12 1px,transparent 1px);background-size:25% 100%,var(--midi-grid-size) 100%,100% 25%}.midi-editor-lane-bar{position:absolute;bottom:0;left:calc(var(--position) * 100% / 16);width:15px;height:calc(max(4px,var(--value) * 100% / 127));margin:0;padding:0;transform:translateX(-50%);border:0;border-radius:3px 3px 0 0;background:#8be8bd;cursor:pointer}.midi-editor-lane-bar.cc{width:10px;background:#ff8faf}.midi-editor-lane-bar.selected{background:#ff6b4a;box-shadow:0 0 0 2px #fff8}.midi-editor-lane-bar::after{content:attr(data-value);position:absolute;bottom:calc(100% + 4px);left:50%;display:none;padding:2px 4px;border-radius:3px;background:#fff;color:#151925;font:7px 'DM Mono';transform:translateX(-50%)}.midi-editor-lane-bar:hover::after,.midi-editor-lane-bar.selected::after{display:block}
.midi-editor-inspector{padding:17px;border-radius:10px;background:#1b2230}.midi-editor-inspector header{padding-bottom:13px;border-bottom:1px solid #ffffff16}.midi-editor-inspector header small,.midi-editor-inspector header strong{display:block}.midi-editor-inspector header small{color:#8be8bd;font:8px 'DM Mono'}.midi-editor-inspector header strong{margin-top:7px;font-size:14px}.midi-editor-inspector>label{display:block;margin-top:15px;color:#aeb8c6;font-size:10px}.midi-editor-inspector output{float:right;color:#fff;font:9px 'DM Mono'}.midi-editor-inspector input[type=range]{width:100%;margin-top:8px;accent-color:var(--blue)}.midi-editor-inspector .midi-editor-lane-value{margin-top:20px;padding-top:15px;border-top:1px solid #ffffff16}.midi-editor-inspector>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:17px}.midi-editor-inspector #midi-editor-add{background:#1762ff;border-color:#1762ff}.midi-editor-inspector #midi-editor-delete{color:#ffb1a0}.midi-editor-status{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;border-top:1px solid #ffffff14;background:#171d29}.midi-editor-status p{margin:0;color:#fff;font-size:12px}.midi-editor-status span{max-width:420px;color:#8e99a9;font:8px 'DM Mono';text-align:right}.midi-editor-actions-explained{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.midi-editor-actions-explained article{padding:22px;border-radius:13px;background:#fff}.midi-editor-actions-explained small{color:var(--purple);font:8px 'DM Mono'}.midi-editor-actions-explained h3{margin:10px 0 7px;font-size:15px}.midi-editor-actions-explained p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.midi-editor-remember{margin-top:10px}.midi-editor-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px}.midi-editor-links a{color:var(--blue);font-size:11px;font-weight:800}
@media(max-width:1080px){.midi-editor-principles,.midi-editor-actions-explained{grid-template-columns:1fr 1fr}.midi-editor-workspace{grid-template-columns:1fr}.midi-editor-inspector{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}.midi-editor-inspector header,.midi-editor-inspector>div{grid-column:1/-1}.midi-editor-inspector .midi-editor-lane-value{border-top:0}}
@media(max-width:720px){.midi-editor-toolbar{align-items:flex-start;flex-direction:column}.midi-editor-toolbar-actions{justify-content:flex-start}.midi-editor-toolbar-actions label{width:100%;justify-content:space-between}.midi-editor-workspace{padding:6px}.midi-editor-inspector{grid-template-columns:1fr}.midi-editor-inspector header,.midi-editor-inspector>div{grid-column:auto}.midi-editor-status{align-items:flex-start;flex-direction:column}.midi-editor-status span{text-align:left}.midi-editor-links{display:grid;gap:10px}}
@media(max-width:520px){.midi-editor-principles,.midi-editor-actions-explained{grid-template-columns:1fr}}
.midi-editor-roll{background-size:25% 100%,var(--midi-grid-size) 100%,100% 28px}.midi-editor-note{height:22px}.midi-editor-lane-bar{min-height:4px}

#delivery-bitrate-label[hidden]{display:none!important}

/* Sons harmoniques, inharmoniques et bruits */
.sound-family-lesson{background:#eee9df}.sound-family-definitions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:25px 0 10px}.sound-family-definitions article{padding:20px;border:1px solid #15192516;border-radius:13px;background:#fff}.sound-family-definitions small{color:var(--blue);font:8px 'DM Mono'}.sound-family-definitions strong{display:block;margin:12px 0 8px;font:17px 'DM Mono'}.sound-family-definitions p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.sound-family-tool{margin:30px 0 12px;padding:12px;border-radius:19px;background:#111620;color:#fff;box-shadow:0 24px 55px #15192520}.sound-family-tool>header{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding:18px 18px 16px}.sound-family-tool>header>div:first-child{max-width:590px}.sound-family-tool>header small{color:var(--mint);font:8px 'DM Mono'}.sound-family-tool h3{margin:8px 0 7px;font-size:clamp(25px,3vw,38px);line-height:1;letter-spacing:-.04em}.sound-family-tool>header p{margin:0;color:#aeb8c6;font-size:12px;line-height:1.55}.sound-family-presets{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:520px}.sound-family-presets button{padding:9px 11px;border:1px solid #ffffff1b;border-radius:999px;background:#252c39;color:#d7dde6;font:700 9px 'DM Sans';cursor:pointer}.sound-family-presets button:hover{background:#313a49}.sound-family-presets button.selected{border-color:var(--mint);background:var(--mint);color:#121722}.sound-family-workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:8px}.sound-family-visuals{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0}.sound-family-visuals>div{min-width:0;padding:12px;border-radius:12px;background:#0c111a}.sound-family-visuals span,.sound-family-visuals small{display:block}.sound-family-visuals span{color:#fff;font:9px 'DM Mono'}.sound-family-visuals small{margin:5px 0 10px;color:#818c9c;font:8px 'DM Mono'}.sound-family-visuals canvas{display:block;width:100%;height:275px;border-radius:8px;background:#10151f}.sound-family-controls{padding:18px;border-radius:12px;background:#1d2431}.sound-family-controls label{display:block;margin-bottom:16px;color:#b9c1cd;font-size:10px}.sound-family-controls output{float:right;color:#fff;font:9px 'DM Mono'}.sound-family-controls input[type=range]{display:block;width:100%;margin-top:9px;accent-color:var(--blue)}.sound-family-controls select{display:block;width:100%;margin-top:8px;padding:8px;border:1px solid #ffffff18;border-radius:7px;background:#111620;color:#fff;font:10px 'DM Sans'}.sound-family-controls .control-disabled{opacity:.36}.sound-family-controls .button{width:100%;margin-top:2px}.sound-family-readouts{display:grid;grid-template-columns:.9fr 1fr 1.4fr;gap:7px;margin-top:8px}.sound-family-readouts article{min-width:0;padding:15px 17px;border-radius:10px;background:#252c39}.sound-family-readouts small{display:block;color:var(--mint);font:8px 'DM Mono'}.sound-family-readouts strong{display:block;margin-top:8px;font-size:12px;line-height:1.4}.sound-family-status{margin:8px 0 0;padding:14px 17px;border-left:5px solid var(--mint);border-radius:4px 9px 9px 4px;background:#dff6eb;color:#35433d;font-size:12px;line-height:1.5}.noise-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.noise-colors article{padding:22px;border-radius:13px;background:#fff}.noise-colors small{color:var(--purple);font:8px 'DM Mono'}.noise-colors h3{margin:9px 0 7px;font-size:18px}.noise-colors p{margin:0;color:var(--muted);font-size:12px;line-height:1.58}
@media(max-width:1120px){.sound-family-definitions{grid-template-columns:1fr 1fr}.sound-family-tool>header{align-items:flex-start;flex-direction:column}.sound-family-presets{justify-content:flex-start;max-width:none}.sound-family-workspace{grid-template-columns:1fr}.sound-family-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.sound-family-controls .button{align-self:end;margin-bottom:16px}.sound-family-readouts{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){.sound-family-definitions,.noise-colors,.sound-family-visuals,.sound-family-readouts{grid-template-columns:1fr}.sound-family-controls{grid-template-columns:1fr}.sound-family-visuals canvas{height:230px}.sound-family-tool{padding:7px}.sound-family-tool>header{padding:15px 12px}.sound-family-presets button{flex:1 1 125px}.sound-family-readouts strong{font-size:11px}}

/* Formats audio · fichiers de travail et copies de diffusion */
.audio-format-section{padding:95px 7vw;display:grid;grid-template-columns:70px minmax(0,1100px);gap:28px;border-top:1px solid var(--line);background:#f3eee4;scroll-margin-top:72px}.audio-format-section>div>header{max-width:850px}.audio-format-section h2{margin:8px 0 18px;font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-.055em}.audio-format-section>div>header>p{color:var(--muted);font-size:17px}.audio-format-vocabulary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:28px 0 10px}.audio-format-vocabulary article{padding:21px;border:1px solid var(--line);border-radius:13px;background:#fff}.audio-format-vocabulary small,.audio-format-answer small{display:block;color:var(--blue);font:8px 'DM Mono'}.audio-format-vocabulary strong{display:block;margin:10px 0 8px;font-size:18px}.audio-format-vocabulary p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.audio-production-chain{display:flex;align-items:stretch;gap:7px;margin:10px 0;padding:12px;border-radius:15px;background:#151925;color:#fff;overflow:auto}.audio-production-chain span,.audio-production-chain strong{display:grid;align-content:center;min-width:155px;padding:15px;border-radius:9px;background:#252b38}.audio-production-chain strong{background:var(--blue)}.audio-production-chain .delivery{background:#46375c}.audio-production-chain small,.lossy-generation-route small{color:var(--mint);font:7px 'DM Mono'}.audio-production-chain b{margin-top:7px;font-size:11px}.audio-production-chain i{align-self:center;color:var(--orange);font-style:normal}.audio-format-rule{margin:0 0 12px;padding:18px 21px;border-left:6px solid var(--mint);border-radius:4px 11px 11px 4px;background:#dff6eb;color:#3f4f49;font-size:14px;line-height:1.55}.audio-format-tool{margin:28px 0 10px;padding:13px;border-radius:19px;background:#111620;color:#fff;box-shadow:0 22px 50px #15192520}.audio-format-tool>header{display:grid;grid-template-columns:.75fr 1.25fr;gap:30px;align-items:end;padding:18px}.audio-format-tool>header small{color:var(--mint);font:8px 'DM Mono'}.audio-format-tool>header h3{margin:7px 0 0;font-size:clamp(25px,3vw,38px);line-height:1}.audio-format-tool>header p{margin:0;color:#aeb8c6;font-size:12px;line-height:1.55}.audio-format-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:0 5px 6px}.audio-format-actions button{min-height:47px;padding:9px;border:1px solid #ffffff1d;border-radius:8px;background:#252c39;color:#fff;font-size:10px;font-weight:800;cursor:pointer}.audio-format-actions button:hover{background:#303a49}.audio-format-actions button.selected{border-color:var(--mint);background:var(--mint);color:#151925}.audio-format-answer{min-height:190px;margin:0 5px 5px;padding:25px;border-radius:12px;background:#1e2532}.audio-format-answer.answered{background:#202a3d}.audio-format-answer h3{margin:9px 0;font-size:25px}.audio-format-answer>p{max-width:800px;margin:0;color:#bdc5d1;font-size:13px;line-height:1.6}.audio-format-answer>div{display:flex;align-items:center;gap:9px;margin-top:22px}.audio-format-answer span{padding:8px 10px;border:1px solid #ffffff1c;border-radius:6px;color:#fff;font:8px 'DM Mono'}.audio-format-answer i{color:var(--orange);font-style:normal}.audio-format-cautions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.audio-format-cautions article{padding:23px;border:1px solid var(--line);border-radius:13px;background:#fff}.audio-format-cautions small{color:var(--purple);font:8px 'DM Mono'}.audio-format-cautions h3{margin:10px 0 8px;font-size:18px}.audio-format-cautions p{margin:0;color:var(--muted);font-size:12px;line-height:1.58}.audio-format-section .remember{margin-bottom:14px}.lossy-generation-route{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:28px 0 10px}.lossy-generation-route>div{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:18px;border-radius:13px;background:#151925;color:#fff}.lossy-generation-route>div.risk{background:#472a26}.lossy-generation-route small{flex-basis:100%}.lossy-generation-route span,.lossy-generation-route strong{padding:10px;border-radius:7px;background:#252b38;font:9px 'DM Mono'}.lossy-generation-route strong{background:var(--blue)}.lossy-generation-route .risk strong{background:var(--orange);color:#151925}.lossy-generation-route i{color:var(--mint);font-style:normal}.lossy-generation-route b{flex-basis:100%;color:#bfc7d2;font-size:11px;font-weight:400}.audio-lossy-lesson{scroll-margin-top:115px}
@media(max-width:1000px){.audio-format-section{grid-template-columns:1fr}.audio-format-actions{grid-template-columns:1fr 1fr}.audio-format-actions button:last-child{grid-column:1/-1}.lossy-generation-route{grid-template-columns:1fr}}
@media(max-width:700px){.audio-format-section{padding:70px 20px}.audio-format-vocabulary,.audio-format-cautions{grid-template-columns:1fr}.audio-production-chain{align-items:stretch;flex-direction:column;overflow:visible}.audio-production-chain span,.audio-production-chain strong{min-width:0;text-align:center}.audio-production-chain i{align-self:center;transform:rotate(90deg)}.audio-format-tool>header{grid-template-columns:1fr;gap:9px}.audio-format-actions{grid-template-columns:1fr}.audio-format-actions button:last-child{grid-column:auto}.audio-format-answer>div{align-items:stretch;flex-direction:column;text-align:center}.audio-format-answer i{align-self:center;transform:rotate(90deg)}.lossy-generation-route>div{align-items:stretch;flex-direction:column}.lossy-generation-route span,.lossy-generation-route strong{text-align:center}.lossy-generation-route i{align-self:center;transform:rotate(90deg)}}

/* Niveaux électriques · micro, phono, ligne et haut-parleur */
.electric-level-map{margin:45px 0 18px;padding:13px;border:1px solid #ffffff17;border-radius:20px;background:#10141d;scroll-margin-top:125px}.electric-level-map>header{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:end;padding:22px}.electric-level-map>header h3{margin:8px 0 0;font-size:clamp(28px,4vw,48px);line-height:1;letter-spacing:-.045em}.electric-level-map>header>p{margin:0;color:#aeb8c6;font-size:13px;line-height:1.6}.electric-level-flow{display:grid;grid-template-columns:1.7fr auto 1fr auto 1fr auto 1.05fr;gap:7px;align-items:stretch}.electric-level-inputs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.electric-level-inputs>article,.electric-level-inputs>div,.level-stage{min-width:0;display:flex;flex-direction:column;padding:17px;border-radius:11px;background:#252c39}.electric-level-inputs>article{border:1px solid #438cff77;background:#1c2a43}.electric-level-inputs .phono{border-color:#a47aff77;background:#2a2240}.electric-level-inputs>div{justify-content:center;border:1px solid #8be8bd55;background:#20362f}.electric-level-flow small{color:var(--mint);font:7px 'DM Mono'}.electric-level-flow b{margin:8px 0 12px;font-size:15px}.electric-level-flow strong,.electric-level-flow em,.electric-level-flow span{display:block}.electric-level-flow strong{color:#fff;font:12px 'DM Mono';line-height:1.5}.electric-level-flow em{margin-top:6px;color:#ff9a80;font:10px 'DM Mono';font-style:normal}.electric-level-flow span{margin-top:auto;padding-top:13px;color:#9ea9b9;font-size:9px;line-height:1.45}.electric-level-inputs .level-amplifier strong{color:var(--mint);font-size:10px}.electric-level-inputs .level-amplifier span{margin-top:5px;padding-top:0}.level-stage{justify-content:center}.level-stage.line{background:#243b68}.level-stage.power{background:#4c315f}.level-stage.speaker{background:#563127}.level-flow-arrow{align-self:center;color:var(--orange);font-style:normal}.speaker-level-calculator{display:grid;grid-template-columns:1.2fr .8fr;gap:25px;align-items:center;margin-top:7px;padding:22px;border-radius:11px;background:#202735}.speaker-level-calculator small{color:var(--mint);font:7px 'DM Mono'}.speaker-level-calculator h4{margin:7px 0;font-size:20px}.speaker-level-calculator p{margin:0;color:#aeb7c5;font-size:11px;line-height:1.5}.speaker-level-calculator code{color:#ff9a80}.speaker-level-controls{display:grid;grid-template-columns:1.35fr .65fr;gap:10px}.speaker-level-controls label{color:#c1c8d2;font-size:10px}.speaker-level-controls output{float:right;color:var(--mint);font:10px 'DM Mono'}.speaker-level-controls input,.speaker-level-controls select{display:block;width:100%;margin-top:9px}.speaker-level-controls input{accent-color:var(--orange)}.speaker-level-controls select{padding:9px;border:1px solid #ffffff20;border-radius:7px;background:#10141d;color:#fff}.electric-level-references{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:7px}.electric-level-references span{padding:13px;border-radius:8px;background:#2b303d;color:#b9c2cf;font-size:10px;line-height:1.45}.electric-level-references b{color:#fff}.electric-level-map>.warning{margin:7px 0 0}.electric-level-map+.warning{margin-top:18px}
@media(max-width:1180px){.electric-level-flow{grid-template-columns:1fr}.level-flow-arrow{justify-self:center;transform:rotate(90deg)}.electric-level-references{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.electric-level-map{margin-right:-7px;margin-left:-7px;padding:7px}.electric-level-map>header,.speaker-level-calculator{grid-template-columns:1fr;gap:10px}.electric-level-map>header{padding:17px 13px}.electric-level-inputs{grid-template-columns:1fr}.speaker-level-controls,.electric-level-references{grid-template-columns:1fr}}
/* Contrast of pale pedagogical callouts on dark plugin pages */
.plugin-lesson>.remember{color:var(--ink)}
.plugin-lesson>.remember p{color:#3f4f49}
.plugin-lesson .remember{color:var(--ink)!important}
.plugin-lesson .remember p{color:#3f4f49!important}
.gr-meter{margin-top:14px;padding:14px 16px;background:#10141d;border-radius:10px;color:#fff}
.gr-meter header{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}
.gr-meter header small{color:var(--mint);font:8px 'DM Mono'}
.gr-meter header b{font:10px 'DM Mono';color:#fff}
.gr-meter-track{height:18px;border-radius:10px;background:linear-gradient(90deg,#8be8bd 0 25%,#f5c86b 25% 65%,#ff7048 65% 100%);padding:3px}
.gr-meter-fill{height:100%;width:0%;border-radius:7px;background:#151925;transition:width .1s ease}
.gr-meter-scale{display:flex;justify-content:space-between;margin-top:5px;color:#8f98aa;font:8px 'DM Mono'}
.vu-demo{margin:22px 0;padding:18px 20px;border-radius:12px;background:#151925;color:#fff;border-left:5px solid var(--orange)}
.vu-demo header{display:flex;justify-content:space-between;align-items:center}.vu-demo header b{color:var(--mint);font:9px 'DM Mono'}.vu-demo header strong{font:18px 'DM Mono';color:var(--orange)}
.vu-scale{position:relative;height:20px;margin:14px 0 8px;border-radius:10px;background:linear-gradient(90deg,#8be8bd 0 55%,#f5c86b 55% 75%,#ff7048 75% 100%);padding:3px}.vu-scale i{display:block;height:100%;border-radius:7px;background:#0d1119}.vu-scale span{position:relative;display:inline-block;margin-right:21%;top:7px;color:#aeb8c6;font:8px 'DM Mono'}.vu-demo p{margin:23px 0 0;color:#c5cbd5;font-size:12px}.gr-vu-demo{border-left-color:var(--purple)}
.vu-demo .vu-scale{height:112px;margin:14px 0 8px;border:7px solid #252a31;border-bottom-width:10px;border-radius:115px 115px 16px 16px;background:linear-gradient(105deg,#f4ebcf 0 72%,#e47b65 72% 100%);box-shadow:inset 0 0 0 2px #11151b,0 5px 12px #0008;padding:0;overflow:hidden}
.vu-demo .vu-scale:before{content:"VU";position:absolute;left:50%;top:25px;transform:translateX(-50%);color:#222;font:700 13px Georgia,serif;letter-spacing:.08em}
.vu-demo .vu-scale:after{content:"";position:absolute;left:50%;bottom:12px;width:3px;height:75px;background:#b72920;transform-origin:50% 100%;transform:rotate(34deg);box-shadow:0 0 0 1px #4f1713}
.vu-demo .vu-scale i{display:none}.vu-demo .vu-scale span{position:absolute;top:auto;bottom:10px;margin:0;color:#252525;font:700 10px Georgia,serif}.vu-demo .vu-scale span:nth-of-type(1){left:10%}.vu-demo .vu-scale span:nth-of-type(2){left:32%}.vu-demo .vu-scale span:nth-of-type(3){left:53%}.vu-demo .vu-scale span:nth-of-type(4){right:9%}
.vu-demo .vu-scale{position:relative}
.vu-demo .vu-scale{background:linear-gradient(105deg,#f4ebcf 0 72%,#e47b65 72% 100%),repeating-conic-gradient(from 255deg at 50% 100%,#222 0deg 1deg,transparent 1deg 7deg);background-blend-mode:normal,multiply}
.vu-demo p{color:#c5cbd5!important}
.vu-demo .vu-scale{height:150px;border:12px solid #20252b;border-radius:9px;background:#e7d99e;box-shadow:inset 0 0 0 2px #505044,0 7px 14px #0009;overflow:hidden}
.vu-demo .vu-scale:before{content:"VU LEVEL INDICATOR";left:50%;top:16px;transform:translateX(-50%);color:#25251f;font:700 12px Arial,sans-serif;white-space:nowrap}
.vu-demo .vu-scale:after{left:9%;bottom:8px;width:4px;height:115px;background:#222;transform-origin:50% 100%;transform:rotate(42deg);box-shadow:none}
.vu-demo .vu-scale i{display:block;position:absolute;right:0;top:0;width:27%;height:100%;background:#bd4433;opacity:.88}
.vu-demo .vu-scale span{bottom:22px;color:#222;font:700 11px Arial,sans-serif;z-index:2}.vu-demo .vu-scale span:nth-of-type(1){left:7%}.vu-demo .vu-scale span:nth-of-type(2){left:25%}.vu-demo .vu-scale span:nth-of-type(3){left:43%}.vu-demo .vu-scale span:nth-of-type(4){left:61%}.vu-demo .vu-scale span:nth-of-type(5){right:7%;left:auto;color:#8d231a}
.vu-demo .vu-scale{height:170px!important;border:0!important;border-radius:0!important;background:#151925 url('images/vu-gr-meter-refined-v3.svg') center/contain no-repeat!important;box-shadow:none!important}
.vu-demo .vu-scale:before,.vu-demo .vu-scale:after,.vu-demo .vu-scale i,.vu-demo .vu-scale span{display:none!important}
.vu-svg-object{display:block;width:100%;height:100%;border:0}
.vu-demo .vu-scale{height:320px!important;width:100%!important;min-width:100%!important}
.vu-demo .vu-svg-object{width:100%!important;height:100%!important;min-width:100%!important}
.digital-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:24px 0}.digital-benefit-grid article{padding:21px;border:1px solid var(--line);border-radius:13px;background:#fff}.digital-benefit-grid small{display:block;color:var(--blue);font:8px 'DM Mono',monospace;letter-spacing:.1em}.digital-benefit-grid h3{margin:9px 0 7px;font-size:19px}.digital-benefit-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}@media(max-width:850px){.digital-benefit-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.digital-benefit-grid{grid-template-columns:1fr}}
.dynamic-reference-strip{display:grid;grid-template-columns:1fr 2fr;gap:24px;margin:24px 0;padding:24px;border:1px solid var(--line);border-radius:14px;background:#f7f8fb}.dynamic-reference-strip h3{margin:6px 0;font-size:22px}.dynamic-reference-strip p:not(.eyebrow){color:var(--muted);line-height:1.5}.dynamic-reference-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dynamic-reference-list>div{padding:14px;background:#fff;border-radius:10px}.dynamic-reference-list b,.dynamic-reference-list strong,.dynamic-reference-list span{display:block}.dynamic-reference-list b{font-size:13px}.dynamic-reference-list strong{margin:7px 0;color:var(--blue);font-size:21px}.dynamic-reference-list span{color:var(--muted);font-size:11px;line-height:1.35}@media(max-width:800px){.dynamic-reference-strip{grid-template-columns:1fr}.dynamic-reference-list{grid-template-columns:1fr 1fr}}@media(max-width:500px){.dynamic-reference-list{grid-template-columns:1fr}}
.mastering-mono-note{max-width:1100px;margin:26px auto 34px;padding:22px 26px;border-left:5px solid var(--mint);border-radius:4px 13px 13px 4px;background:#e6f7ee;color:#25352f}.mastering-mono-note b{display:block;margin-bottom:8px;font-size:18px}.mastering-mono-note p{margin:0;color:#3f4f49;font-size:14px;line-height:1.55}.mastering-mono-note p b{display:inline;margin:0;font-size:inherit}
/* Cartes de cours : la carte MIDI a la même taille que les autres ; alternance clair / foncé par ligne de deux */
.course-card-grid a.midi-course-card{grid-column:auto;min-height:300px}
.course-card-grid a:nth-child(9){background:var(--blue);color:#fff}
.course-card-grid a:nth-child(10){background:#fff6d6}
.course-card-grid a:nth-child(11){background:#dff1ff}
.course-card-grid a:nth-child(12){background:var(--ink);color:#fff}
.course-card-grid a:nth-child(13){background:#2a2045;color:#fff}
.course-card-grid a:nth-child(14){background:var(--mint)}
/* Accueil avancé : chapitres regroupés par thèmes */
.advanced-theme{padding-top:60px;padding-bottom:60px}
.advanced-theme+.advanced-theme{border-top:1px solid #ffffff14}
.advanced-theme>header h2{font-size:clamp(34px,4.2vw,54px)}
.advanced-theme .advanced-module-grid{margin-top:24px}
.advanced-theme .advanced-module-grid a{min-height:300px}
/* Page des cours : trois familles ; la couleur suit la carte, plus sa position */
.course-family{margin:46px 0 16px;max-width:760px}
.course-family h2{margin:6px 0 6px;font-size:clamp(28px,3.4vw,40px);letter-spacing:-.03em}
.course-family p:not(.eyebrow){margin:0;color:var(--muted);font-size:16px}
.course-card-grid+.course-family{margin-top:56px}
.course-card-grid a.tone-white{background:#fff;color:var(--ink)}
.course-card-grid a.tone-ink{background:var(--ink);color:#fff}
.course-card-grid a.tone-ink2{background:#202533;color:#fff}
.course-card-grid a.tone-midi{background:#dff6eb;color:var(--ink)}
.course-card-grid a.tone-sky{background:#dff1ff;color:var(--ink)}
.course-card-grid a.tone-violet{background:#2a2045;color:#fff}
.course-card-grid a.tone-blue{background:var(--blue);color:#fff}
.course-card-grid a.tone-peach{background:#fff0e9;color:var(--ink)}
.course-card-grid a.tone-sun{background:#fff6d6;color:var(--ink)}
.course-card-grid a.tone-lavender{background:#f1eaff;color:var(--ink)}
.course-card-grid a.tone-mint{background:var(--mint);color:var(--ink)}
/* Petits écrans : aucune colonne, aucun titre ni aucun réglage ne doit élargir la page */
.topic-section>div,.advanced-lesson>div,.lesson>div,.plugin-guide-lesson>div,.plugin-lesson>div,.basics-section>div,.course-layout>article,.advanced-hero>div,.advanced-detail-hero>div,.topic-hero>div,.plugin-detail-hero>div,.software-comparison>article,.channel-scenarios>article,.alert-grid>article,.resource-list>article>div{min-width:0}
@media(max-width:900px){.advanced-table,.advanced-table.four{min-width:0;max-width:100%;overflow-x:auto}.advanced-table.four{grid-template-columns:repeat(4,minmax(140px,1fr))}}
@media(max-width:700px){.lossy-generation-route{grid-template-columns:1fr}.lossy-generation-route>div{min-width:0}.lossy-generation-route small,.lossy-generation-route b{flex-basis:auto}}
@media(max-width:480px){
 h1,h2,h3{overflow-wrap:break-word;hyphens:auto}
 main select{max-width:100%}
 main td,main th{overflow-wrap:break-word}
 .advanced-detail-hero h1,.legal-hero h1,.topic-hero h1,.plugin-detail-hero h1{font-size:clamp(34px,11vw,52px)}
 .course-card-grid a{padding:22px;grid-template-columns:40px 1fr}
 .course-card-grid h2{font-size:clamp(26px,8.5vw,38px)}
 main .dc-top label,main .rl-top label,main .ol-top label,main .il-opts label,main .lf-top label{flex-wrap:wrap;max-width:100%}
 main .dc-top input[type=range],main .rl-top input[type=range],main .ol-top input[type=range],main .il-opts input[type=range]{width:100%}
 main button{max-width:100%}
 .publish-hero-art{grid-template-columns:1fr}
 .hardware-clock-modes,.tb-buttons,.lab-role{flex-wrap:wrap}
 .mix-frequency-row{grid-template-columns:1fr}
 .lab-heading>*{min-width:0}.lab-role{padding:16px}
 .lm-controls{grid-template-columns:1fr}.lm-field{min-width:0}.lm-field select{width:100%}
}
@media(max-width:360px){.brand>span:not(.brand-mark){display:none}}