*{box-sizing:border-box}body{margin:0;background:#f6f3ee;color:#24303d;font:17px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}header{background:#142638;color:#fff;padding:24px max(24px,calc((100% - 850px)/2))}header strong{letter-spacing:.09em;font-size:13px}nav{display:flex;gap:12px;margin-top:12px}nav a{border:1px solid #8394a3;color:white;border-radius:7px;padding:4px 13px;text-decoration:none;font-size:14px}nav a[aria-current=page]{background:#fff;color:#142638}main{padding:40px 24px;max-width:850px;margin:auto}.tag{display:inline-block;padding:4px 9px;border-radius:4px;background:#d8ebe2;font-weight:700;font-size:12px}h1{font-size:clamp(32px,6vw,54px);line-height:1.1}section{background:white;border:1px solid #ddd;border-radius:12px;padding:20px;margin:26px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.card{border:1px solid #d2d7de;border-radius:8px;padding:12px}.card img{width:100%;height:100px;object-fit:cover;border-radius:6px;background:#d7e1eb}footer{text-align:center;color:#52606b;padding:35px 24px;font-size:13px}code{font-size:14px;background:#eef1f2;padding:2px 5px}