/* Account pages on top of /site.css: forms, tabs, carnet de route. */
[hidden]{display:none!important}
.page{padding-top:52px;padding-bottom:64px;min-height:60vh}
.split{display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start}
.intro{flex:1 1 400px;min-width:0;display:flex;flex-direction:column;gap:22px}
.intro .h1{font-size:46px}
.thumb{height:200px}
.thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:40% 45%}
.benefits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.benefits li{display:flex;gap:14px;align-items:flex-start;font-size:15px;line-height:1.5;color:var(--ink-2)}
.auth-card{flex:1 1 380px;min-width:0;max-width:480px;padding:0}
.auth-body{display:flex;flex-direction:column;gap:14px;padding:26px 26px 22px}
.auth-body .h2{font-size:26px}
form{display:flex;flex-direction:column;gap:14px}
.tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--ink)}
.tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 14px/1 var(--sans);padding:15px 18px;border:0;background:transparent;color:var(--muted);cursor:pointer}
.tab:hover{color:var(--ink)}
.tab.selected{color:var(--ink);background-color:var(--paper-3);background-image:repeating-linear-gradient(135deg,rgba(43,39,34,.16) 0 1px,transparent 1px 4px);box-shadow:inset 0 -2px 0 var(--ink)}
.tab:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}
.space-tabs .tab{flex:0 0 auto}
.field{display:flex;flex-direction:column;gap:3px;padding:8px 13px 9px;border:1px solid var(--ink);border-radius:2px;background:var(--paper-2);box-shadow:inset 0 0 0 2px var(--paper-2),inset 0 0 0 3px var(--line-2)}
.field .l{font:600 9.5px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.field input{border:0;background:transparent;padding:2px 0;font:16px/1.3 var(--serif);color:var(--ink);outline:none;width:100%}
.field:focus-within{outline:2px solid var(--ink);outline-offset:2px}
.hint{margin:-6px 0 0;font-size:12.5px;line-height:1.45;color:var(--muted)}
.panel .hint,.narrow .hint{margin:0}
form .g{margin-top:6px}
button:disabled{opacity:.6;cursor:wait}
.text-button{align-self:flex-start;background:none;border:0;padding:6px 0;font:13px var(--sans);color:var(--muted);cursor:pointer;text-decoration:underline dotted 1px;text-underline-offset:4px}
.narrow{max-width:620px;margin:0 auto}
code#new-recovery{display:block;overflow-wrap:anywhere;user-select:all;background:var(--paper-3);border:1px solid var(--line);padding:16px;font:15px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}
.space-head{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end;justify-content:space-between;margin-bottom:24px}
.space-title{display:flex;flex-direction:column;gap:10px}
.space-title .h1{font-size:42px}
.who{display:flex;align-items:center;gap:8px}
.g.quiet{border-color:transparent;box-shadow:none;background:transparent;color:var(--ink-2)}
.g.quiet:hover{text-decoration:underline dotted 1px;text-underline-offset:4px}
#consent{margin-bottom:24px;display:flex;flex-direction:column;gap:12px}
dl{margin:0;background:var(--paper-3);border:1px solid var(--line);padding:12px 16px}
dt{font:600 9.5px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-top:8px}
dd{margin:4px 0 8px;font-size:14px;overflow-wrap:anywhere}
.panel{display:flex;flex-direction:column;gap:16px;padding-top:24px}
.list{border:1px solid var(--ink);background:var(--paper-2);box-shadow:inset 0 0 0 3px var(--paper-2),inset 0 0 0 4px var(--line-2);padding:4px 22px}
.list:empty{display:none}
.item{display:flex;align-items:center;gap:18px;padding:16px 0;border-top:1px solid #E3DCCD;flex-wrap:wrap}
.item:first-child{border-top:0}
.item-main{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:6px}
.item-title{font:400 20px/1.25 var(--serif);overflow-wrap:anywhere}
.item-actions{display:flex;flex-wrap:wrap;gap:8px}
.item-note{flex-basis:100%;margin:-6px 0 0;font-size:13.5px;color:var(--ink-2);overflow-wrap:anywhere}
.item-note.error{color:#8E3B2A}
.item-date{font-size:13.5px;color:var(--faint);font-variant-numeric:tabular-nums}
.empty{padding:22px;border:1px dashed var(--line-2);background:var(--paper-2);font-size:15px;color:var(--ink-2)}
.danger{color:#8E3B2A}
.gap-top{margin-top:18px}
.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:720px}
#plan-panel{display:flex;flex-direction:column;gap:14px}
#plan-panel .g{align-self:flex-start}
#plan-confirm{display:flex;flex-direction:column;gap:10px}
#status{font-size:14px;color:#8E3B2A;overflow-wrap:anywhere;margin:18px 0 0}
#status:empty{display:none}
@media (max-width:760px){.intro .h1,.space-title .h1{font-size:34px}.page{padding-top:32px}.auth-card{max-width:none}.list{padding:4px 16px}}