body:has(.account-layout){background:linear-gradient(#f5ead4,#faf5ea 420px);color:#183328}
body:has(.account-layout) main{max-width:1160px;padding:22px 20px 70px}
body:has(.account-layout) main>.hero{padding:20px 12px 23px}
body:has(.account-layout) main>.hero h1{font-size:clamp(38px,4vw,56px)}
.account-layout{max-width:1080px;margin:20px auto}
.account-summary{display:flex;align-items:center;gap:22px;background:linear-gradient(105deg,#fffdf8,#f5e7ce);padding:23px 28px;border:1px solid #dbc39a;border-radius:19px;box-shadow:0 10px 28px #2e281915;margin-bottom:23px}
.account-avatar{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#16392b;color:#e3bb73;border:2px solid #c59d5b;font:48px Georgia,serif}
.account-summary h2{margin:3px 0!important;font-size:34px;font-weight:600}
.account-summary p{margin:0;color:#59675c;overflow-wrap:anywhere}
.account-kicker{letter-spacing:1.6px;font-size:10px;font-weight:700;color:#956d35}
.account-member{margin-left:auto;white-space:nowrap;padding:9px 13px;border:1px solid #c9b07f;background:#f9efd9;border-radius:30px;font-size:12px;color:#77562c}
.account-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.account-tile{background:#fffcf5;border:1px solid #e1cfaf;border-radius:19px;padding:26px 28px;box-shadow:0 8px 25px #43341c0c;min-width:0}
.account-wide{grid-column:1/-1}
.tile-heading{display:flex;align-items:center;gap:14px;margin-bottom:23px}
.tile-icon{width:49px;height:49px;flex:0 0 49px;display:grid;place-items:center;background:#f4e8d0;border:1px solid #d7b982;border-radius:12px;color:#926827;font:27px Georgia,serif}
.account-tile h2{font:600 30px/1.1 'Cormorant Garamond',Georgia,serif;color:#19382b;margin:0 0 4px}
.account-tile p{color:#627066;margin:0;font-size:14px;line-height:1.5}
.account-edit-form{display:grid!important;grid-template-columns:1fr;gap:15px!important;max-width:none!important}
.account-edit-form label{display:flex!important;flex-direction:column!important;gap:7px!important;font-weight:700;color:#264337;font-size:14px}
.account-edit-form input{width:100%!important;min-height:47px!important;border:1px solid #d9c49d!important;border-radius:10px!important;background:#fffefa!important;padding:11px 13px!important;font:16px/1.3 inherit}
.account-edit-form input[readonly]{background:#f4f0e7!important;color:#607166}
.account-gold-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;justify-self:start;min-height:46px;border:1px solid #ac7c32;border-radius:10px;padding:11px 19px;background:linear-gradient(180deg,#ddb66e,#ae792d);color:#fffdf7!important;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 4px 12px #72552120}
.account-gold-btn:hover{filter:brightness(1.07)}
.account-empty{background:#faf3e7;border:1px solid #eadbbb;border-radius:13px;padding:19px;color:#647166}
.account-notification{padding:18px;border-bottom:1px solid #e7dabe}
.account-notification p{margin:9px 0}
.account-notification small{color:#8b7450}
.account-conversation{background:linear-gradient(100deg,#fffdfa,#f6ead3)}
.account-cta{margin-top:20px}
.account-session{display:flex;align-items:center;justify-content:space-between;gap:18px}
.account-session form{margin:0}
.account-logout{border:1px solid #c8ad7b;color:#5f4b32;background:#fffefa;border-radius:10px;min-height:43px;padding:9px 19px;cursor:pointer;font-weight:700}
.account-logout:hover{background:#f7eddb}
@media(max-width:790px){.account-dashboard{grid-template-columns:1fr;gap:15px}.account-summary{flex-wrap:wrap;padding:19px;gap:12px}.account-member{margin-left:0}.account-tile{padding:20px 17px}.account-session{align-items:flex-start;flex-direction:column}.account-gold-btn{width:100%}.account-avatar{width:62px;height:62px;font-size:40px}}
