.account-nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:12px max(20px,calc((100% - 1240px)/2));border-bottom:1px solid #d8cbbb;background:#f4ede2;color:#49351f;font:14px/1.5 system-ui,sans-serif}
.account-nav a{color:inherit;text-decoration:none}.account-nav a:hover{text-decoration:underline}.account-nav .account-identity{margin-left:auto}.account-nav button,.personal button,.entry-account button{font:inherit;cursor:pointer;border:1px solid #bfb098;border-radius:5px;padding:9px 13px;background:#fffaf2;color:#48371f}
.account-nav button:focus-visible,.personal :focus-visible,.entry-account :focus-visible{outline:3px solid #9b5d20;outline-offset:3px}
.personal{max-width:1180px;margin:0 auto;padding:34px 24px 60px;color:#32291e;font:16px/1.65 system-ui,sans-serif}.personal h1{font:clamp(32px,5vw,58px)/1.12 Georgia,serif;margin:10px 0 20px}.personal h2{font:29px/1.2 Georgia,serif;margin:35px 0 18px}.personal .eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase}.personal p{max-width:760px}.personal .personal-intro{padding:10px 0 22px;border-bottom:1px solid #dbcebd}.personal .muted,.personal small{color:#6a5a47}.personal .account-button{display:inline-block;background:#725122;color:white;padding:10px 20px;border-radius:5px;text-decoration:none}.personal [hidden],.account-nav [hidden]{display:none!important}
.personal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.personal-card{border:1px solid #ded2c1;border-radius:8px;overflow:hidden;background:#fffdf8;display:flex;flex-direction:column}.personal-card img{width:100%;height:165px;object-fit:cover}.personal-card .personal-card-body{padding:20px;display:flex;flex-direction:column;flex:1}.personal-card h3{font:23px/1.25 Georgia,serif;margin:8px 0 12px;overflow-wrap:anywhere}.personal-card a{color:inherit}.personal-card p{font-size:14px}.personal-card .reason{font-size:12px;color:#775522}.personal-card .entry-account{margin-top:auto}.entry-account{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 0;font:14px/1.4 system-ui,sans-serif}.entry-account button[aria-pressed=true]{background:#ebe0c9;border-color:#9c763b}.entry-account small{flex-basis:100%}.personal-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.personal fieldset{border:1px solid #d6c7b2;border-radius:6px;margin:24px 0;padding:16px}.personal legend{font-weight:600;padding:0 8px}.personal label{display:flex;align-items:center;gap:10px;padding:8px}.personal input[type=checkbox]{width:18px;height:18px;accent-color:#795423}.preference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.personal .danger{color:#972f23}.account-status{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);background:#31291f;color:#fff;padding:12px 20px;border-radius:6px;z-index:10000;font:14px/1.4 system-ui,sans-serif}.account-status:empty{display:none}.personal progress{width:100%;accent-color:#937340}.personal-empty{padding:24px;border:1px dashed #cbb99e;border-radius:6px}
@media(max-width:850px){.personal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.personal{padding:24px 18px}.personal-grid,.preference-grid{grid-template-columns:1fr}.account-nav{gap:12px;padding:12px 18px}.account-nav .account-identity{margin-left:0}.personal-card img{height:190px}}

/* Match the existing charcoal-and-gold library, including its dark colour scheme. */
.account-nav{background:#181511;color:#edcf9d;border-color:#40362a}
.personal{color:#f1eae2}.personal h1{text-transform:none;letter-spacing:-.025em;color:#f1eae2}
.personal h2{color:#edcf9d}.personal .muted,.personal small{color:#bdb0a2}
.personal .personal-intro,.personal fieldset{border-color:#514330}
.personal-card{background:#1b1816;border-color:#44392d;color:#f1eae2}
.personal-card .reason{color:#d9b780}.personal-card h3 a{text-decoration:none}
.personal-card h3 a:hover{text-decoration:underline}.personal-card img[hidden]{display:none}
.personal label{flex-direction:row;align-items:flex-start;font-size:15px;color:#e2d8c9}
.personal input[type=checkbox]{flex-shrink:0}.personal .danger{color:#ffc1ac}
.account-nav button,.personal button,.entry-account button{background:#292119;border-color:#695039;color:#f2e6d3}
.entry-account button[aria-pressed=true]{background:#584125;border-color:#cc9f5a}
.personal .account-button{background:#ad7733;color:#110f0e;font-weight:600}
.personal button:disabled,.entry-account button:disabled{cursor:default;opacity:.7}
.personal-empty{border-color:#665039}