/* Account pages and the privacy notice. Forms sit on the cream plaque (.form-card look from site.css). */
.account-page{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--space-7);align-items:start}
.account-page h1{margin-top:var(--space-2)}
.account-page h2{font-size:26px}
.account-page h3{font-size:20px;margin:0 0 var(--space-2)}
.account-page form{position:relative;margin:0 0 var(--space-5);padding:var(--space-6);border:1px solid var(--parchment-line);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--parchment),var(--parchment-2));color:var(--parchment-ink);box-shadow:inset 0 1px 0 #fff8,var(--shadow)}
.account-page form h3{color:var(--parchment-ink);margin:var(--space-6) 0 var(--space-2);padding-top:var(--space-5);border-top:1px solid #d6c595}
.account-page form h3:first-child{margin-top:0;padding-top:0;border-top:0}
.account-page form label{color:var(--parchment-ink)}
.account-page form input:not([type=checkbox]):not([type=radio]){background:var(--parchment-input);border-color:#bba877;color:var(--parchment-ink)}
.account-page form input:hover{border-color:#9c8756}
.account-page form input:focus{border-color:#9b6414;box-shadow:0 0 0 3px #c9841e45}
.account-page form :focus-visible{outline-color:#8a560f}
.account-page form p{color:var(--parchment-ink)}
.account-page form a{color:#7a4a10;text-decoration:underline;text-underline-offset:3px}
.account-page form .button{width:100%;margin-top:var(--space-2)}
.account-page .field-note{display:block;font-weight:400;font-size:13px;color:var(--parchment-muted);margin-top:5px}
.account-page .tick{display:flex;gap:12px;align-items:flex-start;font-weight:400;font-size:14.5px;background:#fff8e4;border:1px solid #d6c595;border-radius:var(--radius);padding:14px}
.account-page .tick input{margin:2px 0 0;flex:none}
.account-page .tick a{font-weight:600}
.account-page .form-foot{color:var(--parchment-muted);font-size:13px;margin:var(--space-4) 0 0}
.account-page .subtle{color:var(--parchment-muted);font-size:14px}
.account-page form [role=status]{margin-bottom:0}
.account-page form [role=status]:not(:empty){margin-top:var(--space-4);padding:10px 14px;border-radius:var(--radius-sm);background:#fff6dc;border:1px solid #d9c38b;color:var(--parchment-ink);font-weight:600}
.account-page .panel{padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.account-page .panel:first-child{border-top:3px solid var(--accent)}
.account-page .panel h3{color:var(--text)}
.account-page .panel p{color:var(--text-soft);font-size:15px}
.account-page .panel p:first-child{margin-top:0}
.account-page .panel p:last-child{margin-bottom:0}
#recovery-availability{margin-bottom:var(--space-5)}
.stack{display:grid;gap:var(--space-4);position:sticky;top:calc(var(--header-height) + 24px)}
#reset,#verify-email{margin:0 0 var(--space-5)}
#reset form,#verify-email form{margin-top:0}
#reset h2,#verify-email h2{color:var(--text);margin-top:0}
.policy{max-width:780px}
.policy h2{font-size:26px;margin:var(--space-7) 0 var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--border)}
.policy h3{font-size:18px;margin:var(--space-5) 0 var(--space-2)}
.policy p,.policy li{color:var(--text-soft)}
.policy ul{padding-left:22px}
.policy li{margin:6px 0}
.policy li::marker{color:var(--accent)}
.policy table{width:100%;font-size:14px;margin:var(--space-4) 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:table}
.policy th,.policy td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border-soft);vertical-align:top;color:var(--text-soft)}
.policy th{background:var(--surface-2);color:var(--muted)}
.updated{color:var(--muted);font-size:14px;padding:var(--space-4) var(--space-5);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius)}
@media(max-width:900px){.account-page{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.stack{position:static}.policy{max-width:none}.policy table{display:block;overflow-x:auto}}
@media(max-width:560px){.account-page form{padding:var(--space-5)}}