/* Tier-specific structure; Free/classic keeps its existing layout and styling. */
[data-epic-tier-header] { position:relative; min-width:0; box-sizing:border-box; }
[data-epic-tier-header] :is(h1,h2,p) { overflow-wrap:anywhere; }
[data-epic-tier-header="signal"] { display:flex; align-items:center; gap:1.25rem; padding:1.6rem; border-inline-start:5px solid #8064d8; border-radius:1rem; background:var(--surface,#fff); box-shadow:0 8px 28px #18132610; }
[data-epic-tier-header="spotlight"] { display:flex; flex-direction:column; align-items:center; text-align:center; gap:1rem; padding:2.5rem 1.5rem 1.75rem; border-radius:1.8rem; background:linear-gradient(160deg,#eee7ff,#f8f6ff 65%,#e1f2f0); color:#252039; border:1px solid #d9cee9; }
[data-epic-tier-header="signature"] { display:flex; align-items:center; gap:1.5rem; padding:2rem; border:1px solid #b99754; border-radius:.7rem; background:linear-gradient(115deg,#151724,#282239); color:#faf7ef; box-shadow:inset 0 0 0 5px #151724,0 10px 35px #11131e20; }
[data-epic-tier-header="signature"] :is(h1,h2,p) { color:inherit; }
[data-epic-tier-header="signature"] :is(.avatar,.account-page__avatar,img[data-peer-avatar]) { border:2px solid #d2b474; }
[data-epic-tier-header="spotlight"] .profile-header__body { flex:initial; }
.epic-header-tier { display:inline-flex; padding:.3rem .7rem; border-radius:99px; border:1px solid currentColor; font-size:.8rem; letter-spacing:.1em; line-height:1.3; }
.epic-header-actions { margin-inline-start:auto; display:flex; flex-direction:column; align-items:flex-end; gap:.65rem; min-width:0; max-width:100%; }
[data-epic-tier-header="spotlight"] .epic-header-actions { margin:0; align-items:center; }
.epic-header-actions .profile-safety { margin:0; padding:0; border:0; background:none; color:inherit; }
.epic-header-actions :is(button,a) { min-height:44px; max-width:100%; overflow-wrap:anywhere; }
.epic-header-actions .epic-account-block { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:.45rem; max-width:22rem; }
.epic-header-actions .epic-account-block p { flex-basis:100%; margin:0; font-size:.82rem; }
.epic-header-actions .epic-account-block p:empty { display:none; }
.epic-header-actions [data-block-action="refresh"] { font-size:.75rem; }
[data-epic-profile-restricted="true"] [data-epic-tier-header] { align-items:center; flex-direction:row; text-align:start; }
[data-epic-profile-restricted="true"] [data-epic-tier-header] :is(img,.avatar,.account-page__avatar,#profile-handle,#profile-bio,.account-page__bio) { display:none!important; }
[data-epic-profile-restricted="true"] :is(.profile-section:not(.profile-safety),.profile-header__subscription) { display:none!important; }
@media(max-width:600px) {
 [data-epic-tier-header="signal"],[data-epic-tier-header="signature"] { flex-wrap:wrap; padding:1.25rem; gap:1rem; }
 .epic-header-actions { width:100%; margin-inline-start:0; align-items:stretch; }
 .epic-header-actions .epic-account-block { max-width:100%; justify-content:flex-start; }
 [data-epic-tier-header="spotlight"] { padding:1.75rem 1rem; }
 [data-epic-profile-restricted="true"] [data-epic-tier-header] { flex-wrap:wrap; }
}

.epic-header-actions [data-block-action="refresh"] { min-width:44px; font-size:1rem; }
.epic-header-more { position:relative; text-align:start; }
.epic-header-more > summary { cursor:pointer; list-style:none; min-height:44px; display:flex; align-items:center; justify-content:center; border:1px solid currentColor; border-radius:.6rem; padding:0 .8rem; font-size:.82rem; }
.epic-header-more[open] { padding:.6rem; border:1px solid currentColor; border-radius:.6rem; }
.epic-header-more[open] > section { margin-top:.5rem; }

/* Define contrast locally: the website and app may have different page themes. */
[data-epic-tier-header="signal"], [data-epic-tier-header="spotlight"] {
 --text:#2c243a; --ink:#2c243a; --muted:#62596e; --panel-2:#edeaf3; --border:#d5ccdf;
 color:var(--text);
}
[data-epic-tier-header="signature"] {
 --text:#faf7ef; --ink:#faf7ef; --muted:#d2cadc; --panel-2:#242131; --border:#706244;
 color:var(--text);
}