/* Latest FAQ HTML; shared shell and tokens remain the owners of global styles. */
.wn-faq-hero-surface, .wn-faq-intro { background: var(--navy-700); color: var(--white); }
.wn-faq-hero-surface { position: relative; overflow: hidden; }
.wn-faq-intro { padding-block: clamp(40px, 6vw, 72px) 0; position: relative; }
.wn-faq-intro > .site-container > * { margin-block-end: 0; }
.wn-faq-intro > .site-container > :first-child { margin-block-start: 0; }
.wn-faq-intro .eyebrow-label { color: var(--gold-200); }
.wn-faq-intro h1 { color: var(--white); font-size: clamp(40px, 6vw, 72px); line-height: .98; letter-spacing: -.03em; margin-top: 16px; }
.wn-faq-accent { color: var(--gold-500); }
.wn-faq-intro h1::after { content: ""; display: block; width: 96px; height: 7px; border-radius: 4px; background: var(--gold-500); margin-top: 22px; }
.wn-faq-intro .wn-intro { font: italic 500 clamp(18px, 2vw, 22px)/1.55 var(--font-serif); color: var(--navy-100); max-width: 46ch; margin-top: 20px; }
.wn-faq-shortcuts { position: relative; padding-block: 30px clamp(32px, 5vw, 60px); }
.wn-faq-pills, .wn-faq-topic-links { list-style: none; padding: 0; margin: 0; }
.wn-faq-pills { display: flex; flex-wrap: wrap; gap: 10px; }
.wn-faq-pills a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 16px; border-radius: var(--radius-pill); background: var(--white); color: var(--navy-700); font-size: var(--fs-small); font-weight: 700; }
.wn-faq-pills a:hover { background: var(--gold-200); }
.wn-faq-body { padding-block: clamp(32px, 5vw, 64px); }
.wn-faq-grid { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: clamp(28px, 5vw, 72px); align-items: start; }
.wn-faq-sidebar { position: sticky; top: 24px; min-width: 0; }
.admin-bar .wn-faq-sidebar { top: 56px; }
.wn-faq-sidebar .eyebrow-label { color: var(--ink-3); }
.wn-faq-topic-links a { display: flex; align-items: center; min-height: 44px; padding-block: 8px; font-size: var(--fs-small); color: var(--ink); overflow-wrap: normal; word-break: normal; }
.wn-faq-topic-links a::before { content: ""; flex: 0 0 7px; height: 7px; margin-right: 10px; border-radius: 50%; background: var(--wn-topic-color, var(--navy-700)); }
.wn-faq-sidebar .wn-faq-help { font-size: var(--fs-small); margin-top: 24px; }
.wn-faq-answers { min-width: 0; }
.wn-faq-answers .wn-section { padding: 0; margin-bottom: 44px; }
.wn-faq-answers .wn-section .site-container { padding-inline: 0; max-width: none; }
.wn-faq-answers .wn-section .wn-reading { max-width: none; }
.wn-faq-topic { scroll-margin-top: 88px; margin: 0 0 44px; }
.wn-faq-topic > h2 { scroll-margin-top: 88px; font-size: clamp(26px, 3vw, 34px); margin: 6px 0 10px; }
.wn-faq-topic > .eyebrow-label { margin: 0; }
:is(.wn-faq-topic, .wn-faq-answers) .wn-question { margin: 0; padding: 0; }
:is(.wn-faq-topic, .wn-faq-answers) .wn-question > summary { list-style: none; position: relative; padding: 18px 46px 18px 0; font-size: var(--fs-body); line-height: 1.35; }
:is(.wn-faq-topic, .wn-faq-answers) summary::-webkit-details-marker { display: none; }
:is(.wn-faq-topic, .wn-faq-answers) summary::after { content: "+"; position: absolute; right: 0; top: 50%; translate: 0 -50%; display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid var(--sand); border-radius: 50%; color: var(--navy-700); font-size: 20px; }
:is(.wn-faq-topic, .wn-faq-answers) details[open] > summary::after { content: "−"; background: var(--navy-700); color: var(--white); }
:is(.wn-faq-topic, .wn-faq-answers) .wn-question > :not(summary) { font-size: var(--fs-small); line-height: 1.65; margin: 0 0 16px; padding-right: 32px; }
.wn-faq-topic mark { background: var(--gold-200); color: inherit; padding-inline: 3px; border-radius: 3px; }
.wn-faq-topic--watch { --wn-topic-color: var(--series-civic); }
.wn-faq-topic--make { --wn-topic-color: var(--series-create); }
.wn-faq-topic--hire { --wn-topic-color: var(--series-story); }
.wn-faq-topic--events { --wn-topic-color: var(--series-community); }
.wn-faq-topic--donate { --wn-topic-color: var(--series-watch); }
.wn-faq-topic--involved { --wn-topic-color: var(--series-team); }
.wn-faq-topic--contact { --wn-topic-color: var(--series-producer); }
.wn-faq-topic > .eyebrow-label { color: var(--wn-topic-color, var(--navy-700)); }
.wn-faq-topic > .heading-tick::before { background: var(--wn-topic-color, var(--gold-500)); }
.wn-faq-contact .wp-block-buttons { justify-content: flex-end; }
.wn-faq-contact .wn-intro { font-family: var(--font-serif); font-style: italic; }
@media (min-width: 861px) and (max-width: 1100px) {
  .wn-faq-sidebar { top: 100px; }
  .admin-bar .wn-faq-sidebar { top: 132px; }
}
@media (max-width: 1100px) {
  .wn-faq-topic, .wn-faq-topic > h2 { scroll-margin-top: 160px; }
}
@media (max-width: 860px) {
  .wn-faq-grid { grid-template-columns: minmax(0, 1fr); }
  .wn-faq-sidebar, .admin-bar .wn-faq-sidebar { position: static; }
  .wn-faq-topic-links { display: flex; flex-wrap: wrap; gap: 0 20px; }
}
@media (max-width: 600px) {
  .wn-faq-topic-links { display: block; }
}
.editor-styles-wrapper .wn-faq-intro { padding-bottom: 32px; }