#enrollment{padding:8px 0}.enroll-progress{display:flex;gap:6px;margin:12px 0 30px}.enroll-progress span{height:4px;flex:1;border-radius:8px;background:#dbe4d8}.enroll-progress .done{background:var(--green)}
#enrollment h1{font-size:34px;line-height:1.15;margin:14px 0}#enrollment .lead{color:var(--muted);font-size:15px;line-height:1.65;margin:0 0 24px}.enroll-card{padding:22px;background:white;border:1px solid #dce4d8;border-radius:20px;margin:20px 0}.enroll-card h2{font-size:20px;margin:0 0 14px}.enroll-card p{font-size:14px;line-height:1.6}.enroll-steps{padding-left:22px;font-size:15px;line-height:1.65}.enroll-steps li{padding:8px 0 8px 5px}.enroll-tabs{display:flex;gap:10px}.enroll-tabs button{flex:1;width:auto}.enroll-tabs button[aria-pressed=true]{background:#e2eddf;border-color:var(--green)}
.enroll-document{white-space:pre-wrap;overflow:auto;max-height:42svh;min-height:200px;padding:18px;border:1px solid #dce4d8;border-radius:14px;background:#fff;font-size:14px;line-height:1.75;overscroll-behavior:contain;overflow-wrap:anywhere}.enroll-document,.enroll-document *{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}.enroll-document:focus-visible{outline:2px solid var(--green);outline-offset:3px}.enroll-scroll-note{font-size:12px;color:var(--muted);margin:12px 0}.enroll-check{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.6;margin:22px 0}.enroll-check input{width:22px;height:22px;flex-shrink:0;margin:0;accent-color:var(--green)}#enrollment .primary{justify-content:center;margin:14px 0}#enrollment .retry{margin-top:12px}#enrollment label:not(.enroll-check){display:block;font-size:14px;font-weight:600;margin:20px 0 10px}
.enroll-input{width:100%;min-height:62px;border:1px solid #b7cbb8;border-radius:14px;background:white;color:#183a31;font:500 24px ui-monospace,SFMono-Regular,Consolas,monospace;padding:15px;user-select:text;-webkit-user-select:text;outline-color:var(--green)}.enroll-code-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.enroll-code-fields .enroll-code{min-width:0;height:67px;font-size:29px;letter-spacing:0;text-align:center;padding:8px;caret-color:var(--green)}.enroll-code::placeholder{color:var(--muted);opacity:.5}.enroll-badge{width:66px;height:66px;border-radius:22px;display:grid;place-items:center;background:#e2eddf;color:var(--green);font-size:30px;margin:12px 0 24px}.enroll-draft{border-radius:12px;background:#fff0dc;padding:12px;font-size:12px;line-height:1.5;margin:12px 0}.enroll-meta{font-size:11px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}.enroll-error:empty{display:none}.enroll-error{padding:14px;background:#fff0dc;border-radius:12px;font-size:14px;line-height:1.5;margin-top:16px}.enroll-countdown{font-size:13px;color:var(--muted);min-height:22px;margin-top:16px}.signed-record{padding-top:20px;margin-top:20px;border-top:1px solid #dce4d8}.signed-record summary{cursor:pointer;padding:12px 0;font-size:15px}.signed-record .enroll-document{min-height:0;margin:12px 0}.enroll-download{color:var(--green);font-size:14px;display:block;padding:12px 0;overflow-wrap:anywhere}
@media(max-width:360px){#enrollment h1{font-size:29px}.enroll-card{padding:18px}.enroll-input{font-size:21px}}