:root{--brand:#13776f;--ink:#172228;--muted:#68757c;--line:#dce3e6;--bg:#f6f8f9}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.6}
header{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 max(24px,calc((100% - 1160px)/2))}
header nav{display:flex;gap:24px}a{color:inherit;text-decoration:none}.brand{font-weight:800}
main{width:min(1160px,calc(100% - 36px));margin:auto;padding:60px 0}.hero{max-width:760px}.hero h1,.article h1{font-size:clamp(2.3rem,6vw,4.5rem);line-height:1.05;margin:.15em 0}.hero small,.article small{color:var(--brand);font-weight:800;letter-spacing:.13em}
.filters{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin:32px 0}input{min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:8px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.card img{width:100%;aspect-ratio:16/10;object-fit:cover}.card div{padding:20px}.card h2{line-height:1.25}.card p,.lead,#meta{color:var(--muted)}
.article{max-width:820px}.article img{width:100%;border-radius:12px;margin:28px 0}.article #body{font-size:1.06rem}.article #body img{max-width:100%}
@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.grid,.filters{grid-template-columns:1fr}}