:root{font-family:var(--sfdn-font,Arial,sans-serif);color:#192b40;background:#f2f5f8}*{box-sizing:border-box}body{margin:0}header{background:#172a40;color:white;padding:20px 5%;display:flex;justify-content:space-between}header a{color:white}main{max-width:1400px;margin:36px auto;padding:0 24px}h1{font-size:30px;margin-bottom:8px}h2{font-size:18px;margin-top:0}.intro,.subtle{color:#5a6b7d}.panel{background:white;border:1px solid #dce3ec;border-radius:12px;padding:24px;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.grid .panel{margin:0;min-width:0}label{display:block;font-size:14px;font-weight:600;margin-bottom:14px}input,select{display:block;width:100%;padding:11px;margin-top:7px;border:1px solid #b8c5d5;border-radius:6px;background:white;color:#192b40}button{padding:12px 17px;border:0;border-radius:6px;background:#0068b7;color:white;cursor:pointer;font-weight:600}button:disabled{opacity:.5;cursor:wait}.secondary{background:#eaf0f6;color:#193d60;margin-top:10px}#access-form{display:flex;gap:12px;align-items:center;flex-wrap:wrap}#access-form label{flex:1;min-width:240px}#access-form .secondary{margin:0}.heading{display:flex;align-items:start;justify-content:space-between;gap:10px}.badge{font-size:12px;background:#edf0f3;padding:6px 8px;border-radius:5px}.badge.ok{background:#d9f4e4;color:#15653b}.badge.error{background:#deecff;color:#154c98}.badge.pending{background:#fff2c6;color:#765600}code{overflow-wrap:anywhere}.topic{font-size:13px}.instructions li{margin:8px 0}pre{background:#f5f7fa;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:360px;overflow:auto}details{margin:12px 0}summary{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ecb500;outline-offset:3px}[hidden]{display:none!important}