:root{font-family:system-ui,sans-serif;color:#192d35;background:#f4f7f6}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:22px 5%;background:white;border-bottom:1px solid #dde7e3}header strong{font-size:22px}header span{color:#07836e}main{max-width:1150px;margin:auto;padding:24px}button,select{font:inherit;border:1px solid #c9dcd5;border-radius:12px;padding:12px 18px;cursor:pointer;background:white;color:#193d34}button:hover{background:#e2f6ee}button:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible{outline:3px solid #dd9b37;outline-offset:3px}.notice{font-size:12px;letter-spacing:.08em;color:#685626;background:#fff4d8;padding:12px;border-radius:10px}.hero{background:#113e35;color:white;border-radius:24px;padding:38px;margin:22px 0}.hero p:first-child{color:#a7e5c7;font-size:12px;letter-spacing:.15em}h1{font-size:clamp(30px,5vw,52px);line-height:1.12;margin:18px 0}p{line-height:1.65}.hero button{background:#b8f174;border:0;margin-top:12px;font-weight:650}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}article{background:white;border:1px solid #dce7e2;border-radius:18px;padding:22px}article small{color:#56736a}article h2{margin:10px 0}.card h3{min-height:48px}.tag{font-size:11px;color:#887145}.question{margin-top:22px}.actions{display:flex;gap:10px;flex-wrap:wrap}audio{display:block;max-width:100%;margin:20px 0}.passage{white-space:pre-line}details{margin-top:24px;padding:16px;background:white;border-radius:12px}footer{text-align:center;padding:35px;color:#56736a;font-size:13px}[hidden]{display:none!important}@media(max-width:700px){.grid,.stats{grid-template-columns:1fr}.hero{padding:25px}header{gap:12px}header button{font-size:12px;padding:10px}main{padding:16px}.actions button{width:100%}}