*{box-sizing:border-box}body{margin:0;background:#f3f7fa;color:#102b46;font:18px/1.7 system-ui,sans-serif}header,main,footer{max-width:1050px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid #dae3ea}.brand{font-size:24px;font-weight:750}.brand span{color:#078580}a{color:#087772;text-underline-offset:4px}nav a{margin-right:16px}main{background:white;border-radius:16px;margin-top:24px}h1{font-size:clamp(28px,5vw,42px);line-height:1.2}h2{font-size:24px;line-height:1.4}.lead{font-size:21px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{padding:20px;border:1px solid #dae3ea;border-radius:16px;text-decoration:none}.card:hover{background:#eef8f7}figure{margin:24px 0}img{display:block;max-width:100%;height:auto;max-height:430px;object-fit:contain;margin:auto}figcaption,.crumb,footer{font-size:15px;color:#536878}section{margin:28px 0}a:focus-visible{outline:3px solid #d39830;outline-offset:4px}