*{box-sizing:border-box}body{margin:0;background:#f6f8f4;color:#183831;font:17px/1.65 system-ui,sans-serif}main{max-width:1080px;margin:auto;padding:26px clamp(16px,4vw,52px) 60px}a{color:#12624f;text-underline-offset:3px}header{border-bottom:2px solid #b7d3c3;padding:30px 0 16px}small{letter-spacing:.12em;color:#356b54}h1{font-size:clamp(30px,5vw,52px);line-height:1.2;margin:.4em 0}h2{margin:1.6em 0 .5em}h3{margin:.4em 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}article{background:white;border:1px solid #d1ded4;border-radius:16px;padding:18px}article img{width:100%;height:160px;object-fit:contain}article audio{width:100%;margin-top:10px}.actions a{display:inline-block;padding:10px 18px;border-radius:8px;background:#155a48;color:white;text-decoration:none;margin:4px 4px 0 0}article:target{outline:3px solid #559977}