[data-audience-check] { margin: 32px auto; max-width: 960px; padding: 24px 0; color: var(--t-ink); border-block: 1px solid var(--t-line); letter-spacing: 0; }
[data-audience-check] h2 { font-size: 24px; line-height: 1.3; letter-spacing: 0; }
[data-audience-check] h3 { font-size: 19px; line-height: 1.4; letter-spacing: 0; }
.ac-fields { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin: 24px 0; }
.ac-fields > div { display: flex; flex-direction: column; min-width: 0; }
.ac-fields label { flex: 1; }
.ac-fields label { display: block; font-weight: 600; margin-bottom: 10px; line-height: 1.5; }
.ac-fields select { width: 100%; min-height: 48px; padding: 10px; border: 1px solid var(--t-control-line); border-radius: 6px; font: inherit; color: inherit; background: var(--t-surface-1); }
.ac-fields [aria-invalid="true"] { outline: 2px solid var(--t-crit); }
.ac-actions { display: flex; flex-wrap: wrap; gap: 12px; }
[data-audience-check] button { min-height: 44px; padding: 10px 18px; border: 1px solid var(--t-control-line); border-radius: 6px; font: inherit; font-weight: 600; color: inherit; background: var(--t-surface-1); cursor: pointer; white-space: normal; }
.ac-actions button:first-child, .ac-result button { background: var(--t-gold-fill); color: var(--t-on-primary); border-color: var(--t-gold-fill); }
[data-audience-check] button:disabled { opacity: .5; cursor: default; }
[data-audience-check] :is(button,select):focus-visible { outline: 3px solid var(--t-gold-ink); outline-offset: 3px; }
.ac-result { border-inline-start: 3px solid var(--t-gold-ink); padding: 4px 20px 20px; margin-top: 20px; }
.ac-result li { margin: 12px 0; line-height: 1.6; }
[data-audience-check] [hidden] { display: none; }
@media(max-width:760px) { .ac-fields { grid-template-columns: minmax(0,1fr); } [data-audience-check] { max-width: calc(100% - 32px); margin-inline: auto; } }