.audience-discovery {
  --audience-green:#173f32;
  --audience-muted:#58665e;
  --audience-line:#dedfd5;
  max-width:1320px;
  padding:40px 36px 0;
  margin:0 auto;
  font-size:16px;
  color:#20392d;
}
.audience-kicker {font:650 11px/1.5 system-ui,sans-serif;letter-spacing:.13em;color:#526951;margin:0 0 18px}
.audience-hero {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);align-items:center;gap:48px;padding:16px 0 56px}
.audience-hero-copy h1 {font:500 clamp(36px,4.3vw,62px)/1.08 Georgia,serif;letter-spacing:-.04em;margin:0 0 22px;color:#20392d}
.audience-hero-copy h1 em {font-weight:400;color:#6a7754}
.audience-hero-copy>p:not(.audience-kicker) {max-width:400px;color:var(--audience-muted);font-size:16px;line-height:1.8;margin:0 0 24px}
.audience-hero-copy .primary {min-height:46px;padding:12px 18px;border-radius:8px;background:var(--audience-green);box-shadow:none}
.audience-hero-note {font-size:12px;color:#5b695b;display:flex;align-items:center;gap:7px;margin-top:22px}
.audience-dot {width:6px;height:6px;border-radius:50%;background:#587847}
.audience-hero-art {margin:0;background:#eeeee4;border-radius:14px;padding:12px}
.audience-hero-art>button {display:block;width:100%;padding:0}
.audience-hero-art img {width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;display:block;border-radius:8px}
.audience-hero-art figcaption {display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#4f6252;padding:12px 2px 1px}
.audience-hero-art figcaption>span:first-child {font-weight:650;letter-spacing:.07em}
.audience-library {padding:36px 0 56px;border-top:1px solid var(--audience-line);scroll-margin-top:100px;outline:none}
.audience-library-heading {display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}
.audience-library-heading .audience-kicker {margin-bottom:8px}
.audience-library h2,.audience-crossovers h2,.audience-start h2 {font:500 clamp(28px,3vw,38px)/1.2 Georgia,serif;letter-spacing:-.025em;margin:0}
.audience-library-heading>p {margin:0 0 4px;font-size:14px;color:var(--audience-muted)}
.audience-roles {display:flex;flex-wrap:wrap;gap:6px}
.audience-roles button {border:1px solid var(--audience-line);border-radius:7px;padding:9px 12px;min-height:42px;font-size:13px;background:#fffdf7;color:#4a5d4f}
.audience-roles button[aria-pressed=true] {background:#244d3a;border-color:#244d3a;color:#fffdf7}
.audience-role-description {font-size:14px;line-height:1.7;color:var(--audience-muted);margin:12px 0 24px;min-height:48px;max-width:760px}
.audience-controls {display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:12px;border-bottom:1px solid var(--audience-line)}
.audience-families {display:flex;gap:4px;flex-wrap:wrap}
.audience-families button {padding:9px 10px;min-height:40px;font-size:13px;border-radius:6px;color:#566251}
.audience-families button[aria-pressed=true] {color:#224e37;background:#e5ecdf;font-weight:650}
.audience-search {width:242px;flex-shrink:0;display:grid;gap:5px}
.audience-search>span {font-size:11px;color:#596855}
.audience-search input {padding:10px 12px;font-size:14px;width:100%;background:#fffdf7;min-height:42px;border-radius:7px;border-color:#ced5c7}
.audience-results {font-size:12px;margin:17px 0;color:#66715f}
.audience-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}
.studio-shell .audience-card {border-radius:12px;border:1px solid var(--audience-line);background:#fffdf8;box-shadow:none;min-width:0;overflow:hidden;transform:none;transition:none}
.studio-shell .audience-card:hover {transform:none;box-shadow:none;border-color:#8b9b83}
.audience-card .audience-image {display:block;position:relative;padding:10px 10px 0;background:#eeeee5;width:100%;aspect-ratio:auto;height:auto}
.audience-card .audience-image img {display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:6px;transform:none;transition:none}
.audience-open {position:absolute;right:17px;bottom:8px;background:#fffdf4ed;padding:6px 9px;border:1px solid #e0e0d1;border-radius:5px;color:#244735;font-size:11px}
.audience-card-copy {padding:17px}
.audience-edition {font-size:10px;letter-spacing:.09em;color:#6a775f}
.audience-card h3 {font:600 18px/1.4 system-ui,sans-serif;margin:8px 0 9px;letter-spacing:-.025em;color:#20392d}
.audience-card-copy>p {font-size:13px;line-height:1.7;color:var(--audience-muted);margin:0 0 18px;min-height:44px}
.audience-card-copy>div {display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid #e6e8dd;padding-top:11px}
.audience-card-copy>div>span {font-size:10px;color:#6a775f}
.audience-card-copy>div>button {font-size:13px;font-weight:650;color:#244d36;min-height:38px;padding:4px 0 4px 8px}
.audience-card-copy>div>button>span {margin-left:6px}
.audience-empty {text-align:center;padding:42px 16px;background:#eeeee5;border-radius:10px}
.audience-empty p {font-size:14px;color:#58665e}
.audience-crossovers {display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--audience-line);padding:48px 0;scroll-margin-top:100px}
.audience-crossovers>div>p:last-child,.audience-start p {color:var(--audience-muted);font-size:14px;line-height:1.8;max-width:440px}
.audience-crossovers ol {padding:0;margin:0;list-style:none}
.audience-crossovers li {display:flex;gap:20px;padding:16px 0;border-bottom:1px solid var(--audience-line)}
.audience-crossovers li>span {font:italic 21px Georgia,serif;color:#718162}
.audience-crossovers h3 {margin:0 0 6px;font-size:16px}
.audience-crossovers li p {margin:0;color:var(--audience-muted);font-size:14px;line-height:1.6}
.audience-start {padding:32px;border:1px solid var(--audience-line);border-radius:12px;background:#e9eee1;display:flex;align-items:center;justify-content:space-between;gap:30px;scroll-margin-top:100px}
.audience-start .audience-kicker {margin-bottom:9px}
.audience-start p {margin-bottom:0}
.audience-start .primary {background:var(--audience-green);white-space:normal}
.audience-prototype-note {padding:24px 0;font-size:12px;line-height:1.7;color:#61705c;text-align:center}
@media(max-width:1050px) {
 .audience-hero {gap:24px}
 .audience-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .audience-controls {align-items:stretch;flex-direction:column;gap:14px}
 .audience-search {width:100%}
 .audience-crossovers {gap:40px}
}
@media(max-width:680px) {
 .audience-discovery {padding:22px 18px 0}
 .audience-hero {grid-template-columns:1fr;gap:24px;padding:8px 0 30px}
 .audience-hero-copy h1 {font-size:40px}
 .audience-hero-copy>p:not(.audience-kicker) {font-size:15px}
 .audience-library {padding-top:26px}
 .audience-library-heading {align-items:start;flex-direction:column;gap:12px}
 .audience-library-heading>p {font-size:13px}
 .audience-roles {flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px}
 .audience-roles button {white-space:nowrap;flex-shrink:0}
 .audience-role-description {min-height:72px;margin-bottom:16px}
 .audience-grid {grid-template-columns:minmax(0,1fr);gap:20px}
 .audience-card-copy>p {min-height:0}
 .audience-crossovers {grid-template-columns:1fr;gap:18px;padding:30px 0}
 .audience-start {padding:22px;flex-direction:column;align-items:start;gap:18px}
 .audience-start .primary {width:100%;min-height:46px}
 .audience-hero-art figcaption {font-size:10px}
}
@media(max-width:680px) {
 .overview-shell .studio-header {gap:10px;padding-block:12px}
 .overview-shell .studio-top-nav {flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:3px}
 .overview-shell .studio-top-nav > a,
 .overview-shell .studio-top-nav > details {flex:0 0 auto;white-space:nowrap}
 .overview-shell .studio-top-nav summary {white-space:nowrap}
 .overview-shell .studio-logo-mark {width:28px;height:32px}
 .overview-shell .studio-logo>span:last-child {font-size:18px}
 .overview-shell .studio-logo-sub {font-size:8px;letter-spacing:1.2px}
 .overview-shell .studio-header-actions {gap:0;margin-left:auto}
 .overview-shell .studio-header .support-link {display:none}
 .overview-shell .studio-start {font-size:12px;padding:10px;min-height:40px;white-space:nowrap}
 .audience-hero-art figcaption>span:first-child {white-space:nowrap}
}
.studio-shell .audience-grid .audience-card:nth-child(n) {
  display:flex;
  flex-direction:column;
  padding:0;
  margin:0;
  transform:none;
}
.audience-card-copy {display:flex;flex-direction:column;flex:1}
.audience-card-copy>div {margin-top:auto}
.studio-shell .audience-card:hover .audience-image img {transform:none}
.audience-identity {display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:25px}
.audience-identity>img {width:132px;height:auto;display:block}
.audience-palette {display:flex;gap:6px;border-left:1px solid #d8ddce;padding-left:18px}
.audience-palette>i {width:16px;height:16px;display:block;border-radius:50%;border:1px solid #14281722}
.audience-identity+.audience-hero-note {margin-top:12px}
.audience-card,.audience-hero-art {position:relative}
.concept-language-picker {display:inline-flex;gap:2px;padding:3px;background:#fffdf6f5;border:1px solid #d2dacd;border-radius:7px;z-index:3}
.concept-language-picker.language-card,.concept-language-picker.language-hero {position:absolute;right:17px;top:17px}
.concept-language-picker>button {min-width:32px;min-height:30px;padding:4px 7px;border-radius:4px;font:650 11px/1 system-ui,sans-serif;color:#536454;background:transparent;box-shadow:none}
.concept-language-picker>button[aria-pressed=true] {background:#214d37;color:#fffdf5}
.concept-language-picker[aria-busy=true] {opacity:.65}
.concept-language-picker.language-modal {position:static;flex-shrink:0;margin-right:28px}
.language-status {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:680px) {
 .concept-language-picker>button {min-width:34px;min-height:34px}
 .concept-language-picker.language-modal {align-self:start;margin-top:4px;margin-right:0}
}
/* Keep the language control visible beside long Vietnamese concept names. */
.gallery-lightbox-head{padding-right:24px;align-items:flex-start;gap:12px}
.gallery-lightbox-head>div:first-child{min-width:0;flex:1}
.gallery-lightbox-head .eyebrow{white-space:normal;overflow-wrap:anywhere}
.gallery-lightbox-head .language-modal{margin-right:0}
@media(max-width:680px){
 .gallery-lightbox-head{padding-right:0;flex-wrap:wrap;padding-top:10px}
 .gallery-lightbox-head>div:first-child{flex:1 1 140px}
 .gallery-lightbox-head .language-modal{margin-left:auto;margin-top:10px}
}
.studio-shell .concept-language-picker>button:hover,
.studio-shell .concept-language-picker>button:active,
.modal .concept-language-picker>button:hover,
.modal .concept-language-picker>button:active{transform:none;box-shadow:none}
.concept-language-picker>button{transition:background-color .12s,color .12s}
@media(prefers-reduced-motion:reduce){.concept-language-picker>button{transition:none}}