/* Account access stays visible when the editorial navigation collapses. */
.site-header{gap:24px}
.site-header nav{margin-left:auto;gap:22px}
.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.header-actions .button{white-space:nowrap;gap:9px}
.header-actions .account-link{background:#173633;border-color:#97b49b80;color:#f4e9cd}
.header-actions .account-link:hover{background:#284a3e;border-color:var(--gold)}
.header-actions .account-link .icon{width:17px;height:17px}
.header-actions .header-play{box-shadow:0 3px 0 #856d37}
.account-heading{padding-top:58px;padding-bottom:32px}
.account-heading h1{font-size:clamp(2.4rem,4vw,3.6rem);margin-bottom:16px}
.account-heading>p:not(.eyebrow){font-size:16px;max-width:640px;margin-bottom:0}
.account-page .account-layout{grid-template-columns:minmax(320px,520px) minmax(240px,390px);gap:74px;justify-content:start;align-items:start}
.account-page .account-form-card{border:1px solid #82aa9180;border-top:3px solid var(--gold);background:linear-gradient(150deg,#21463b,#122e2d 75%);box-shadow:0 16px 45px #00151655}
.account-page .account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;margin-bottom:27px;background:#071e20;border:1px solid #628b7650;border-radius:7px}
.account-page .account-tabs button{min-height:44px;padding:10px 8px;font-size:14px;font-weight:700;border:0;border-radius:4px}
.account-page .account-form-card h2{font-size:29px;margin-bottom:24px}
.account-page .account-submit{width:100%;justify-content:space-between;margin-top:3px}
.account-page .account-switch{margin:23px 0 0;font-size:13px;color:var(--muted)}
.account-page .account-switch a{color:var(--gold);font-weight:700}
.account-page .email-delivery-note{display:flex;gap:10px;align-items:flex-start;margin:18px 0;font-size:12px;line-height:1.65;color:#c7d9c8}
.account-page .email-delivery-note .icon{width:18px;height:18px;margin-top:2px;color:var(--gold)}
.account-page .account-next{margin:22px 0 18px;padding:20px;font-size:13px;background:#2b4d3d}
.account-page .account-next strong{font:600 23px var(--serif);display:block;margin-bottom:12px}
.account-page .account-next p{font-family:var(--sans);margin-bottom:12px}
.account-page .account-benefits{padding-top:18px}
.account-page .account-benefit{display:flex;gap:18px;align-items:flex-start;padding:24px 0}
.account-page .account-benefit>.icon{width:44px;height:44px;padding:10px;border:1px solid #819f7755;border-radius:12px;background:#193d34;flex-shrink:0}
.account-page .account-benefits h2{font-size:24px;margin:0 0 11px}
.account-page .account-benefits p{font-size:14px;margin-bottom:0;line-height:1.7}
.account-page .account-guest-choice{margin-top:24px;padding-top:26px!important;border-top:1px solid var(--line);border-bottom:0}
.account-page .account-guest-choice .quiet-link{margin-top:13px;color:var(--gold)}
.account-page .profile-panel{max-width:860px;border:1px solid #82aa9160;border-top:3px solid var(--gold);border-radius:8px;background:linear-gradient(145deg,#1b3b33,#102a2b);padding:30px}
.account-page .profile-email{font-family:var(--mono);font-size:13px;color:var(--gold);margin-bottom:24px}
.account-page .profile-panel>section:first-of-type{padding-top:12px}
.account-page .profile-panel .fine{margin-top:17px;margin-bottom:0}
@media(max-width:1250px){
  .site-header{gap:17px;padding-inline:24px}
  .site-header nav{gap:15px;font-size:12px}
  .site-header .brand{font-size:1.35rem}
  .site-header .brand small{font-size:6px}
  .header-actions{gap:9px}
  .header-actions .button.small{padding-inline:12px;font-size:12px}
}
@media(min-width:851px) and (max-width:1050px){
  .site-header nav{gap:12px}
  .site-header nav>.account-create{display:none}
  .site-header .brand-mark{display:none}
  .header-actions .header-play .icon{display:none}
}
@media(max-width:850px){
  .site-header nav{margin:0;gap:18px}
  .header-actions .header-play .icon{display:none}
  .header-actions .nav-toggle{margin-left:3px;min-width:43px;min-height:43px}
  .account-page .account-layout{grid-template-columns:1fr;gap:24px;max-width:590px}
  .account-page .account-benefits{display:block;padding-top:0}
  .account-page .account-benefit{padding:18px 0}
  .account-page .account-guest-choice{margin-top:12px}
}
@media(max-width:580px){
  .site-header{height:140px;padding:13px 20px 16px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:43px 44px;gap:12px}
  .site-header>.brand{grid-row:1;grid-column:1/3;font-size:1.4rem;justify-self:start}
  .site-header .brand-mark{width:31px;height:37px}
  .site-header .brand small{font-size:6px;margin-top:6px;letter-spacing:1.15px}
  .header-actions{display:contents}
  .header-actions .account-link{grid-row:2;grid-column:1}
  .header-actions .header-play{grid-row:2;grid-column:2}
  .header-actions .nav-toggle{grid-row:1;grid-column:2;justify-self:end;margin:0;z-index:1;background:#102c2d}
  .header-actions .button.small{font-size:13px;min-height:44px;padding:9px}
  .site-header nav{top:140px;padding:22px 24px}
  .account-heading{padding-top:32px;padding-bottom:24px}
  .account-heading h1{font-size:35px}
  .account-page .account-form-card{padding:23px 20px}
  .account-page .account-form-card h2{font-size:25px}
  .account-page .profile-panel{padding:24px 20px}
  .account-page .profile-panel h2{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.header-actions .button{transition:none}}