/* Shared account navigation, with a clear separation from management sections. */
.membership-nav{flex-basis:100%;width:100%;margin:20px 0 16px;padding:16px 0;border-block:1px solid #383838}
.membership-nav-label{display:block;margin-bottom:10px;color:#aaa;font-size:11px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase}
.membership-nav-links{display:flex;flex-wrap:wrap;gap:8px}
.membership-nav-links a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #484848;background:#181818;color:#eee;text-decoration:none;font-size:14px;line-height:1.3;text-align:center}
.membership-nav-links a[aria-current=page]{background:#ff0;color:#111;border-color:#ff0;font-weight:600}
.membership-nav-links a:focus-visible{outline:2px solid #ff0;outline-offset:3px}
body>header.account-page-header{flex-wrap:wrap}
@media(max-width:650px){
 .membership-nav{margin:18px 0 14px;padding:14px 0}
 .membership-nav-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .membership-nav-links a{min-width:0;padding:11px 5px;font-size:13px;min-height:44px;overflow-wrap:anywhere}
 .account-page-header>nav.actions,.account-page-header>.account-top-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin:12px 0 0}
 .account-page-header>nav.actions>a,.account-page-header>.account-top-nav>a{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;min-height:44px;padding:9px 6px;font-size:13px;line-height:1.35;border:1px solid #444;text-decoration:none}
}

/* Match the existing Your host area heading. */
details>summary{font-family:'Barlow Condensed',Arial,sans-serif!important;font-size:23px!important;font-weight:700!important;text-transform:none!important;letter-spacing:normal!important;line-height:1.3!important}details>p,details>ol,details>ul{font-size:16px;line-height:1.6}details li{margin-bottom:8px}

/* Softer reading colours on dark account screens. */
:root{--account-text:#ddddd7;--account-heading:#eeede7}
body{color:var(--account-text)}
h1,h2,h3,details>summary{color:var(--account-heading)}
input,select,textarea{color:var(--account-heading)}
.membership-nav-links a:not([aria-current=page]),button.secondary,a.secondary{color:var(--account-heading)}
#identity .membership-name,#myAmbassador .membership-name{color:var(--account-heading)}

/* Consistent, restrained account typography. */
body{font-family:'DM Sans',Arial,sans-serif;line-height:1.65}
h1,h2,h3,details>summary{font-family:'DM Sans',Arial,sans-serif!important;font-weight:600!important;letter-spacing:-.025em!important;text-transform:none!important}
h1{font-size:clamp(32px,4.5vw,48px);line-height:1.15}
h2,details>summary{font-size:22px!important;line-height:1.4!important}
h3{font-size:18px;line-height:1.4}
input,select,textarea,button,.button{font-family:'DM Sans',Arial,sans-serif}
.artist-panel>summary{padding-top:22px;padding-bottom:22px}
.artist-panel p{line-height:1.7}
footer{border-top:1px solid #353535;margin-top:40px;padding-top:22px;font-size:13px;line-height:1.8;color:#a9aaa4;letter-spacing:0}
footer a{color:#bfc0b9;text-decoration:none;font-weight:400;display:inline-block;padding:6px 0;text-underline-offset:4px}
footer a:hover,footer a:focus-visible{color:var(--account-heading);text-decoration:underline}
@media(max-width:600px){h2,details>summary{font-size:20px!important}.artist-panel>summary{padding-top:19px;padding-bottom:19px}footer{font-size:13px}}

#hostOverview>h2{font-family:'Barlow Condensed',Arial,sans-serif!important;font-weight:700!important;font-size:23px!important;letter-spacing:normal!important;line-height:1.3!important}

/* Align field captions with the text inside their controls. */
.account-field-caption{display:block;padding-left:14px;margin-bottom:7px;line-height:1.4}
label>select{display:block;width:100%;max-width:100%;min-height:46px;padding:10px 36px 10px 14px;font-size:16px;line-height:1.4;box-sizing:border-box;border:1px solid #555;background-color:#202020;text-align:left}

.membership-nav-links a{text-transform:uppercase;letter-spacing:.035em;font-weight:600}

.invite-language{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:14px 0}.invite-language label{display:flex;align-items:center;gap:10px;order:2;margin:0 0 0 auto;font-size:13px}.invite-language select{width:150px;min-height:36px;padding:6px 10px;font-size:13px}.invite-language small{max-width:430px;font-size:12px;line-height:1.4;color:#aaa}.artist-panel p{text-wrap:pretty}#hostOverview p,#partnerOverview p{max-width:68ch}#partnerFriends textarea{width:100%;font:inherit;line-height:1.6;padding:14px;background:#202020;color:var(--account-text);border:1px solid #555}#partnerFriends button{margin-right:12px}
/* The wide, light Northura cut follows CLUB TRAIN in the brand mark. */
@font-face{font-family:'Northura Banner';src:url('/clubtrain/assets/fonts/northura-light-ultra-expanded.otf') format('opentype');font-style:normal;font-weight:300;font-display:swap}
#identity .membership-name h1{font-family:'Northura Banner',Arial,sans-serif!important;font-weight:300!important;font-synthesis:none;letter-spacing:.035em!important;font-size:clamp(27px,3.3vw,42px);line-height:1.25;text-wrap:balance;overflow-wrap:anywhere}
@media(max-width:600px){#identity .membership-name h1{font-size:clamp(22px,5.7vw,30px)}}
/* Management totals are a compact full-width strip, not section headings. */
header.has-management-counters{display:block}
header.has-management-counters>.management-live-totals{width:100%;box-sizing:border-box;margin:22px 0;padding:20px 24px}
.management-live-totals .live-total-grid{grid-template-columns:minmax(150px,1.25fr) repeat(4,minmax(105px,1fr));gap:20px}
.management-live-totals .live-total-grid>div{grid-column:auto;min-width:0}
.management-live-totals .live-total-grid strong{font-size:34px;line-height:1.1;font-weight:600;white-space:nowrap}
.management-live-totals .live-total-grid>div>span,.management-live-totals .ambassador-count-info>summary{font-family:'DM Sans',Arial,sans-serif!important;font-size:13px!important;font-weight:400!important;line-height:1.5!important;letter-spacing:0!important;margin:7px 0 0;padding:0;white-space:nowrap;color:#d5d5cf}
.management-live-totals [data-unique-today]{display:block;font-size:12px;line-height:1.5;margin-top:5px;color:#aaa}
.management-live-totals .live-total-note{font-size:11px;margin-top:12px;line-height:1.4}
.management-live-totals .pageview-count-info,.management-live-totals .ambassador-count-breakdown{position:absolute;z-index:10;left:0;right:auto;top:100%;width:280px;max-width:calc(100vw - 90px);min-width:0;box-sizing:border-box;padding:14px;border:1px solid #555;background:#171717;color:#ddd;font-size:12px;line-height:1.6;box-shadow:0 6px 20px #0008}
@media(max-width:760px){header.has-management-counters>.management-live-totals{padding:18px}.management-live-totals .live-total-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px}.management-live-totals .live-total-grid strong{font-size:30px}}
@media(max-width:420px){.management-live-totals .live-total-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.management-live-totals .live-total-grid>div:last-child{grid-column:auto}}
/* Separate consecutive tasks within profile panels. */
.artist-panel>form+form{margin-top:32px;padding-top:24px;border-top:1px solid #383838}
.artist-panel>form+h3,.artist-panel>form+h2,.artist-panel>button+h3,.artist-panel>.artist-actions+h3{margin-top:32px;margin-bottom:16px}
.artist-panel>h3+form{margin-top:0}
.artist-panel>h3+form>label:first-child{margin-top:0}
.artist-panel>form:last-child{margin-bottom:8px}

.managed-artists{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}.managed-artists a{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #484848;text-decoration:none;color:inherit}.managed-artists a[aria-current]{border-color:#ff0}.managed-artists span{font-size:13px;line-height:1.5;color:#bfbfb9}#artistTeam textarea{width:100%;box-sizing:border-box;margin-top:16px;font:inherit;line-height:1.6;padding:14px;background:#202020;color:inherit}

.membership-stamp strong{display:block;width:100%;text-align:center;overflow-wrap:normal}.membership-stamp{text-align:center}
