:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1d2928;background:#f5f7f6;font-size:16px;line-height:1.5;color-scheme:light}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px max(24px,calc((100vw - 1120px)/2));background:#fff;border-bottom:1px solid #e3e9e7}.brand{font-weight:650;font-size:1.2rem;text-decoration:none;color:inherit;white-space:nowrap}nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}main{max-width:1120px;padding:48px 24px;margin:auto;min-height:75vh}h1{font-size:2rem;line-height:1.2;margin:0 0 16px}h2{font-size:1.2rem;margin:0 0 12px}.eyebrow{font-size:.85rem;letter-spacing:.04em;color:#536964;margin:0 0 8px}.intro{max-width:720px;color:#52615e;margin:0 0 32px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:20px}article{background:#fff;border-radius:20px;padding:24px}a{color:#17685c}button,.button,input[type=submit]{font:inherit;background:#17685c;border:0;border-radius:12px;color:#fff;padding:12px 20px;min-height:44px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#125348}.quiet{background:transparent;color:#17685c;padding:8px 12px}.quiet:hover{background:#eaf2ef}.danger{color:#a02d32}nav form{margin:0}.badge{background:#e8f1ed;border-radius:30px;padding:5px 12px;font-size:.85rem}dl{display:grid;grid-template-columns:minmax(80px,auto) minmax(0,1fr);gap:12px 20px}dt{color:#64736f}dd{margin:0}.fingerprint{font-family:ui-monospace,monospace;overflow-wrap:anywhere;font-size:.9rem}.note{color:#65736f;font-size:.9rem;margin-top:28px}.notice{padding:12px 16px;border-radius:12px;background:#e3f0e8}.section-title{margin-top:40px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;background:white}th,td{text-align:left;padding:16px;border-bottom:1px solid #e4e9e7}label{display:block;margin:16px 0 6px}input,textarea,select{font:inherit;max-width:100%;padding:10px 12px;border:1px solid #a7b9b3;border-radius:8px}textarea{display:block;width:100%;font-family:ui-monospace,monospace;resize:vertical}footer{max-width:1120px;margin:auto;padding:20px 24px;color:#65736f;font-size:.85rem}:focus-visible{outline:3px solid #478f81;outline-offset:3px}.errorlist{color:#a02d32}@media(max-width:640px){header{align-items:flex-start;padding:16px;flex-direction:column;gap:12px}nav{gap:8px}main{padding:28px 16px}h1{font-size:1.7rem}article{padding:20px}dl{grid-template-columns:1fr;gap:4px}dd{margin-bottom:10px}.heading{align-items:flex-start}}

.connect-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.connect-form label{margin:0;font-size:.85rem}.connect-form select{background:white}

/* Preserve the HTML hidden attribute against the shared submit-button rule. */
[hidden] { display: none !important; }
.auth-panel { max-width: 480px; margin: 0 auto; padding: 28px; background: #fff; border-radius: 20px; }
.auth-panel table, .auth-panel tbody, .auth-panel tr, .auth-panel th, .auth-panel td { display: block; width: 100%; padding: 0; border: 0; background: transparent; }
.auth-panel input[type=text], .auth-panel input[type=password], .auth-panel input[type=number] { width: 100%; min-height: 48px; }
.auth-panel img, .auth-panel svg { max-width: 100%; height: auto; }
button:disabled { opacity: .45; cursor: default; }
@media (max-width: 480px) { .auth-panel { padding: 20px; } }
