/* We Are Actors – monologue pages */
:root {
  --ink: #0A0A0A; --ink-2: #2A2B30; --ink-3: #45464B; --muted: #6A6B70; --faint: #A3A5AC;
  --line: #ECEAE5; --line-2: #DAD7D0; --paper: #FFFFFF; --sand: #F4F2EE; --cream: #FBFAF7;
  --orange: #F7941D; --orange-bg: #FFF1DE; --orange-ink: #8A4A00;
  --display: 'Archivo', 'Arial Narrow', sans-serif; --body: 'Inter', system-ui, -apple-system, sans-serif; --serif: 'Newsreader', Georgia, serif;
  --wrap: 1240px; --gutter: 32px;
}
body.waa { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--body); font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
.waa *, .waa *::before, .waa *::after { box-sizing: border-box; }
.waa a { color: var(--ink); }
.waa a:hover { color: var(--orange-ink); }
.waa img { max-width: 100%; height: auto; }
.waa button { font-family: inherit; cursor: pointer; }
.waa :focus-visible { outline: 3px solid var(--orange); outline-offset: 2px; }
.waa .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.waa-skip { position: absolute; left: -999px; top: 8px; background: var(--ink); color: #fff !important; padding: 10px 14px; z-index: 100; }
.waa-skip:focus { left: 8px; }
.waa-wrap { max-width: var(--wrap); margin: 0 auto; padding-left: var(--gutter); padding-right: var(--gutter); }

/* type */
.waa-kicker { margin: 0; font-family: var(--display); font-stretch: 62%; font-weight: 200; font-size: clamp(26px, 4vw, 44px); line-height: 1; text-transform: uppercase; }
.waa-h1 { margin: 0; font-family: var(--display); font-stretch: 112%; font-weight: 900; font-size: clamp(30px, 4.2vw, 62px); line-height: .9; letter-spacing: -.04em; text-transform: uppercase; }
.waa-h1--char { font-size: clamp(52px, 10vw, 150px); line-height: .84; letter-spacing: -.045em; overflow-wrap: anywhere; }
.waa-h2 { margin: 0; font-family: var(--display); font-stretch: 112%; font-weight: 900; font-size: clamp(30px, 4vw, 42px); line-height: .9; letter-spacing: -.03em; text-transform: uppercase; }
.waa-h3 { margin: 0; font-family: var(--display); font-stretch: 112%; font-weight: 900; font-size: clamp(22px, 2.6vw, 28px); line-height: .95; text-transform: uppercase; }
.waa-h4 { margin: 0; font-family: var(--display); font-weight: 900; font-size: 20px; text-transform: uppercase; }
.waa-label { margin: 0; font-family: var(--display); font-size: 12px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.waa-label--muted { color: var(--muted); font-family: var(--body); font-weight: 700; letter-spacing: .1em; }
.waa-thin { font-family: var(--display); font-stretch: 62%; font-weight: 200; font-size: 40px; line-height: .9; }
.waa-muted { color: var(--muted); font-size: 14px; }
.waa-fine { margin: 0; font-size: 12px; color: var(--muted); flex-basis: 100%; }
.waa-script-font { font-family: 'Caveat', cursive; font-size: 26px; display: inline-block; transform: rotate(-3deg); }
.waa-u { font-weight: 600; text-decoration: underline; text-decoration-color: var(--orange); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.waa-linkbtn { border: 0; background: none; min-height: 44px; padding: 0; font-size: 14px; color: var(--ink); }

/* brush highlight */
.waa-hl { position: relative; display: inline-block; padding: 0 .08em; }
.waa-hl > span { position: relative; }
.waa-brush { position: absolute; left: -.04em; top: .02em; width: calc(100% + .08em); height: .94em; }

/* buttons + chips */
.waa-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 18px; border: 0; text-decoration: none; font-family: var(--display); font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; line-height: 1.1; white-space: nowrap; }
.waa-btn--dark { background: var(--ink); color: #fff !important; }
.waa-btn--dark:hover { background: #2A2B30; }
.waa-btn--orange { background: var(--orange); color: var(--ink) !important; font-weight: 900; }
.waa-btn--orange:hover { background: #E8860F; }
.waa-btn--line { background: #fff; border: 1px solid var(--ink); color: var(--ink); }
.waa-btn--line2 { background: #fff; border: 2px solid var(--ink); color: var(--ink); }
.waa-btn--line:hover, .waa-btn--line2:hover { background: var(--sand); color: var(--ink) !important; }
.waa-btn--block { width: 100%; }
.waa-btn--sm { min-height: 44px; padding: 0 16px; }
.waa-btn--lg { min-height: 56px; padding: 0 28px; font-size: 14px; }
.waa-btn[aria-pressed="true"][data-waa-save] { background: var(--orange); color: var(--ink) !important; }
.waa-btn[aria-pressed="true"][data-waa-save] .waa-i path { fill: currentColor; }
.waa-tag { display: inline-flex; align-items: center; gap: 4px; font-family: var(--body); font-size: 11px; font-weight: 600; letter-spacing: 0; text-transform: none; background: rgba(10,10,10,.12); padding: 3px 7px; }
.waa-tag .waa-i { width: 11px; height: 11px; }
.waa-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.waa-chips li { padding: 6px 12px; background: var(--sand); }
.waa-chips li.is-accent { background: var(--orange-bg); color: var(--orange-ink); }
.waa-chips--sm li { padding: 5px 10px; }
.waa-chip { min-height: 40px; padding: 0 14px; border: 1px solid var(--line-2); background: #fff; color: var(--ink); font-size: 14px; font-weight: 500; display: inline-flex; align-items: center; gap: 6px; }
.waa-chip[aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: #fff; font-weight: 600; }
.waa-chip:hover { border-color: var(--ink); }
.waa-chip--list { align-self: flex-start; }
.waa-chip--list[aria-pressed="true"] { background: var(--orange); border-color: var(--ink); color: var(--ink); }
.waa-iconbtn { width: 44px; height: 44px; border: 1px solid var(--line-2); background: #fff; display: inline-flex; align-items: center; justify-content: center; color: var(--ink); }
.waa-iconbtn[aria-pressed="true"] { background: var(--orange); border-color: var(--ink); }
.waa-iconbtn[aria-pressed="true"] .waa-i path { fill: currentColor; }
.waa-badge { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; background: var(--orange); padding: 4px 8px; }

/* header + footer */
.waa-header { border-bottom: 1px solid var(--line); background: #fff; }
.waa-header__in { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 36px; padding-top: 14px; padding-bottom: 14px; }
.waa-logo img { display: block; height: 26px; width: auto; }
.waa-nav { display: flex; flex-wrap: wrap; gap: 0 26px; flex: 1 1 360px; font-family: var(--display); font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.waa-nav a { text-decoration: none; padding: 14px 0; }
.waa-nav a.is-on { text-decoration: underline; text-decoration-color: var(--orange); text-decoration-thickness: 3px; text-underline-offset: 6px; }
.waa-header__end { display: flex; align-items: center; gap: 18px; }
.waa-header__acct { font-family: var(--display); font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; }
.waa-listcount { display: inline-flex; min-width: 22px; height: 22px; align-items: center; justify-content: center; background: var(--orange); color: var(--ink); font-size: 12px; padding: 0 6px; }
.waa-footer { border-top: 1px solid var(--line); margin-top: 40px; }
.waa-footer__in { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 24px; padding-top: 32px; padding-bottom: 32px; font-size: 13px; color: var(--muted); }
.waa-footer nav { display: flex; gap: 20px; }
.waa-footer a { color: var(--muted); }

/* hero */
.waa-hero { display: flex; flex-direction: column; gap: 22px; padding-top: 56px; padding-bottom: 32px; }
.waa-hero--single { padding-top: 44px; gap: 18px; }
.waa-crumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; color: var(--muted); }
.waa-crumbs a { color: var(--muted); text-decoration: none; }
.waa-crumbs a:hover { text-decoration: underline; }
.waa-crumbs [aria-current] { color: var(--ink); }

/* two-column layout */
.waa-layout { display: flex; flex-wrap: wrap; gap: 56px; align-items: flex-start; padding-bottom: 72px; }
.waa-main { flex: 999 1 600px; min-width: 0; display: flex; flex-direction: column; gap: 44px; }
.waa-side { flex: 1 1 300px; display: flex; flex-direction: column; gap: 32px; }
.waa-layout--hub { gap: 48px; }
.waa-layout--hub .waa-filters { flex: 1 1 260px; }
.waa-layout--hub .waa-results { flex: 999 1 600px; min-width: 0; }

/* single: setup, practice */
.waa-setup { display: flex; flex-direction: column; gap: 12px; padding: 24px 0; border-top: 2px solid var(--ink); border-bottom: 1px solid var(--line); }
.waa-setup p { margin: 0; font-size: 18px; line-height: 1.65; color: var(--ink-2); max-width: 760px; }
.waa-practice { display: flex; flex-direction: column; gap: 14px; }
.waa-practice__bar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; }
.waa-seg { display: inline-flex; flex-wrap: wrap; border: 2px solid var(--ink); }
.waa-seg button { min-height: 44px; padding: 0 16px; border: 0; background: #fff; color: var(--ink); font-family: var(--display); font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.waa-seg button[aria-pressed="true"] { background: var(--ink); color: #fff; font-weight: 800; }
.waa-hint { margin: 0; font-size: 14px; color: var(--muted); }
.waa-script { background: var(--cream); border: 1px solid var(--line); box-shadow: 8px 8px 0 var(--ink); padding: 44px 48px; margin-right: 8px; }
.waa-script__who { margin: 0 0 16px; font-family: var(--display); font-weight: 900; font-size: 14px; letter-spacing: .14em; text-transform: uppercase; }
.waa-line { display: flex; gap: 20px; align-items: baseline; margin: 0 0 14px; }
.is-verse .waa-line { margin: 0; }
.waa-line__n { width: 22px; flex: none; text-align: right; font-size: 11px; color: var(--faint); }
.waa-script:not(.is-verse) .waa-line__n { display: none; }
.waa-line__t { font-family: var(--serif); font-size: 21px; line-height: 1.6; color: #1A1A1A; }
.waa-line__sp { font-family: var(--display); font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }
.waa-line__t [data-t].is-hidden { color: transparent; background: repeating-linear-gradient(90deg, var(--line-2) 0 10px, transparent 10px 14px); background-size: auto 2px; background-repeat: repeat-x; background-position: 0 70%; }
.waa-script__foot { margin: 22px 0 0; font-size: 12px; color: var(--muted); }

/* single: work bar, gate, buy */
.waa-work { display: flex; flex-direction: column; gap: 16px; padding: 22px 0; border-top: 2px solid var(--ink); border-bottom: 1px solid var(--line); }
.waa-work__bar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; }
.waa-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.waa-gate { position: relative; display: flex; flex-wrap: wrap; gap: 20px 28px; align-items: center; padding: 26px; background: var(--sand); border: 2px solid var(--ink); }
.waa-gate[hidden] { display: none; }
.waa-gate__x { position: absolute; right: 6px; top: 6px; width: 44px; height: 44px; border: 0; background: transparent; font-size: 24px; }
.waa-gate__copy { flex: 1 1 260px; display: flex; flex-direction: column; gap: 8px; }
.waa-gate__copy p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--ink-3); }
.waa-gate__cta { flex: 1 1 260px; display: flex; flex-direction: column; gap: 10px; }
.waa-gate__cta p { margin: 0; font-size: 14px; color: var(--ink-3); }
.waa-buy { display: flex; flex-wrap: wrap; gap: 14px 20px; align-items: center; padding: 18px 20px; border: 1px solid var(--line-2); }
.waa-buy__copy { flex: 1 1 240px; display: flex; flex-direction: column; gap: 4px; }
.waa-buy__title { font-family: var(--display); font-stretch: 112%; font-weight: 900; font-size: 22px; line-height: 1; text-transform: uppercase; }
.waa-buy__by { font-size: 14px; color: var(--ink-3); }

/* notes */
.waa-notes__bar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 12px; padding-bottom: 12px; border-bottom: 2px solid var(--ink); }
.waa-notes__bar p { margin: 6px 0 0; }
.waa-note { display: flex; flex-direction: column; gap: 14px; padding: 26px 0; border-bottom: 1px solid var(--line); }
.waa-note__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; }
.waa-note__who { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; font-size: 15px; }
.waa-avatar { width: 44px; height: 44px; border-radius: 50%; background: var(--sand); display: inline-flex; align-items: center; justify-content: center; font-family: var(--display); font-weight: 900; text-transform: uppercase; }
.waa-vote { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; border: 1px solid var(--line-2); background: #fff; color: var(--ink); font-size: 14px; font-weight: 600; }
.waa-vote[aria-pressed="true"] { background: var(--orange); border-color: var(--ink); font-weight: 700; }
.waa-vote[aria-pressed="true"] .waa-i path { fill: currentColor; }
.waa-note__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px 20px; }
.waa-note__grid p, .waa-note__body { margin: 6px 0 0; font-size: 16px; line-height: 1.6; color: var(--ink-2); max-width: 680px; }
.waa-addnote { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; padding: 22px 24px; margin-top: 20px; background: var(--sand); }
.waa-addnote__t { font-weight: 700; font-size: 16px; margin: 0; }
.waa-addnote form { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.waa-addnote label { font-family: var(--display); font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; margin-top: 8px; }
.waa-addnote textarea, .waa-addnote input { width: 100%; padding: 12px 14px; border: 1px solid #C9C6BF; background: #fff; font: inherit; font-size: 16px; }
.waa-addnote form .waa-btn { align-self: flex-start; margin-top: 8px; }

/* related + sidebar */
.waa-related { display: flex; flex-direction: column; }
.waa-related .waa-h2 { margin-bottom: 16px; }
.waa-rel { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 4px 12px; padding: 16px 0; border-top: 1px solid var(--line); text-decoration: none; }
.waa-rel:first-of-type { border-top-color: var(--ink); }
.waa-rel:last-of-type { border-bottom: 1px solid var(--line); }
.waa-rel__c { font-family: var(--display); font-stretch: 112%; font-weight: 900; font-size: 24px; text-transform: uppercase; }
.waa-glance { border-top: 2px solid var(--ink); }
.waa-glance .waa-label { padding: 14px 0; }
.waa-glance dl { margin: 0; }
.waa-glance dl div { display: flex; justify-content: space-between; gap: 16px; padding: 12px 0; border-top: 1px solid var(--line); font-size: 15px; }
.waa-glance dl div:last-child { border-bottom: 1px solid var(--line); }
.waa-glance dt { color: var(--muted); }
.waa-glance dd { margin: 0; font-weight: 600; text-align: right; }
.waa-box { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 24px; background: var(--sand); }
.waa-box p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--ink-3); }
.waa-box .waa-h4 { color: var(--ink); }

/* ads */
.waa-ad { display: flex; flex-direction: column; align-items: center; gap: 6px; width: 100%; }
.waa-ad__label { font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.waa-ad ins { width: 100%; min-height: 90px; }
.waa-ad--side ins { min-height: 250px; }

/* hub */
.waa-search { display: flex; flex-wrap: wrap; align-items: center; max-width: 820px; border: 2px solid var(--ink); background: #fff; }
.waa-search .waa-i { margin-left: 18px; width: 22px; height: 22px; }
.waa-search input { flex: 1 1 240px; min-width: 0; height: 64px; padding: 0 16px; border: 0; font: inherit; font-size: 18px; color: var(--ink); background: transparent; }
.waa-search input:focus { outline: none; }
.waa-search:focus-within { box-shadow: 0 0 0 3px var(--orange); }
.waa-search__count { padding: 0 20px; font-size: 14px; color: var(--muted); }
.waa-search__go { align-self: stretch; min-height: 48px; padding: 0 22px; border: 0; border-left: 2px solid var(--ink); background: var(--ink); color: #fff; font-family: var(--display); font-weight: 800; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; }
.waa-search__go:hover { background: var(--ink-2); }
.waa-results__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 16px; }
.waa-results__head .waa-h4:focus { outline: none; }
.waa-results__head .waa-h4.is-flash { animation: waa-flash 1.4s ease-out; }
@keyframes waa-flash { 0%, 30% { background: var(--orange); box-shadow: 0 0 0 6px var(--orange); } 100% { background: transparent; box-shadow: 0 0 0 6px transparent; } }
.waa-cats { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); border-top: 2px solid var(--ink); margin-bottom: 40px; }
.waa-cats a { display: flex; flex-direction: column; gap: 8px; padding: 22px 22px 22px 0; text-decoration: none; border-bottom: 1px solid var(--line); }
.waa-cats strong { font-family: var(--display); font-weight: 900; font-size: 19px; text-transform: uppercase; }
.waa-cats span:last-child { font-size: 14px; color: var(--muted); }
.waa-filters { display: flex; flex-direction: column; gap: 24px; }
.waa-filters__bar { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 2px solid var(--ink); padding-bottom: 8px; }
.waa-fgroup { border: 0; margin: 0; padding: 0; }
.waa-fgroup legend { font-family: var(--display); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); margin-bottom: 10px; padding: 0; }
.waa-fgroup__opts { display: flex; flex-wrap: wrap; gap: 6px; }
.waa-results__bar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; padding-bottom: 12px; border-bottom: 2px solid var(--ink); }
.waa-sort { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--ink-3); }
.waa-sort select { height: 44px; padding: 0 12px; border: 1px solid var(--line-2); background: #fff; font: inherit; font-size: 14px; color: var(--ink); }
.waa-rows { list-style: none; margin: 0; padding: 0; }
.waa-row { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; padding: 22px 0; border-bottom: 1px solid var(--line); }
.waa-row[hidden] { display: none; }
.waa-row__main { flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 6px; text-decoration: none; }
.waa-row__c { font-family: var(--display); font-stretch: 112%; font-weight: 900; font-size: 28px; line-height: .95; letter-spacing: -.02em; text-transform: uppercase; overflow-wrap: anywhere; }
.waa-row__p { font-size: 15px; color: var(--ink-3); }
.waa-row .waa-chips { flex: 1 1 220px; }
.waa-row__act { display: flex; gap: 8px; }
.waa-adrow { padding: 28px 0; border-bottom: 1px solid var(--line); }
.waa-more { display: flex; margin: 32px auto 0; }
.waa-more[hidden] { display: none; }
.waa-empty { padding: 48px 0; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.waa-empty[hidden] { display: none; }
.waa-empty p { margin: 0; }
.waa-savebox { margin-top: 56px; display: flex; flex-wrap: wrap; gap: 24px 28px; align-items: center; justify-content: space-between; padding: 40px; background: var(--sand); border: 2px solid var(--ink); box-shadow: 10px 10px 0 var(--ink); margin-right: 10px; }
.waa-savebox > div { flex: 1 1 300px; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.waa-savebox p { margin: 0; font-size: 15px; line-height: 1.55; color: var(--ink-3); }
.waa-writers { margin-top: 72px; }
.waa-writers .waa-h2 { margin-bottom: 20px; }
.waa-writers__list { display: flex; flex-wrap: wrap; gap: 4px 26px; font-family: var(--display); font-stretch: 62%; font-weight: 300; font-size: clamp(28px, 3.4vw, 40px); line-height: 1.15; text-transform: uppercase; }
.waa-writers__list a { text-decoration: none; }
.waa-writers__list a:hover { text-decoration: underline; text-decoration-color: var(--orange); text-decoration-thickness: 3px; }
.waa-prose { margin-top: 72px; padding-top: 24px; border-top: 2px solid var(--ink); max-width: 760px; font-size: 17px; line-height: 1.7; color: var(--ink-2); }
.waa-prose h2, .waa-prose h3 { font-family: var(--display); font-stretch: 112%; font-weight: 900; text-transform: uppercase; line-height: 1; color: var(--ink); }
.waa-prose form, .waa-prose .search-form { display: none; }

/* database intro + FAQ */
.waa-intro { display: flex; flex-wrap: wrap; gap: 24px 48px; align-items: flex-start; padding-bottom: 40px; }
.waa-intro__copy { flex: 999 1 520px; max-width: 780px; }
.waa-intro__copy p { margin: 0 0 14px; font-size: 17px; line-height: 1.7; color: var(--ink-2); }
.waa-intro__copy a { text-decoration: underline; text-decoration-color: var(--orange); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.waa-facts { flex: 1 1 280px; border-top: 2px solid var(--ink); }
.waa-facts .waa-label { padding: 12px 0; }
.waa-facts dl { margin: 0; }
.waa-facts dl div { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-top: 1px solid var(--line); font-size: 14px; }
.waa-facts dt { color: var(--muted); }
.waa-facts dd { margin: 0; font-weight: 600; text-align: right; }
.waa-faq { margin-top: 72px; }
.waa-faq .waa-h2 { margin-bottom: 8px; }
.waa-faq__item { padding: 22px 0; border-bottom: 1px solid var(--line); max-width: 780px; }
.waa-faq__item h3 { margin: 0 0 8px; font-family: var(--display); font-weight: 900; font-size: 19px; text-transform: uppercase; line-height: 1.15; }
.waa-faq__item p { margin: 0; font-size: 16px; line-height: 1.65; color: var(--ink-2); }

/* database finder (replaces the sidebar filters) */
.waa-finder { border-top: 2px solid var(--ink); margin: 8px 0 32px; }
.waa-finder__h { padding: 14px 0 4px; }
.waa-frow { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.waa-frow__label { width: 120px; flex: none; font-family: var(--display); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.waa-frow .waa-fgroup__opts { flex: 1 1 300px; }
.waa-finder__more { border-bottom: 1px solid var(--line); }
.waa-finder__more summary { cursor: pointer; padding: 14px 0; font-family: var(--display); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; list-style: none; }
.waa-finder__more summary::-webkit-details-marker { display: none; }
.waa-finder__more summary::before { content: '+'; display: inline-block; width: 18px; font-size: 16px; }
.waa-finder__more[open] summary::before { content: '–'; }
.waa-finder__more summary .waa-muted { font-family: var(--body); font-size: 13px; font-weight: 400; letter-spacing: 0; text-transform: none; margin-left: 6px; }
.waa-finder__more .waa-frow:last-child { border-bottom: 0; }
.waa-finder__foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; padding-top: 14px; }
.waa-ad--after { margin-top: 48px; }
@media (max-width: 720px) {
  .waa-frow { gap: 8px; }
  .waa-frow__label { width: 100%; }
}

/* the old theme still prints its mobile menu and back-to-top button in the footer; hide them on our pages */
body.waa #offcanvas, body.waa .offcanvas, body.waa #offcanvas-overlay, body.waa .offcanvas-overlay, body.waa #backtotop, body.waa .backtotop { display: none !important; }

/* single: lede + about the play */
.waa-lede { margin: 4px 0 0; max-width: 760px; font-size: 17px; line-height: 1.6; color: var(--ink-3); }
.waa-about { padding: 24px 0; border-top: 2px solid var(--ink); }
.waa-about__meta { margin: 8px 0 12px; font-size: 14px; color: var(--muted); }
.waa-about__facts { margin: 0 0 14px; padding-left: 20px; max-width: 760px; font-size: 16px; line-height: 1.65; color: var(--ink-2); }
.waa-about__facts li { margin-bottom: 6px; }
.waa-about__links { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0; font-size: 15px; }

/* toast */
.waa-toast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); background: var(--ink); color: #fff; padding: 12px 18px; font-size: 14px; font-weight: 600; z-index: 9999; max-width: calc(100% - 32px); }

/* phones */
.waa-filters__toggle { display: none; }
@media (max-width: 720px) {
  :root { --gutter: 16px; }
  .waa-hero { padding-top: 32px; gap: 16px; }
  .waa-header__end { width: 100%; justify-content: space-between; }
  .waa-nav { gap: 0 18px; order: 3; flex-basis: 100%; }
  .waa-script { padding: 28px 20px; box-shadow: 6px 6px 0 var(--ink); margin-right: 6px; }
  .waa-line { gap: 10px; }
  .waa-line__t { font-size: 18px; }
  .waa-line__n { width: 16px; }
  .waa-layout { gap: 40px; }
  .waa-savebox { padding: 26px 20px; box-shadow: 6px 6px 0 var(--ink); margin-right: 6px; }
  .waa-row__c { font-size: 24px; }
  .waa-hide-sm { display: none; }
  .waa-btn { white-space: normal; text-align: center; }
  .waa-search { flex-wrap: nowrap; }
  .waa-search input { flex: 1 1 auto; height: 56px; padding: 0 12px; font-size: 16px; }
  .waa-search .waa-i { margin-left: 14px; }
  .waa-search__count { display: none; }
  .waa-search__go { padding: 0 16px; }
  .waa-seg { display: flex; width: 100%; }
  .waa-seg button { flex: 1 1 auto; padding: 0 8px; font-size: 11px; letter-spacing: .06em; }
  .waa-filters__toggle { display: inline-flex; }
  .waa-filters:not(.is-open) .waa-fgroup { display: none; }
  .waa-filters__bar { align-items: center; gap: 12px; }
  .waa-filters__bar .waa-linkbtn { margin-left: auto; }
}

/* ===== hub v2: compact database page ===== */
.waa-hero--hub { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 20px 40px; align-items: end; padding-top: 40px; padding-bottom: 28px; }
.waa-hero__main { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.waa-hero--hub .waa-kicker { font-size: clamp(17px, 1.9vw, 24px); }
.waa-hero--hub .waa-h1 { font-size: clamp(36px, 4.4vw, 58px); }
.waa-facts--hero { border-top: 0; background: var(--sand); padding: 16px 18px; }
.waa-facts--hero .waa-label { padding: 0 0 6px; }
.waa-facts--hero dl div { padding: 7px 0; font-size: 13px; border-top: 1px solid #E4E0D6; }
.waa-facts--hero dl div:first-child { border-top: 0; }
/* pill search */
.waa-search--pill { max-width: none; flex-wrap: nowrap; border: 0; background: #1C1D21; border-radius: 999px; padding: 0 7px 0 26px; box-shadow: 0 10px 24px -14px rgba(0,0,0,.55); }
.waa-search--pill input { flex: 1 1 auto; height: 60px; padding: 0; color: #fff; font-size: 17px; }
.waa-search--pill input::placeholder { color: #8B8D96; opacity: 1; }
.waa-search--pill input::-webkit-search-cancel-button { filter: invert(1); }
.waa-search--pill .waa-search__count { display: none; }
.waa-search--pill .waa-search__go { align-self: center; width: 46px; height: 46px; min-height: 0; padding: 0; border: 0; border-radius: 50%; background: var(--orange); color: var(--ink); display: flex; align-items: center; justify-content: center; flex: none; transition: transform .15s; }
.waa-search--pill .waa-search__go:hover { background: var(--orange); transform: scale(1.06); }
.waa-search--pill .waa-search__go .waa-i { margin: 0; width: 20px; height: 20px; stroke-width: 2.8; }
.waa-search--pill:focus-within { box-shadow: 0 0 0 3px var(--orange), 0 10px 24px -14px rgba(0,0,0,.55); }
/* one-line ribbon under the search */
.waa-ribbon { display: flex; justify-content: space-between; align-items: center; gap: 8px 16px; margin: 0; font-size: 14px; color: var(--ink-3); }
.waa-ribbon strong { color: var(--ink); }
.waa-ribbon a { white-space: nowrap; }
.waa-ribbon__m { display: none; }
/* quick filters (phones only) */
.waa-quick { display: none; }
/* one-line rows on bigger screens */
@media (min-width: 721px) {
  .waa-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 16px; padding: 13px 0; cursor: pointer; }
  .waa-row:hover { background: var(--cream); }
  .waa-row__main { flex-direction: row; align-items: baseline; gap: 12px; }
  .waa-row__c { font-size: 20px; white-space: nowrap; overflow-wrap: normal; }
  .waa-row__p { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
  .waa-row .waa-chips { flex-wrap: nowrap; font-size: 11px; }
  .waa-row .waa-chips li { padding: 5px 8px; white-space: nowrap; }
  .waa-row__act .waa-btn { display: none; }
}
/* about this database panel (the intro, moved below the list) */
.waa-about-db { margin-top: 56px; background: var(--ink); color: #fff; padding: 44px 40px; }
.waa-about-db .waa-script-font { color: var(--orange); }
.waa-about-db .waa-h2 { color: #fff; margin: 6px 0 18px; }
.waa-about-db p { margin: 0 0 14px; max-width: 780px; font-size: 16px; line-height: 1.7; color: #D6D4CF; }
.waa-about-db p:last-of-type { margin-bottom: 0; }
.waa-about-db p strong { color: #fff; }
.waa .waa-about-db a { color: #fff; text-decoration: underline; text-decoration-color: var(--orange); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.waa .waa-about-db a:hover { color: var(--orange); }
.waa-about-db__facts { display: none; }
/* playwright names 20% smaller */
.waa-writers__list { font-size: clamp(22px, 2.7vw, 32px); gap: 4px 21px; }
@media (max-width: 900px) {
  .waa-hero--hub { grid-template-columns: 1fr; align-items: start; }
}
@media (max-width: 720px) {
  .waa-hero--hub { padding-top: 20px; padding-bottom: 8px; gap: 10px; }
  .waa-hero__main { gap: 12px; }
  .waa-hero--hub .waa-facts--hero { display: none; }
  .waa-search--pill { padding: 0 5px 0 20px; }
  .waa-search--pill input { height: 52px; font-size: 16px; }
  .waa-search--pill .waa-search__go { width: 42px; height: 42px; padding: 0; }
  .waa-ribbon { font-size: 13px; }
  .waa-ribbon__d { display: none; }
  .waa-ribbon__m { display: inline; }
  .waa-quick { display: flex; gap: 6px; overflow-x: auto; margin-right: calc(-1 * var(--gutter)); padding: 10px var(--gutter) 12px 0; border-bottom: 1px solid var(--line); scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .waa-quick::-webkit-scrollbar { display: none; }
  .waa-quick .waa-chip { flex: none; white-space: nowrap; }
  .waa-quick .waa-quick__f { background: var(--ink); border-color: var(--ink); color: #fff; font-weight: 600; }
  .waa-finder { display: none; margin-top: 0; }
  .waa-finder.is-open { display: block; }
  .waa-results__bar { padding-top: 12px; }
  .waa-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 8px; row-gap: 3px; padding: 11px 0; cursor: pointer; }
  .waa-row__main { grid-column: 1; grid-row: 1; gap: 2px; }
  .waa-row__c { font-size: 19px; }
  .waa-row__p { font-size: 13.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .waa-row .waa-chips { grid-column: 1; grid-row: 2; gap: 0; font-size: 12px; font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--muted); }
  .waa-row .waa-chips li { padding: 0; background: none; }
  .waa-row .waa-chips li + li::before { content: "\00a0·\00a0"; color: var(--muted); font-weight: 400; }
  .waa-row .waa-chips li.is-accent { background: none; color: var(--orange-ink); font-weight: 600; }
  .waa-row__act { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
  .waa-row__act .waa-btn { display: none; }
  .waa-row__act .waa-iconbtn { border: 0; }
  .waa-about-db { margin-left: calc(-1 * var(--gutter)); margin-right: calc(-1 * var(--gutter)); padding: 26px 20px 30px; }
  .waa-about-db p { font-size: 14.5px; line-height: 1.6; }
  .waa-about-db__facts { display: block; margin: 16px 0 0; border-top: 2px solid var(--orange); }
  .waa-about-db__facts div { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid #2A2A2C; font-size: 14px; }
  .waa-about-db__facts dt { color: #9A9AA0; }
  .waa-about-db__facts dd { margin: 0; font-weight: 600; text-align: right; }
}

/* ===== homepage v2: compact ===== */
body.waa-hm { margin: 0; background: var(--ink); color: #fff; }
.waa-hm a { color: #fff; text-decoration: none; }
.waa-hm a:hover { color: var(--orange); }
.waa-hm__frame { display: grid; grid-template-columns: 230px minmax(0, 1fr); max-width: 1280px; margin: 0 auto; }
.waa-hm__side { padding: 32px 0 32px 36px; }
.waa-hm__sidein { position: sticky; top: 32px; display: flex; flex-direction: column; gap: 30px; }
.admin-bar .waa-hm__sidein { top: 64px; }
.waa-hm__logo img { width: 160px; height: auto; display: block; }
.waa-hm__menubody { display: flex; flex-direction: column; gap: 30px; }
.waa-hm__menu { display: none; }
.waa-hm__nav { display: flex; flex-direction: column; gap: 2px; }
.waa-hm__nav a { font-family: var(--display); font-stretch: 62%; font-weight: 200; font-size: 24px; line-height: 1.15; text-transform: uppercase; }
.waa-hm__nav a.is-accent { color: var(--orange); }
.waa-hm__acct { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; font-size: 14px; }
.waa-hm .waa-btn--orange, .waa-hm .waa-btn--orange:hover { color: var(--ink); }
.waa-hm__social { display: flex; gap: 16px; font-size: 13px; }
.waa-hm__social a { color: #A3A5AC; }
.waa-hm__stream { padding: 32px 40px 24px; min-width: 0; }
.waa-hm__h1 { margin: 0; font-family: var(--body); font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #A3A5AC; }
.waa-hm__search { display: flex; align-items: center; gap: 14px; margin: 8px 0 30px; padding: 0 0 14px; border-bottom: 1px solid #3A3B40; }
.waa-hm__search .waa-i { width: 22px; height: 22px; flex: none; }
.waa-hm__search input { flex: 1 1 auto; min-width: 0; height: 52px; padding: 0; border: 0; background: transparent; color: #fff; font-family: var(--display); font-stretch: 62%; font-size: 24px; text-transform: uppercase; }
.waa-hm__search input::placeholder { color: #fff; opacity: 1; }
.waa-hm__search input:focus { outline: none; }
.waa-hm__search:focus-within { border-bottom-color: var(--orange); }
.waa-hm__find { font-family: 'Caveat', cursive; font-size: 24px; color: var(--orange); white-space: nowrap; }
.waa-hm__kick { display: block; font-family: var(--display); font-stretch: 62%; font-weight: 200; font-size: 24px; line-height: 1; text-transform: uppercase; color: #fff; }
.waa-hm__kick--sm { font-size: 18px; color: #C9C9CE; }
.waa-hm__read { font-family: var(--display); font-stretch: 112%; font-weight: 800; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--orange); }
.waa-hm__hero { display: grid; grid-template-columns: minmax(0, 1fr) 240px; gap: 32px; align-items: center; padding-bottom: 32px; border-bottom: 1px solid #2A2B30; }
.waa-hm__herot { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.waa-hm__heroh { font-family: var(--display); font-stretch: 112%; font-weight: 900; font-size: clamp(40px, 5vw, 68px); line-height: .88; letter-spacing: -.04em; text-transform: uppercase; overflow-wrap: anywhere; }
.waa-hm .waa-hl > span { color: var(--ink); }
.waa-hm__heroimg img { width: 240px; height: 240px; object-fit: cover; display: block; transform: rotate(2deg); box-shadow: -10px 10px 0 var(--orange); }
.waa-hm__hero:hover .waa-hm__heroh { color: #fff; }
.waa-hm__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px 28px; padding: 32px 0; }
.waa-hm__card { display: flex; flex-direction: column; gap: 10px; }
.waa-hm__cimg { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #1C1D21; }
.waa-hm__cimg img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; }
.waa-hm__card:hover .waa-hm__cimg img { transform: scale(1.04); }
.waa-hm__ch { font-family: var(--display); font-stretch: 112%; font-weight: 900; font-size: clamp(22px, 2.3vw, 30px); line-height: .95; letter-spacing: -.03em; text-transform: uppercase; }
.waa-hm__card:hover .waa-hm__ch, .waa-hm__wide:hover .waa-hm__ch { color: var(--orange); }
.waa-hm__wide { display: flex; align-items: center; gap: 22px; padding: 20px 0; border-top: 1px solid #2A2B30; border-bottom: 1px solid #2A2B30; }
.waa-hm__wideimg img { width: 160px; height: 90px; object-fit: cover; display: block; }
.waa-hm__widet { flex: 1 1 auto; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.waa-hm__sub { font-size: 14px; color: #C9C9CE; }
.waa-hm__ad { margin: 32px 0 8px; }
.waa-hm__ad .waa-ad__label { color: #8B8D94; }
.waa-hm .waa-ad { background: transparent; }
.waa-hm__light { background: var(--sand); color: var(--ink); }
.waa-hm__light a { color: var(--ink); }
.waa-hm__lightin { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 48px; padding: 48px 40px 48px 266px; }
.waa-hm__eb { margin: 0; font-family: var(--display); font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--orange-ink); }
.waa-hm__lh { margin: 10px 0 12px; font-family: var(--display); font-stretch: 112%; font-weight: 900; font-size: clamp(28px, 3vw, 38px); line-height: .92; letter-spacing: -.03em; text-transform: uppercase; }
.waa-hm__join p:not(.waa-signup__msg) { margin: 0 0 18px; font-size: 15px; line-height: 1.55; color: var(--ink-3); max-width: 460px; }
.waa-hm__join.waa-signup { display: block; margin: 0; padding: 0; background: none; color: var(--ink); border: 0; }
.waa-hm__joinrow { display: flex; flex-wrap: nowrap; gap: 0; border: 2px solid var(--ink); background: #fff; max-width: 480px; }
.waa-hm__joinrow input { flex: 1 1 auto; min-width: 0; height: 52px; padding: 0 14px; border: 0; font: inherit; font-size: 16px; color: var(--ink); background: #fff; }
.waa-hm__joinrow input:focus { outline: 3px solid var(--orange); outline-offset: -3px; }
.waa-hm__joinrow button { border: 0; border-left: 2px solid var(--ink); background: var(--orange); color: var(--ink); padding: 0 20px; font-family: var(--display); font-stretch: 112%; font-weight: 900; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }
.waa-hm__join .waa-signup__msg { margin: 10px 0 0; color: var(--orange-ink); }
.waa-hm__join.is-done .waa-hm__joinrow { display: none; }
.waa-hm__join.is-done .waa-signup__msg { font-size: 17px; color: var(--ink); }
.waa-hm__journal ul { list-style: none; margin: 12px 0 0; padding: 0; border-top: 2px solid var(--ink); }
.waa-hm__journal li a { display: flex; justify-content: space-between; gap: 16px; padding: 11px 0; border-bottom: 1px solid var(--line-2); font-size: 15px; font-weight: 600; line-height: 1.35; }
.waa-hm__journal li a:hover { color: var(--orange-ink); }
.waa-hm__journal time { font-size: 13px; font-weight: 400; color: var(--muted); white-space: nowrap; }
.waa-hm__more { display: inline-block; margin-top: 14px; font-size: 14px; font-weight: 600; text-decoration: underline !important; text-decoration-color: var(--orange) !important; text-decoration-thickness: 2px !important; text-underline-offset: 4px; }
.waa-hm__stage { border-top: 6px solid var(--orange); }
.waa-hm__stagein { max-width: 1280px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 24px 40px; padding: 44px 40px 44px 266px; }
.waa-hm__stageh { margin: 10px 0 12px; font-family: var(--display); font-stretch: 112%; font-weight: 900; font-size: clamp(36px, 4.4vw, 54px); line-height: .88; letter-spacing: -.04em; text-transform: uppercase; }
.waa-hm__stageh span { color: var(--orange); }
.waa-hm__stage p { margin: 0; max-width: 480px; font-size: 15px; line-height: 1.55; color: #C9C9CE; }
.waa-hm__btns { display: flex; flex-direction: column; gap: 10px; }
.waa-hm__ghost { border: 2px solid #fff; color: #fff; }
.waa-hm__ghost:hover { border-color: var(--orange); }
.waa-hm__foot { max-width: 1280px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 24px; padding: 22px 40px 28px 266px; border-top: 1px solid #2A2B30; font-size: 13px; color: #A3A5AC; }
.waa-hm__foot a { color: #A3A5AC; }
@media (max-width: 1000px) {
  .waa-hm__lightin, .waa-hm__stagein, .waa-hm__foot { padding-left: 40px; }
}
@media (max-width: 860px) {
  .waa-hm__frame { grid-template-columns: 1fr; }
  .waa-hm__side { padding: 14px 16px; border-bottom: 1px solid #2A2B30; }
  .waa-hm__sidein { position: static; flex-direction: row; justify-content: space-between; align-items: center; gap: 16px; }
  .waa-hm__logo img { width: 140px; }
  .waa-hm__desk { display: none; }
  .waa-hm__menu { display: block; }
  .waa-hm__menu summary { list-style: none; cursor: pointer; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; }
  .waa-hm__menu summary::-webkit-details-marker { display: none; }
  .waa-hm__burger { width: 22px; height: 14px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; position: relative; }
  .waa-hm__burger::after { content: ""; position: absolute; left: 0; right: 0; top: 4px; border-top: 2px solid #fff; }
  .waa-hm__menu[open] .waa-hm__menubody { position: absolute; left: 0; right: 0; top: 72px; z-index: 50; background: var(--ink); padding: 20px 16px 28px; border-bottom: 2px solid var(--orange); }
  .admin-bar .waa-hm__menu[open] .waa-hm__menubody { top: 118px; }
  .waa-hm__nav a { font-size: 30px; }
  .waa-hm__stream { padding: 18px 16px 8px; }
  .waa-hm__h1 { font-size: 11px; }
  .waa-hm__search { margin: 4px 0 20px; padding-bottom: 10px; }
  .waa-hm__search input { height: 46px; font-size: 20px; }
  .waa-hm__find { display: none; }
  .waa-hm__hero { grid-template-columns: 1fr; gap: 0; padding-bottom: 22px; }
  .waa-hm__heroimg { display: none; }
  .waa-hm__heroh { font-size: clamp(38px, 11vw, 52px); }
  .waa-hm__grid { grid-template-columns: 1fr; gap: 0; padding: 0; }
  .waa-hm__card { display: grid; grid-template-columns: 88px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 14px; row-gap: 4px; align-items: center; align-content: center; padding: 12px 0; border-bottom: 1px solid #2A2B30; }
  .waa-hm__cimg { grid-row: 1 / span 2; width: 88px; height: 64px; aspect-ratio: auto; }
  .waa-hm__card .waa-hm__kick { align-self: end; }
  .waa-hm__card .waa-hm__ch { align-self: start; }
  .waa-hm__kick--sm { font-size: 14px; color: #A3A5AC; }
  .waa-hm__ch { font-size: 19px; line-height: 1; letter-spacing: -.02em; }
  .waa-hm__wide { gap: 14px; padding: 12px 0; border-top: 0; }
  .waa-hm__wideimg img { width: 88px; height: 64px; }
  .waa-hm__wide .waa-hm__sub, .waa-hm__wide > .waa-hm__read { display: none; }
  .waa-hm__lightin { grid-template-columns: 1fr; gap: 36px; padding: 28px 16px 32px; }
  .waa-hm__stagein { padding: 28px 16px 32px; }
  .waa-hm__btns { width: 100%; }
  .waa-hm__btns .waa-btn { width: 100%; }
  .waa-hm__foot { padding: 18px 16px 24px; flex-direction: column; }
}
.waa-hm h2.waa-hm__heroh, .waa-hm h2.waa-hm__ch { margin: 0; color: inherit; }
.waa-hm__about { max-width: 1280px; margin: 0 auto; padding: 32px 40px 8px 266px; }
.waa-hm__about h2 { margin: 0 0 10px; font-family: var(--display); font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #A3A5AC; }
.waa-hm__about p { margin: 0; max-width: 820px; font-size: 14px; line-height: 1.7; color: #A3A5AC; }
.waa-hm .waa-hm__about a { color: #D6D4CF; text-decoration: underline; text-decoration-color: #4A4B50; text-underline-offset: 3px; }
.waa-hm .waa-hm__about a:hover { color: var(--orange); }
@media (max-width: 1000px) { .waa-hm__about { padding-left: 40px; } }
@media (max-width: 860px) { .waa-hm__about { padding: 24px 16px 4px; } }
.waa-hm__logo img { filter: invert(1) hue-rotate(180deg) saturate(1.4); }
@media (max-width: 860px) { .waa-hm__heroh { font-size: clamp(30px, 9vw, 46px); overflow-wrap: normal; } .waa-hm__search input { font-size: 18px; } }

/* homepage: charcoal band for the signup + journal */
.waa-hm__light { background: #1C1D21; color: #fff; }
.waa-hm__light a { color: #fff; }
.waa-hm__light .waa-hm__eb { color: var(--orange); }
.waa-hm__join p:not(.waa-signup__msg) { color: #C9C9CE; }
.waa-hm__join.waa-signup { color: #fff; }
.waa-hm__joinrow { border-color: #fff; }
.waa-hm__joinrow button { border-left: 0; }
.waa-hm__join .waa-signup__msg { color: var(--orange); }
.waa-hm__join.is-done .waa-signup__msg { color: #fff; }
.waa-hm__journal ul { border-top-color: #fff; }
.waa-hm__journal li a { border-bottom-color: #34353B; }
.waa-hm__journal li a:hover { color: var(--orange); }
.waa-hm__journal time { color: #A3A5AC; }