:root{font-family:system-ui,-apple-system,sans-serif;color:#203047;background:#f3f5f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{background:#152c49;color:white;padding:38px max(24px,calc((100vw - 1160px)/2));display:flex;justify-content:space-between;gap:24px;align-items:center}h1{margin:8px 0;font-size:32px;letter-spacing:-1px}header p{color:#becbdb}header a{color:#d7e7ff;white-space:nowrap}.eyebrow{font-size:11px;font-weight:700;letter-spacing:3px;color:#8fb9f5}main{max-width:1208px;margin:auto;padding:28px 24px}section{background:white;border:1px solid #dce3ed;border-radius:12px;padding:24px;margin-bottom:24px}h2{font-size:19px;margin:0 0 16px}h3{font-size:15px;margin-top:24px}p{font-size:14px;line-height:1.6;color:#627086}label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;margin-bottom:16px}input,select,textarea{font:inherit;width:100%;border:1px solid #c8d2df;border-radius:6px;padding:11px;background:white;color:#203047}textarea{font-family:monospace;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #85b9ff;outline-offset:1px}button{border:0;border-radius:6px;background:#215baf;color:white;font:600 13px system-ui;padding:12px 18px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.secondary{background:#eaf0f8;color:#215baf}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid section{min-width:0}.heading,.item{display:flex;justify-content:space-between;align-items:center;gap:16px}.items{max-height:360px;overflow:auto}.item{padding:12px 0;border-bottom:1px solid #edf0f5;font-size:14px;overflow-wrap:anywhere}.item small{display:block;color:#627086;margin-top:4px}.choice{flex-direction:row;align-items:center;font-weight:400}.choice input{width:auto}fieldset{border:1px solid #dce3ed;border-radius:6px;margin:0 0 16px;padding:12px}legend{font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.metric strong{display:block;font-size:29px;margin-bottom:6px}.metric span{font-size:12px;color:#627086}#message{padding:12px 0}#message.error{color:#a72727}footer{text-align:center;font-size:12px;color:#627086;padding:24px}code{font-size:12px;background:#edf2f8;padding:2px 4px;border-radius:3px}[hidden]{display:none!important}@media(max-width:720px){.grid{grid-template-columns:1fr;gap:0}.metrics{grid-template-columns:1fr 1fr}header{align-items:flex-start;flex-direction:column}section{padding:18px}.item{flex-wrap:wrap}}