:root{color-scheme:light;--ink:#173f38;--green:#1b6254;--cream:#f6f4e9;--line:#cbd9cb}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:18px/1.6 system-ui,sans-serif}main{max-width:1200px;margin:auto;padding:30px}a{color:var(--green);text-underline-offset:4px}header{max-width:960px;padding:45px 0 18px}.eyebrow{font-size:13px;font-weight:750;letter-spacing:.1em}h1{font-size:clamp(36px,7vw,68px);letter-spacing:-.045em;line-height:1.06;margin:20px 0}h2{font-size:30px;line-height:1.2;overflow-wrap:anywhere}.lead{font-size:24px;max-width:700px}.notice{background:#fff5d9;border-left:5px solid #d3a23c;border-radius:8px;padding:18px;font-size:16px}.filters{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:20px}label{display:grid;gap:6px;font-weight:650}input,select,textarea,button{font:inherit;border:1px solid var(--line);border-radius:12px;padding:12px;background:white;color:var(--ink);min-width:0}button{cursor:pointer}button:hover{background:#e9f2e6}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:4px solid #d3a23c;outline-offset:3px}.layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,1.5fr);gap:26px;margin-top:20px}.recordings{max-height:730px;overflow:auto;display:grid;gap:8px;padding:4px}.recordings button{text-align:left;display:grid;gap:4px;overflow-wrap:anywhere}.recordings button[aria-pressed=true]{border:2px solid var(--green);background:#e7f0e3}.recordings small{font-size:13px;font-weight:500}.player{background:white;padding:28px;border-radius:22px;box-shadow:0 5px 28px #173f380b}.player audio{width:100%;margin:15px 0}.player label{margin-top:14px}.player hr{border:0;border-top:1px solid var(--line);margin:30px 0}.player summary{cursor:pointer;font-weight:700}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.actions button:first-child{background:var(--green);color:white}.small{font-size:14px}.context-note{display:grid;grid-template-columns:230px 1fr;gap:30px;align-items:center;margin:50px 0;padding-top:30px;border-top:1px solid var(--line)}.context-note img{width:100%;height:260px;object-fit:cover;object-position:top;border-radius:18px}.context-note h2{margin-top:6px}footer{font-size:13px;padding:20px 0;border-top:1px solid var(--line)}[hidden]{display:none!important}@media(max-width:760px){main{padding:20px}.filters,.layout{grid-template-columns:1fr}.recordings{max-height:330px}.context-note{grid-template-columns:1fr}.context-note img{width:190px}.player{padding:20px}header{padding-top:25px}}