*{box-sizing:border-box}html{font-family:system-ui,sans-serif;color:#17243a;background:#f1f5f9}body{margin:0}main{max-width:720px;margin:0 auto;padding:clamp(16px,4vw,40px)}header,section{background:#fff;padding:clamp(16px,4vw,28px);border:1px solid #c8d2dd;border-radius:12px;margin-bottom:16px}h1{font-size:clamp(1.5rem,5vw,2.2rem);line-height:1.2;margin:0 0 12px}h2{font-size:1.15rem;margin-top:0}.eyebrow{font-weight:700;letter-spacing:.07em;font-size:.75rem;color:#254a71}p{line-height:1.6}img{display:block;max-width:100%;height:auto}audio{display:block;width:100%;max-width:320px}button{font:inherit;font-weight:600;min-height:44px;border:0;border-radius:8px;background:#174b7a;color:white;padding:12px 16px;cursor:pointer}button:focus-visible,audio:focus-visible{outline:3px solid #ac4a00;outline-offset:4px}footer{font-size:.875rem;color:#334155}#result{min-height:1.6em}