.w-draft{margin:14px 16px 0;padding:10px 14px;border-radius:12px;background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-ink);font-size:14px}
.w-rider{display:flex;gap:12px;align-items:center}
.w-rider .nm{font-family:var(--disp);font-weight:700;font-size:26px;line-height:1.05}
.w-progress{position:sticky;top:calc(var(--safe-t) + 72px);z-index:10;margin:12px 16px 0;background:var(--navy-2);color:#fff;border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}
.w-progress .bar{flex:1;height:6px;background:rgba(255,255,255,.2);border-radius:99px;overflow:hidden}
.w-progress .bar i{display:block;height:100%;width:0;background:#7fd19b;transition:width .25s}
.w-sec h2{display:flex;align-items:baseline;gap:10px}
.w-sec h2 .n{font-size:15px;color:var(--muted);font-family:var(--body);font-weight:700}
.w-sec p,.w-sec li{font-size:15px;margin:0}
.w-sec ul,.w-sec ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.w-sec.legal p,.w-sec.legal li{font-size:14px}
.w-lead{font-weight:700}
.w-init{border-top:1px dashed var(--field);padding-top:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.w-init label{font-size:14px;font-weight:700;color:var(--muted)}
.w-init input{width:92px;min-height:48px;border:2px solid var(--warn-line);border-radius:10px;text-align:center;font-family:var(--disp);font-weight:700;font-size:24px;letter-spacing:.08em;text-transform:uppercase;background:#fff}
.w-init input.done{border-color:var(--ok);background:var(--ok-bg);color:var(--ok-ink)}
.w-init .use{min-height:44px}
.w-check{display:flex;gap:12px;align-items:flex-start;font-size:15px}
.w-check input{width:24px;height:24px;flex:none;margin-top:1px;accent-color:var(--navy)}
.w-pad{position:relative;border:1.5px solid var(--field);border-radius:12px;background:#fff;touch-action:none}
.w-pad canvas{display:block;width:100%;height:170px;border-radius:12px;cursor:crosshair}
.w-pad .line{position:absolute;left:18px;right:18px;bottom:40px;border-bottom:1.5px solid var(--line);pointer-events:none}
.w-pad .x{position:absolute;left:18px;bottom:44px;font-weight:700;color:var(--muted);pointer-events:none}
.w-pad .hint{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-size:13px;color:var(--muted);pointer-events:none}
.w-pad.signed .hint{display:none}
select.in{min-height:46px;border:1px solid var(--field);border-radius:10px;padding:0 12px;font-size:16px;background:#fff;width:100%}
.w-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bad{border-color:#a3132b!important;box-shadow:0 0 0 3px rgba(163,19,43,.15)}
.w-done{text-align:center;align-items:center}
.w-done .ic{width:72px;height:72px;border-radius:50%;background:var(--ok-bg);color:var(--ok);display:flex;align-items:center;justify-content:center}

.dob3{display:grid;grid-template-columns:1.6fr 1fr 1.2fr;gap:8px}
#dob.bad select{border-color:#a3132b}
div.f{display:flex;flex-direction:column;gap:4px}
div.f>span{font-size:13px;font-weight:700;color:var(--muted)}