:root{font-family:system-ui,sans-serif;color:#162437;background:#f8fafc;line-height:1.6}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1100px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #dce3eb}a{color:#146b9e}.brand{font-weight:750;font-size:1.4rem;text-decoration:none}nav{display:flex;gap:20px;flex-wrap:wrap}main{min-height:65vh;padding-top:64px}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.15}.body{white-space:pre-wrap;max-width:75ch}footer{color:#64748b;border-top:1px solid #dce3eb}@media(max-width:600px){header{align-items:flex-start;flex-direction:column}main{padding-top:32px}}

.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin:40px 0}.tiles article,.tiles figure,.feature{margin:0;padding:20px;background:white;border:1px solid #dce3eb;border-radius:8px}img{max-width:100%;height:auto;border-radius:6px}.tiles img{max-height:260px;object-fit:cover}.feature{margin-top:32px}.feature img{max-width:32%;padding:4px}figcaption{padding-top:8px}