:root{font:16px/1.5 system-ui,sans-serif;color:#1b3555;background:#f5f3ed}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:18px 4vw;border-bottom:1px solid #c9d0c8}header strong{font-size:25px}header span{font-size:14px;font-weight:400;margin-left:18px;color:#607087}main{max-width:1400px;margin:auto;padding:32px 4vw}h1{font-size:clamp(30px,4vw,46px);line-height:1.12;margin:14px 0 24px}h2{font-size:22px}p{max-width:80ch;color:#607087}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:700}button{min-height:44px;padding:9px 16px;border:1px solid #758c7e;border-radius:7px;background:#1b3555;color:white;font:inherit;cursor:pointer}button:hover{background:#17477d}button:disabled{opacity:.5;cursor:wait}input,select,textarea{display:block;width:100%;font:inherit;border:1px solid #b6c3b8;border-radius:5px;padding:10px;background:white;color:#1b3555}input[type=checkbox]{width:22px;height:22px}input[type=range]{padding:0;min-width:200px}label{display:block;font-size:14px;margin:8px 0;flex:1;min-width:130px}textarea{min-height:90px}form{max-width:100%}#sign-in{max-width:370px}#login{margin:8vh 0}nav,.row,.heading{display:flex;gap:12px;align-items:end;flex-wrap:wrap}nav{margin-bottom:32px}nav button{background:transparent;color:#1b3555}nav button[aria-current=true]{background:#1b3555;color:white}.heading{justify-content:space-between}.columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.card{padding:20px;border:1px solid #c9d0c8;background:#fffdf8;border-radius:10px;margin:16px 0}table{border-collapse:collapse;width:100%;background:#fffdf8}th,td{text-align:left;padding:12px;border-bottom:1px solid #dce2da}th{font-size:13px;color:#607087}td button{background:transparent;color:#1b3555}#message{white-space:pre-wrap;margin-bottom:16px;color:#8a341c}dialog{width:min(1250px,96vw);max-height:94vh;border:0;border-radius:12px;padding:30px;color:#1b3555;background:#f5f3ed}dialog::backdrop{background:#1b355580}video{width:100%;background:#122842}audio{width:100%}.evidence{margin:5px;font-size:13px;background:transparent;color:#1b3555}.step{border-left:3px solid #17477d;padding-left:16px;margin:18px 0}.muted{color:#607087}a{color:inherit}#transcript{max-height:240px;overflow:auto}output{min-width:60px}table input{margin:0}[hidden]{display:none!important}@media(max-width:700px){main{padding:20px}table{display:block;overflow:auto}.heading{align-items:start}dialog{padding:18px}}
#mfa-qr{display:block;width:300px;max-width:100%;height:auto;background:white;image-rendering:pixelated;margin:16px 0}#secret{display:block;overflow-wrap:anywhere;margin-bottom:16px}

/* Tally Ho identity, with the warm Tex film theme retained. */
.brand-lockup{display:flex;align-items:center;gap:20px}.brand-lockup img{width:144px;height:auto;object-fit:contain;flex-shrink:0}.brand-lockup strong{display:block;font-size:23px;line-height:1.2}.brand-lockup span{display:block;margin:5px 0 0;font-size:12px;color:#607087}header{background:#fffdf8;border-top:4px solid #ce1d25}button{border-color:#17477d;background:#17477d;border-radius:10px}button:hover{background:#123b69}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #17477d;outline-offset:3px}nav button[aria-current=true]{background:#17477d}#submit,#download{background:#ce1d25;border-color:#ce1d25}#submit:hover,#download:hover{background:#ae1820}a{color:#17477d}@media(max-width:520px){.brand-lockup{gap:12px}.brand-lockup img{width:100px}.brand-lockup strong{font-size:18px}header{padding:14px 20px}}
