body{margin:0;font:17px/1.65 system-ui;color:#102235;background:#f4f8fa}*{box-sizing:border-box}header{background:#071b33;color:white;padding:24px max(24px,calc((100vw - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}header img{width:250px;max-width:100%;height:auto}nav{display:flex;flex-wrap:wrap;gap:12px 24px}header a{color:white}a{color:#075c85;text-underline-offset:3px}main{max-width:850px;margin:0 auto;padding:36px 24px 60px}article{background:white;border:1px solid #dce6eb;padding:32px;border-radius:12px}h1{font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.2}h2,h3{line-height:1.3;margin-top:30px}h3{font-size:1.25rem}li{margin-bottom:12px}small{color:#607084}.cta{display:inline-block;background:#071b33;color:white;padding:12px 20px;border-radius:6px;text-decoration:none;margin:20px 0}footer{max-width:850px;padding:24px;margin:auto;display:flex;flex-wrap:wrap;gap:16px}.crumb{font-size:14px}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;background:white;padding:10px}@media(max-width:600px){article{padding:20px}header{padding:20px}main{padding:24px 16px}}
.real-world-example{margin:36px 0;padding:24px;background:#f3f7f6;border-left:3px solid #24aaa9}.real-world-example .example-label{margin:0 0 10px;font-size:.8rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#32646e}.real-world-example h2{margin:0 0 16px;font-size:1.5rem}.real-world-example p{margin:0 0 16px}.real-world-example .example-note{font-size:.9rem;color:#53616b}.real-world-example a{font-weight:600}@media(max-width:600px){.real-world-example{padding:20px}}