/* Three families share navigation and content positions. Tokens also power isolated previews. */
html,.theme-surface{font-family:var(--body-font,system-ui,sans-serif)}
.heading h1,.story-copy h1,.theme-surface h2{font-family:var(--heading-font,inherit);font-weight:400}
.primary{color:var(--on-accent,var(--tone-2))}.primary:hover{background:var(--gold);box-shadow:0 0 0 2px var(--tone-25)}
.panel,.primary,.secondary,input,select,textarea,.theme-card,.theme-surface .preview-card{border-radius:var(--theme-radius,9px)}
html[data-style=minimalista] .orbit{opacity:.25}html[data-style=minimalista] .brand{letter-spacing:1px}
html[data-style=dinamica] .panel{box-shadow:0 8px 28px var(--tone-0)}
html[data-style=dinamica] .heading h1{font-weight:750;letter-spacing:-1.2px}
#navigation a.active,#navigation a[aria-current=page],.thumb-navigation a[aria-current=page],#secondary-navigation a[aria-current=page]{background:var(--gold);color:var(--on-accent);font-weight:750;box-shadow:inset 4px 0 currentColor}
#navigation a.active small,#navigation a[aria-current=page] small{color:inherit}
.brand-settings{max-width:1160px;margin:auto}.brand-settings fieldset{min-width:0;border:0;padding:0;margin:0}.brand-settings legend{font-size:19px;font-weight:650;margin-bottom:20px}
.brand-settings .panel{margin-bottom:20px;padding:24px}.brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.brand-wide{grid-column:1/-1}
.brand-settings textarea{min-height:90px}.brand-settings input[type=color]{height:48px;padding:5px}.brand-logo-row{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:18px}.brand-logo-row img{width:88px;height:88px;object-fit:contain;background:#fff;border-radius:8px}.brand-logo-row label{flex:1;min-width:200px;margin:0}
.brand-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 22px}.brand-theme-grid label{margin:0}.theme-card{display:flex;gap:10px;align-items:center;border:2px solid var(--line);padding:14px;min-height:65px;background:var(--white)}.theme-card:has(input:checked){border-color:var(--gold);box-shadow:inset 0 -3px var(--gold)}.theme-card input{flex-shrink:0;margin:0}.theme-card:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:2px}
.brand-preview-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.brand-preview-tools label{margin:0;flex:1;min-width:180px}.brand-preview-tools button[aria-pressed=true]{background:var(--gold);color:var(--on-accent);border-color:var(--gold)}
.brand-preview-scroll{overflow-x:auto;padding:12px;background:var(--deep);border:1px solid var(--line);border-radius:12px}.theme-surface{background:var(--paper);color:var(--ink);margin:auto;max-width:100%;width:960px;border-radius:var(--theme-radius);border:1px solid var(--line);overflow:hidden}.theme-surface[data-device=mobile]{width:360px}.preview-brand{display:flex;align-items:center;gap:10px;background:var(--deep);padding:18px}.preview-brand img{width:40px;height:40px;object-fit:contain}.preview-brand-mark{width:40px;height:40px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:24px Georgia}.preview-brand small{display:block;color:var(--muted);margin-top:4px}.preview-layout{display:grid;grid-template-columns:160px 1fr}.preview-nav{background:var(--deep);padding:14px;display:flex;gap:8px;flex-direction:column}.preview-nav span{padding:10px;border-radius:var(--theme-radius);font-size:12px}.preview-nav .selected{background:var(--gold);color:var(--on-accent);font-weight:700}.preview-main{padding:26px}.preview-main h2{font-size:30px;line-height:1.2;margin-bottom:12px}.preview-main p{color:var(--muted);font-size:13px}.preview-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview-card{border:1px solid var(--line);background:var(--white);padding:18px}.preview-card strong{display:block;margin:10px 0}.preview-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--tone-25);color:var(--gold);font-size:24px}.preview-cta{display:inline-block;background:var(--gold);color:var(--on-accent);border-radius:var(--theme-radius);padding:10px 16px;margin-top:18px;font-size:13px;font-weight:650}
.theme-surface[data-device=mobile] .preview-layout{display:flex;flex-direction:column-reverse}.theme-surface[data-device=mobile] .preview-nav{flex-direction:row;justify-content:space-around}.theme-surface[data-device=mobile] .preview-main{padding:20px}.theme-surface[data-device=mobile] .preview-cards{grid-template-columns:1fr}.theme-surface[data-device=mobile] .preview-card:last-child{display:none}.theme-surface[data-style=dinamica] h2{font-weight:750}.theme-surface[data-style=dinamica] .preview-card{box-shadow:0 6px 16px var(--tone-0)}
.brand-save-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:22px 0}.brand-save-bar p{flex:1;min-width:180px;margin:0}.brand-settings-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-settings-links a{display:block;border:1px solid var(--line);padding:15px;border-radius:var(--theme-radius)}.brand-settings-links small{display:block;margin-top:7px;color:var(--muted)}.brand-history-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.brand-history-row small{display:block;color:var(--muted);margin-top:5px}.brand-support{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;padding:16px 24px;color:var(--muted);font-size:12px}.brand-support a,.brand-support button{text-decoration:underline}.brand-support button{font-size:12px;min-height:32px}.brand-legal{white-space:pre-wrap;overflow-wrap:anywhere}.brand-preview-notice{margin-top:16px}.brand-warning{padding:12px;border-left:4px solid var(--gold);background:var(--tone-24)}
@media(max-width:650px){.brand-grid{grid-template-columns:1fr}.brand-settings .panel{padding:18px}.brand-theme-grid{grid-template-columns:1fr 1fr}.brand-settings-links{grid-template-columns:1fr}.brand-save-bar .primary{width:100%}.brand-history-row{flex-wrap:wrap}.theme-card{padding:10px;font-size:12px}.brand-preview-scroll{padding:6px}}

.brand-welcome{padding:20px 0 10px}.brand-welcome h1{font-family:var(--heading-font);font-size:clamp(24px,3vw,38px);font-weight:450;margin-bottom:8px}.brand-welcome p{font-size:14px;color:var(--muted);margin-bottom:12px}.access-story h1{overflow-wrap:anywhere}

html[data-theme] .relation-tabs a[aria-current=page],.tracking-tabs [aria-pressed=true],#notification-count{color:var(--on-accent)}
::selection{background:var(--gold);color:var(--on-accent)}

/* GMX-046: a visible guest picker and a compact public header. */
.public-header .guest-appearance{flex-shrink:0;white-space:nowrap;min-height:44px}
@media(max-width:760px){
 .public-directory .public-header{flex-wrap:nowrap;gap:8px}
 .public-directory .public-header .brand{flex:1;min-width:0;gap:8px;letter-spacing:1px}
 .public-header .brandmark{flex-shrink:0}
 .public-header .brand>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .public-header .featured-open{flex-shrink:0;width:44px;height:44px;min-width:44px;margin:0}
 .public-directory .public-header>.secondary{padding:9px 8px;font-size:12px;min-height:44px}
 .front-browsing .brand-welcome{padding:12px 0 0}
 .front-browsing .brand-welcome h1{font-size:23px;line-height:1.2;letter-spacing:-.6px;margin:0 0 5px}
 .front-browsing .brand-welcome p{font-size:12px;line-height:1.4;margin:0 0 6px}
}
@media(max-width:420px){.public-header .brand small{display:none}.public-directory .public-header .brand{font-size:12px}}
@media(max-width:360px){.public-header .brand>span:last-child{display:none}}