.account-surface{background:var(--paper);min-height:70vh;color:var(--ink);padding:clamp(7rem,12vw,10rem) 1.25rem 5rem}.account-shell{max-width:74rem;margin:0 auto}.account-kicker{color:var(--accent);font:600 .7rem/1 var(--font-para);letter-spacing:.14em;text-transform:uppercase;margin:0}.account-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;margin-top:1.25rem;display:grid}.account-head h1{font:400 clamp(2.5rem, 5vw, 4.7rem)/.94 var(--font-display);text-wrap:balance;margin:0}.account-head>div>p{max-width:39rem;font:400 1rem/1.55 var(--font-para);color:color-mix(in srgb, var(--ink) 72%, transparent);text-wrap:pretty;margin:1rem 0 0}.account-head nav{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.account-head nav a{min-height:44px;color:var(--ink);font:600 .78rem/1 var(--font-para);letter-spacing:.06em;border:1px solid #0000;place-items:center;padding:.25rem .7rem;text-decoration:none;transition:border-color .16s ease-out,color .16s ease-out,transform .16s ease-out;display:inline-grid}.account-head nav a:hover{border-color:color-mix(in srgb, var(--ink) 26%, transparent);color:var(--accent)}.account-head nav a:active,.account-button:active,.account-text-button:active{transform:scale(.98)}.account-head nav a[aria-current=page]{border-color:var(--accent);color:var(--accent)}.account-head nav a:focus-visible,.account-button:focus-visible,.account-text-button:focus-visible,.account-surface input:focus-visible,.account-surface select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.account-rule{border-top:1px solid color-mix(in srgb, var(--ink) 24%, transparent);height:1px;margin:2rem 0}.account-form,.account-list{max-width:58rem}.account-fields{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2rem;margin:0;padding:0;display:grid}.account-fields label,.account-member-form label{font:600 .72rem/1.2 var(--font-para);letter-spacing:.09em;text-transform:uppercase;gap:.5rem;display:grid}.account-surface input,.account-surface select{border:1px solid color-mix(in srgb, var(--ink) 34%, transparent);width:100%;min-height:46px;color:var(--ink);font:400 .98rem/1.2 var(--font-para);background:0 0;border-radius:0;padding:.65rem .75rem;transition:border-color .16s ease-out,background-color .16s ease-out}.account-surface input:hover,.account-surface select:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.account-row>label{min-height:44px;font:600 .76rem/1 var(--font-para);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.55rem;display:flex}.account-row>label input{width:18px;min-height:18px;accent-color:var(--accent);padding:0}.account-note{border-top:1px solid color-mix(in srgb, var(--ink) 16%, transparent);max-width:43rem;font:400 .83rem/1.55 var(--font-para);color:color-mix(in srgb, var(--ink) 68%, transparent);text-wrap:pretty;margin:1.5rem 0 0;padding-top:1rem}.account-actions{font:400 .86rem/1.45 var(--font-para);flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1.5rem;display:flex}.account-button,.account-text-button{border:1px solid var(--accent);min-height:44px;color:var(--accent);font:700 .76rem/1 var(--font-para);letter-spacing:.08em;text-transform:uppercase;background:0 0;border-radius:0;padding:.65rem 1rem;transition:background-color .16s ease-out,color .16s ease-out,transform .16s ease-out}.account-button:hover,.account-text-button:hover{background:var(--accent);color:var(--paper)}.account-text-button{border-color:color-mix(in srgb, var(--ink) 35%, transparent);color:var(--ink)}.account-list{border-top:1px solid color-mix(in srgb, var(--ink) 24%, transparent)}.account-row{border-bottom:1px solid color-mix(in srgb, var(--ink) 18%, transparent);justify-content:space-between;align-items:start;gap:1rem;padding:1.15rem 0;display:flex}.account-row h2{font:400 1.35rem/1.1 var(--font-display);text-wrap:balance;margin:0}.account-row p{font:400 .86rem/1.45 var(--font-para);color:color-mix(in srgb, var(--ink) 68%, transparent);text-wrap:pretty;margin:.35rem 0 0}.account-member-form{border-top:1px solid color-mix(in srgb, var(--ink) 24%, transparent);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem;margin:2rem 0;padding-top:1.5rem;display:grid}.account-member-form .account-actions{grid-column:1/-1;margin-top:0}.account-status{font:400 .9rem/1.5 var(--font-para);margin:1.25rem 0}.account-surface textarea{resize:vertical;border:1px solid color-mix(in srgb, var(--ink) 34%, transparent);width:100%;min-height:7.5rem;color:var(--ink);font:400 .98rem/1.5 var(--font-para);background:0 0;border-radius:0;padding:.65rem .75rem;transition:border-color .16s ease-out}.account-surface textarea:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.account-surface textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.account-rights{border-top:1px solid color-mix(in srgb, var(--ink) 24%, transparent);max-width:58rem;margin-top:4rem;padding-top:2rem}.account-rights-head{grid-template-columns:minmax(0,1fr) minmax(16rem,28rem);align-items:end;gap:2rem;display:grid}.account-rights-head h2{font:400 clamp(1.8rem, 4vw, 3rem) / 1 var(--font-display);text-wrap:balance;margin:.75rem 0 0}.account-rights-head>p{font:400 .86rem/1.55 var(--font-para);color:color-mix(in srgb, var(--ink) 68%, transparent);margin:0}.account-rights-details{grid-column:1/-1}.account-row h3{font:400 1.2rem/1.15 var(--font-display);margin:0}.account-row strong{font:700 .7rem/1.2 var(--font-para);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}@media (max-width:640px){.account-surface{padding:6.5rem 1rem 3.5rem}.account-head{grid-template-columns:1fr}.account-head nav{justify-content:flex-start}.account-fields,.account-member-form{grid-template-columns:1fr}.account-row{display:block}.account-row .account-text-button{margin-top:1rem}.account-rights-head{grid-template-columns:1fr}}