*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#18243a;font:18px/1.8 system-ui,sans-serif}a{color:#2456c3;text-underline-offset:4px}.wrap{max-width:960px;margin:auto;padding:24px}header,footer{background:#17263f;color:white}header a,footer a{color:white}h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.15}h2{font-size:1.5rem;line-height:1.3;margin-top:36px}.meta{font-size:.85rem;color:#58677d}.deck{font-size:1.15rem}.callout{padding:24px;background:#e6edfc;border-radius:16px}nav{display:flex;gap:24px;flex-wrap:wrap}.diagram{margin:32px 0;padding:28px;border:1px solid #d5deee;border-radius:18px;background:white}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.steps span{padding:18px;border-radius:10px;background:#eef3fb;text-align:center}.diagram figcaption{font-size:.8rem;color:#58677d;margin-top:15px}@media(max-width:600px){body{font-size:17px}.steps{grid-template-columns:1fr}.wrap{padding:20px}}