/* account.css: the sign-up, sign-in, account and admin pages (step 2, 8 Nov 2026). Loaded after base.css. No inline styles anywhere. */
.wrap.narrow{max-width:640px;padding:22px 16px 48px}
.acct-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}
.acct-h img{width:150px}
.acct-h nav a{font-size:14px;margin-left:18px;color:var(--miso2)}
.acct h1{font-size:clamp(30px,7vw,42px);margin:10px 0 16px}
.acct h2{font-weight:300;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--miso2);margin:38px 0 10px}
.acct p.lead{font-size:18px;max-width:46ch}
.acct main p{max-width:60ch}
.acct main a{text-decoration:underline;text-underline-offset:3px}
.acct .btn{border:0;font:inherit;font-weight:500;cursor:pointer;line-height:1.2}
.acct .btn.small{padding:9px 16px;font-size:14.5px}
.acct .btn.ghost{color:var(--miso)}
.muted{color:var(--miso2)}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px}
form.join{display:grid;gap:14px;margin-top:6px}
form.join h2{margin:22px 0 0}
label.f{display:grid;gap:6px}
label.f span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--miso2);font-weight:500}
label.f small{font-size:13.5px;color:var(--miso2)}
input,select{font:inherit;font-weight:300;color:var(--sumi);background:rgba(255,255,255,.55);border:1px solid var(--line);border-radius:12px;padding:12px 14px;width:100%;min-height:46px}
input:focus,select:focus{outline:2px solid var(--kaki);outline-offset:1px}
label.chk{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.45}
label.chk input{width:20px;height:20px;min-height:0;margin-top:3px;flex:none;accent-color:var(--kaki)}
label.chk.radio{margin-top:6px}
label.chk b{font-weight:500}
label.chk em{color:var(--miso2);font-style:normal}
.nights{display:flex;flex-wrap:wrap;gap:10px 18px;padding:2px 0 6px 30px}
.nights label.chk{font-size:15.5px}
.consents{display:grid;gap:12px}
.consents label.chk{font-size:15px}
form.code{display:flex;gap:10px;align-items:center;margin:18px 0 12px;flex-wrap:wrap}
form.code input{font-size:28px;letter-spacing:.3em;max-width:220px;text-align:center}
.err,.ok{border-radius:12px;padding:12px 16px;margin:0 0 18px;font-size:15.5px}
.err{background:rgba(200,98,58,.12);border:1px solid rgba(200,98,58,.45)}
.ok{background:rgba(255,255,255,.5);border:1px solid var(--line)}
.err p,.ok p{margin:0}
ul.weeks{list-style:none;border-top:1px solid var(--line)}
ul.weeks li{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}
ul.weeks .d{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--miso2);font-weight:500;width:120px;flex:none}
ul.weeks .n{flex:1;font-weight:400}
ul.weeks .n small{display:block;font-weight:300;color:var(--miso2);font-size:13.5px}
ul.weeks li.paused .n{color:var(--miso2)}
ul.weeks form{margin:0}
table.admin{width:100%;border-collapse:collapse;font-size:14.5px;margin-top:8px}
table.admin th{text-align:left;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--miso2);font-weight:500;padding:8px 6px;border-bottom:1px solid var(--line)}
table.admin td{padding:10px 6px;border-bottom:1px solid var(--line);vertical-align:top}
table.admin small{display:block;color:var(--miso2);font-size:12.5px}
.acct footer{margin-top:44px}
.legal h2{font-weight:400;font-size:18px;letter-spacing:0;text-transform:none;color:var(--miso);margin:30px 0 8px}
.legal p,.legal li{max-width:66ch;font-size:16px}
.legal ul{padding-left:20px;display:grid;gap:6px}
.draft{display:inline-block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--kaki);color:var(--kaki);border-radius:999px;padding:3px 9px;margin-bottom:10px}
@media (max-width:640px){.acct-h nav{display:none}ul.weeks .d{width:92px}}