*{box-sizing:border-box}body{margin:0;background:#0e1622;color:#edf2f9;font:17px/1.65 "Segoe UI",sans-serif}a{color:#92c8ff}header,main,footer{max-width:1150px;margin:auto;padding:25px}header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #2b3a4c}nav{display:flex;gap:14px;flex-wrap:wrap}nav a[aria-current]{font-weight:700;color:white}h1{font-size:clamp(29px,4vw,46px);line-height:1.16;max-width:800px}h2{font-size:26px}h3{font-size:20px;margin:0 0 6px}p{margin:10px 0 20px}.lead{max-width:760px;color:#bac7d9}.example{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;margin:40px 0}.example img{width:100%;height:auto;border-radius:15px}.caption{font-size:14px;color:#aab7c9}section{margin:42px 0}.fields p{font-size:15px;margin:0 0 13px}.status{display:grid;grid-template-columns:22px 1fr;gap:15px;padding:20px 0;border-bottom:1px solid #2b3a4c}.dot{width:15px;height:15px;margin-top:11px;border-radius:50%}.status p{margin:4px 0;color:#bfcadc}.status .action{color:#edf2f9}li{margin:13px 0}.cta{display:inline-block;padding:12px 20px;border:1px solid #79b9f8;border-radius:7px;text-decoration:none;color:white}.notes{background:#192537;padding:24px;border-radius:12px}footer{font-size:14px;color:#aab7c9;border-top:1px solid #2b3a4c}@media(max-width:820px){.example{grid-template-columns:1fr;gap:20px}header,main,footer{padding:19px}}
.status-blue{background:#2388e8}
.status-red{background:#d94b59}
.status-yellow{background:#d99a21}
.status-green{background:#32a978}
.status-gray{background:#808999}