/* Account pages: the same tokens as the tools (toile.css). Monochrome, IBM Plex Mono, no accent colour. */
.a-main{max-width:640px;padding-bottom:80px}
.a-main.a-wide{max-width:none}
.a-main h1{margin-top:38px}
.a-form{display:grid;gap:18px;margin-top:22px;max-width:420px}
.a-field{display:grid;gap:5px}
.a-field label,.a-label{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.a-field input,.a-in,.a-sel{width:100%;background:transparent;border:none;border-bottom:1px solid var(--line2);font-family:var(--mono);font-size:13px;padding:6px 0;color:var(--ink);border-radius:0}
.a-field input:focus,.a-in:focus,.a-sel:focus{outline:none;border-bottom-color:var(--ink)}
.a-field em{font-style:normal;font-size:10.5px;color:var(--faint)}
.a-sec .t-go,.a-main .t-go{color:var(--ink)}
.a-sec .t-go:hover,.a-main .t-go:hover{color:var(--bg)}
.a-sec .t-go[disabled],.a-main .t-go[disabled],.a-main .t-go[disabled]:hover{color:var(--faint);background:none}
.a-form .t-go{margin-top:4px;justify-self:start}
.a-msg{font-size:11.5px;line-height:1.7;margin-top:16px;max-width:70ch;overflow-wrap:anywhere}
.a-msg:empty{display:none}
.a-msg.bad{font-weight:500;border-left:1px solid var(--ink);padding-left:12px}
.a-msg.ok{color:var(--ink);border-left:1px solid var(--ink);padding-left:12px}
.a-alt{margin-top:22px;font-size:11px;color:var(--mut);line-height:2}
.a-alt a{margin-right:4px}
.a-row{display:flex;align-items:baseline;gap:10px 18px;flex-wrap:wrap}
.a-row .t-go{margin-top:0}
.a-sec{padding:30px 0;border-bottom:1px solid var(--line)}
.a-sec:last-child{border-bottom:none}
.a-sec p{font-size:11.5px;color:var(--mut);line-height:1.7;max-width:76ch}
.a-sec p b{color:var(--ink);font-weight:500}
.a-sec .a-form{margin-top:14px}
.a-inline{display:flex;align-items:flex-end;gap:10px 16px;flex-wrap:wrap;margin-top:14px;max-width:560px}
.a-inline .a-field{flex:1 1 200px;min-width:0}
.a-inline .t-go{margin:0}
.a-list{list-style:none;border-top:1px solid var(--ink);margin-top:14px}
.a-list li{display:flex;align-items:baseline;justify-content:space-between;gap:6px 16px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line);font-size:11.5px}
.a-list li>span:first-child{min-width:0;overflow-wrap:anywhere}
.a-list b{font-weight:500}
.a-list .a-sub{display:block;color:var(--faint);font-size:10.5px}
.a-acts{display:flex;align-items:baseline;gap:8px 14px;flex-wrap:wrap}
.a-acts .a-sel{width:auto;font-size:11px;padding:2px 0}
.a-btn{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);border-bottom:1px solid var(--line2)}
.a-btn:hover{color:var(--ink);border-bottom-color:var(--ink)}
.a-btn[disabled]{color:var(--faint);border-bottom-color:var(--line);cursor:not-allowed}
.a-tag{font-size:9px;letter-spacing:.13em;text-transform:uppercase;border:1px solid var(--line2);padding:0 5px;color:var(--mut)}
.a-danger{border-top:1px solid var(--ink);margin-top:10px}
a.t-go{display:inline-block;border-bottom:1px solid var(--ink)}
a.t-go:hover{color:var(--bg)}
.a-mast .t-nav a{font-size:10px}
.a-who{margin-left:auto;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);overflow-wrap:anywhere}
@media(max-width:720px){.a-who{margin-left:0;width:100%}}
.a-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}