*{box-sizing:border-box}body{font:17px/1.6 system-ui,sans-serif;color:#183e48;background:#f5f8f8;margin:0}main{max-width:1160px;margin:auto;padding:32px 24px}a{color:#00696a}header{background:#fff;border-top:7px solid #af3d72;border-bottom:7px solid #007c7d;padding:28px;border-radius:12px}h1{font-size:clamp(28px,5vw,44px);line-height:1.15;margin:12px 0}h2{font-size:24px}.muted{font-size:14px;color:#536b74}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:16px}.card{background:white;border:1px solid #d5e0e2;border-radius:12px;padding:20px}.pink{border-top:5px solid #af3d72}.teal{border-top:5px solid #007c7d}input,select,button{font:inherit;padding:10px;border:1px solid #9eafb4;border-radius:6px;background:white;color:#183e48}input{width:100%}label{display:block}.filters{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:12px;background:#e6f0f0;padding:20px;border-radius:10px;margin-top:28px}article{background:white;padding:20px 24px;margin:12px 0;border-left:4px solid var(--color);border-radius:6px}article h3{margin:0 0 8px;font-size:21px}.tag{font-size:12px;letter-spacing:.05em;text-transform:uppercase;font-weight:700}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:16px/1.7 system-ui,sans-serif;background:white;padding:26px;border-left:5px solid var(--color)}nav{display:flex;gap:20px;flex-wrap:wrap}.note{background:#e9f1f1;padding:18px 22px;border-radius:8px}.pager{display:flex;gap:18px;align-items:center;margin:20px 0}.brand{width:200px;max-width:80%;height:auto}@media(max-width:640px){main{padding:16px}.filters{grid-template-columns:1fr}header{padding:20px}pre{padding:16px}article{padding:16px}}