body{font:16px/1.7 system-ui;background:#f3f5fc;color:#203452;margin:0;padding:24px}main{max-width:1200px;margin:auto}h1{font-weight:600}a{color:#2456b6}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}figure{margin:0}img{width:100%;border-radius:20px}figcaption{font-size:14px;margin:8px 0}section{background:white;border-radius:20px;padding:20px;margin:24px 0}code{overflow-wrap:anywhere}@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.grid{grid-template-columns:1fr}}