:root{color-scheme:light;--ink:#142925;--muted:#526760;--accent:#185c53;--pale:#edf6f1;--line:#d8e3dd;--white:#fff;--warm:#fafbf8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1.5rem}body{margin:0;background:var(--white);color:var(--ink);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--accent);text-underline-offset:3px}a:hover{color:#087e64}button{font:inherit}button,a,audio,summary{outline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #398cbd}h1,h2,h3,p,figure{margin:0 0 1rem}h1,h2,h3{line-height:1.2;letter-spacing:-.025em}h2{font-size:clamp(1.8rem,3.4vw,2.6rem)}h3{font-size:1.12rem}main,footer{width:min(1200px,calc(100% - 48px));margin:auto}.hero{background:linear-gradient(180deg,#f1f7f3 0%,#fff 100%);border-top:5px solid var(--accent);padding:68px 24px 48px;text-align:center}.hero-inner{max-width:1080px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.73rem;font-weight:750;color:var(--accent);margin-bottom:.9rem}h1{font-size:clamp(1.4rem,2.65vw,2rem);font-weight:640;max-width:1080px;margin:0 auto 25px;line-height:1.3}h1>span{display:block;color:var(--accent);font-size:clamp(3.5rem,8vw,5.6rem);font-weight:800;margin-bottom:12px;letter-spacing:-.055em}.authors{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 24px;margin-bottom:4px;font-size:1.02rem}.authors a{text-decoration:none}.affiliation{font-size:.93rem;color:var(--muted)}.resource-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:26px}.resource-links a{display:flex;gap:26px;align-items:center;border:1px solid var(--accent);border-radius:6px;padding:9px 18px;font-size:.9rem;text-decoration:none;font-weight:650}.resource-links a.primary{background:var(--accent);color:white}.resource-links a:hover{box-shadow:0 3px 12px #163f5320}.overview{padding:30px 0 64px}.section-heading{max-width:850px}.section-heading>p:last-child,.intro{color:var(--muted)}.intro{max-width:970px;font-size:1.1rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:32px 0}.steps article{border-top:1px solid var(--line);padding-top:20px}.step-number{color:var(--accent);font-size:.8rem;font-weight:750;letter-spacing:.1em;display:block;margin-bottom:13px}.steps p{color:var(--muted);font-size:.93rem}.architecture{margin-top:40px;border:1px solid var(--line);border-radius:9px;padding:25px 20px 16px}.architecture img{display:block;width:100%;height:auto}.architecture figcaption{margin-top:18px;color:var(--muted);font-size:.85rem;text-align:center}.listening{padding-bottom:50px;border-top:1px solid var(--line);padding-top:50px}.listening-guide{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;margin:24px 0 32px;padding:20px 24px;background:var(--warm);border-left:3px solid var(--accent);font-size:.89rem}.listening-guide p{margin:0}.kind-tabs{display:flex;border-bottom:1px solid var(--line);gap:8px}.kind-tabs button{background:none;border:0;border-bottom:3px solid transparent;cursor:pointer;padding:15px 22px;color:var(--muted);font-size:1rem;font-weight:700;text-align:left}.kind-tabs button span{display:block;font-size:.75rem;font-weight:400}.kind-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--accent);background:var(--pale);border-radius:7px 7px 0 0}.sample-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:22px 0 24px}.sample-picker button{border:1px solid var(--line);background:white;border-radius:7px;text-align:left;padding:13px 14px;cursor:pointer;font-size:.86rem;line-height:1.35;color:var(--ink)}.sample-picker button strong{display:block;font-size:.95rem;margin-bottom:5px}.sample-picker button span{color:var(--muted);font-size:.74rem}.sample-picker button[aria-pressed=true]{background:var(--accent);color:white;border-color:var(--accent)}.sample-picker button[aria-pressed=true] span{color:#dfede7}.sample-header{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:30px 0 20px}.sample-header h3{font-size:1.5rem;margin:0 0 7px}.sample-header p{font-size:.85rem;color:var(--muted);margin:0}.track-label{font-size:.73rem;font-weight:750;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:24px 0 10px}.tracks{display:grid;gap:14px}.reference-tracks{grid-template-columns:repeat(3,minmax(0,1fr))}.method-tracks{grid-template-columns:repeat(4,minmax(0,1fr))}.track{min-width:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:white}.track.ours{border:2px solid var(--accent);background:#f8fcf9}.track-header{padding:14px 14px 8px;min-height:64px}.track h4{margin:0;font-size:.94rem;line-height:1.4}.track-header .component{display:block;font-size:.72rem;color:var(--muted);font-weight:400}.spec{position:relative;background:white}.spec img{display:block;width:100%;height:auto}.track audio{display:block;width:calc(100% - 14px);height:34px;margin:9px 7px 13px}.metrics{border-top:1px solid var(--line);padding:11px 13px;display:flex;gap:18px;font-size:.71rem;color:var(--muted)}.metrics strong{display:block;font-size:1.13rem;font-weight:700;color:var(--ink);line-height:1.4;font-variant-numeric:tabular-nums}.decision{font-size:.7rem;padding:9px 13px;border-top:1px solid var(--line);color:var(--muted)}.decision span{display:inline-block;font-weight:650;color:var(--accent)}.decision.incorrect span{color:#9b4823}.reference-note{font-size:.76rem;color:var(--muted);padding:0 14px 13px;min-height:37px}.credits{margin-top:22px;border-top:1px solid var(--line);padding-top:15px;font-size:.8rem}.credits summary{cursor:pointer;color:var(--accent);font-weight:650}.credits ul{padding-left:22px;color:var(--muted)}.credits li{margin:10px 0}.credits code{font-size:.74rem;overflow-wrap:anywhere}.credits p{margin-top:12px;color:var(--muted)}.comparison-notes{background:var(--warm);border-radius:8px;padding:20px 24px;margin-top:28px;font-size:.82rem;color:var(--muted)}.comparison-notes p:last-child{margin-bottom:0}.scale-note{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:15px 0}.gradient{width:160px;height:12px;border-radius:3px;background:linear-gradient(90deg,#000004,#3b0f70,#8c2981,#de4968,#fe9f6d,#fcfdbf)}.small{font-size:.79rem}.resources{border-top:1px solid var(--line);padding:45px 0 55px;display:grid;grid-template-columns:1fr 1fr;gap:55px}.resources p{color:var(--muted);font-size:.94rem}.resource-cards{display:grid;gap:12px}.resource-cards a{border:1px solid var(--line);padding:20px;border-radius:7px;text-decoration:none}.resource-cards strong{display:block;font-size:1rem}.resource-cards span{display:block;color:var(--muted);font-size:.83rem;margin-top:4px}.resource-cards a:hover{background:var(--warm)}footer{border-top:1px solid var(--line);padding:35px 0 20px;font-size:.82rem;color:var(--muted)}footer h2{font-size:1.15rem}.footer-line{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:30px;font-weight:700;color:var(--accent)}.footer-line span{font-weight:400}.skip-link{position:absolute;top:-100px;left:15px;padding:10px;background:white;z-index:5}.skip-link:focus{top:15px}.loading{padding:25px 0;color:var(--muted)}
@media(max-width:900px){.method-tracks{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-picker{gap:6px}.sample-picker button{padding:12px 9px}.sample-picker button strong{font-size:.82rem}.steps{gap:18px}.resources{gap:25px}.hero{padding-top:45px}}@media(max-width:620px){body{font-size:16px}main,footer{width:calc(100% - 30px)}.hero{padding:35px 15px 25px}.authors{gap:4px 15px;font-size:.88rem}.resource-links a{padding:9px 12px;gap:12px;font-size:.8rem}.steps{grid-template-columns:1fr;gap:10px;margin-bottom:15px}.steps article{display:grid;grid-template-columns:32px 1fr;gap:0 10px;padding-top:15px}.steps h3{margin-bottom:7px}.steps p{grid-column:2}.step-number{padding-top:2px}.overview{padding-bottom:34px}.architecture{padding:12px 8px;overflow:auto;margin-top:20px}.architecture img{min-width:650px}.architecture figcaption{min-width:300px;font-size:.74rem}.listening{padding-top:30px}.listening-guide{grid-template-columns:1fr;gap:13px;padding:17px;font-size:.83rem}.kind-tabs button{padding:12px 16px;flex:1}.sample-picker{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:15px}.sample-picker button:last-child{grid-column:1 / -1}.sample-header{align-items:flex-start}.sample-header h3{font-size:1.25rem}.reference-tracks{grid-template-columns:1fr}.method-tracks{gap:9px}.track-header{padding:10px 10px 6px;min-height:71px}.track h4{font-size:.85rem}.metrics{padding:9px 10px;gap:13px}.decision{padding:8px 10px;min-height:52px}.reference-tracks .track{display:grid;grid-template-columns:1fr 1.3fr;align-items:center}.reference-tracks .track-header{grid-column:1;grid-row:1;min-height:0}.reference-tracks .spec{grid-column:2;grid-row:1 / span 3}.reference-tracks audio{grid-column:1;grid-row:2;min-width:0}.reference-note{grid-column:1;font-size:.7rem;padding:0 10px 7px}.comparison-notes{padding:17px}.resources{grid-template-columns:1fr;gap:15px;padding:30px 0}.footer-line{display:block}.footer-line span{display:block;margin-top:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:620px){.sample-header{flex-direction:column}.reference-tracks .track{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}}