/* In the news — listing (design B refined), kind / story / news category pages (A's layout) and the coverage search.
   Approved 3 Oct 2026, canvas "In the News — Refined". Scoped to main.nwx. Markup: include/ccl-news-list.php. */
.nwx {
	--nwx-bg: #FFFFFF; --nwx-soft: #F1F4F9; --nwx-ink: #0B1A2E; --nwx-body: #3A4659; --nwx-muted: #566175;
	--nwx-line: #E1E7F0; --nwx-line2: #C9D3E2; --nwx-blue: #1D63FF; --nwx-blue-text: #1D55E0; --nwx-navy: #0A1628; --nwx-gold: #F6C85F;
	--nwx-dim: #C3CCDA; --nwx-onnavy-mute: #8E9AAE; --nwx-mark: #FCE7A8; --nwx-off: #A0AABA; --nwx-off-line: #DDE3EC; --nwx-field: #FFFFFF;
	--nwx-cur-bg: #0B1A2E; --nwx-cur-fg: #FFFFFF; --nwx-cur-ic: #F6C85F; --nwx-tile-ic: #EEF4FF; --nwx-logo-line: #D9E0EA;
	--nwx-screen-bg: #FDECEA; --nwx-screen: #B3261E; --nwx-air-bg: #EEF4FF; --nwx-air: #1D55E0; --nwx-print-bg: #EEF1F5; --nwx-print: #3A4659;
	--nwx-bar: #9DB4E8; --nwx-bar-on: #1D55E0; --nwx-j-bg: #0A1628;
	--nwx-display: 'Inter Tight', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--nwx-text: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--nwx-mono-f: 'IBM Plex Mono', ui-monospace, Menlo, Consolas, monospace;
	--nwx-pad: clamp(20px, 5.6vw, 80px);
	display: block; background: var(--nwx-bg); color: var(--nwx-ink); font-family: var(--nwx-text); font-size: 16px; line-height: 1.55;
}
html[data-ccl-theme="dark"] .nwx {
	--nwx-bg: #0B1220; --nwx-soft: #0F192B; --nwx-ink: #E8EDF5; --nwx-body: #C9D2DF; --nwx-muted: #9AA6B8;
	--nwx-line: #22304A; --nwx-line2: #2A3A58; --nwx-blue-text: #7DA4FF; --nwx-navy: #070E1A; --nwx-mark: rgba(246,200,95,0.32);
	--nwx-off: #5B6880; --nwx-off-line: #22304A; --nwx-field: #0F192B; --nwx-cur-bg: #E8EDF5; --nwx-cur-fg: #0B1A2E; --nwx-cur-ic: #1D55E0;
	--nwx-tile-ic: rgba(125,164,255,0.14); --nwx-logo-line: #2A3A58;
	--nwx-screen-bg: rgba(244,140,128,0.15); --nwx-screen: #F4A08F; --nwx-air-bg: rgba(125,164,255,0.15); --nwx-air: #9DB9FF; --nwx-print-bg: rgba(255,255,255,0.08); --nwx-print: #C9D2DF;
	--nwx-bar: #3A5288; --nwx-bar-on: #9DB9FF; --nwx-j-bg: #0F192B;
}
.nwx *, .nwx *::before, .nwx *::after { box-sizing: border-box; }
.nwx :where(h1, h2, h3, p, ul, ol, li) { margin: 0; }
.nwx :where(ul, ol) { padding: 0; list-style: none; }
.nwx li { min-width: 0; }
.nwx a { color: inherit; text-decoration: none; }
.nwx img { max-width: 100%; }
.nwx button, .nwx input, .nwx select { font: inherit; }
.nwx a:focus-visible, .nwx button:focus-visible, .nwx input:focus-visible, .nwx select:focus-visible { outline: 3px solid var(--nwx-blue); outline-offset: 3px; border-radius: 8px; }
.nwx .nwx-hero a:focus-visible, .nwx .nwx-hero button:focus-visible, .nwx .nwx-hero select:focus-visible, .nwx .nwx-j a:focus-visible, .nwx .nwx-j button:focus-visible, .nwx .nwx-talk a:focus-visible { outline-color: var(--nwx-gold); }
.nwx .nwx-sbox input:focus-visible { outline: 0; }
.nwx .nwx-sbox:focus-within { outline: 3px solid var(--nwx-gold); outline-offset: 3px; }
.nwx [hidden] { display: none !important; }
html:has(main.nwx), html:has(main.nwx) body { overflow-x: clip !important; }
.nwx-ic { flex: none; display: block; }
.nwx-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.nwx-wrap { max-width: 1280px; margin: 0 auto; padding-inline: var(--nwx-pad); box-sizing: content-box !important; }
.nwx .nwx-narrow { display: none; }
.nwx mark { background: var(--nwx-mark); color: inherit; padding: 0 2px; border-radius: 3px; }
.nwx .nwx-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: 15.5px; font-weight: 800; color: var(--nwx-blue-text); }
.nwx .nwx-link:hover { text-decoration: underline; text-underline-offset: 3px; }
.nwx .nwx-link--gold { color: var(--nwx-gold); }
.nwx-p { font-size: 17.5px; line-height: 1.6; color: var(--nwx-body); }

/* Buttons */
.nwx .nwx-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 22px; border-radius: 10px; border: 1px solid transparent; font-size: 16px; font-weight: 700; line-height: 1.2; white-space: nowrap; cursor: pointer; transition: background-color .15s, border-color .15s; }
.nwx .nwx-btn--sm { min-height: 46px; padding: 0 16px; font-size: 15px; }
.nwx .nwx-btn--line { background: transparent; border-color: var(--nwx-line2); color: var(--nwx-ink); }
.nwx .nwx-btn--gold { min-height: 54px; background: var(--nwx-gold); border-color: var(--nwx-gold); color: #0A1628; }
.nwx .nwx-btn--gold:hover { background: #F2BB3A; color: #0A1628; }
.nwx .nwx-btn--ghost { min-height: 54px; background: transparent; border-color: rgba(255,255,255,0.3); color: #FFFFFF; }
.nwx .nwx-btn--ghost:hover { border-color: #FFFFFF; background: rgba(255,255,255,0.06); color: #FFFFFF; }
/* The site sets a short height on every tel: link; these are buttons and tap targets. */
.nwx a.nwx-btn[href^="tel:"] { display: inline-flex !important; align-items: center !important; min-height: 54px !important; }
.nwx .nwx-j__c a[href^="tel:"], .nwx .nwx-j__c a[href^="mailto:"] { display: inline-flex !important; align-items: center !important; min-height: 44px !important; }

/* Navy headers */
.nwx-hero { background: var(--nwx-navy); color: #FFFFFF; padding: 28px 0 60px; }
.nwx-hero--a { padding-bottom: 44px; }
.nwx-hero--search, .nwx-hero--slim { padding-bottom: 44px; }
.nwx-crumb ol { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 14px; color: #AEBBD0; }
.nwx-crumb li { display: inline-flex; align-items: center; gap: 8px; }
.nwx-crumb a { display: inline-flex; align-items: center; min-height: 32px; text-decoration: underline !important; text-underline-offset: 3px; }
.nwx-crumb a:hover { color: #FFFFFF; }
.nwx-crumb .nwx-ic { color: var(--nwx-onnavy-mute); }
.nwx-crumb [aria-current] { color: #FFFFFF; font-weight: 600; }
.nwx-eyebrow { font-size: 13px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--nwx-gold); }
.nwx-eyebrow--ic { display: inline-flex; align-items: center; gap: 10px; }
.nwx-h1 { font-family: var(--nwx-display); font-size: clamp(36px, 4.2vw, 60px); font-weight: 900; line-height: 1.03; letter-spacing: -0.025em; color: #FFFFFF; text-wrap: balance; }
.nwx-h1--xl { font-size: clamp(40px, 4.6vw, 66px); }
.nwx-h1--md { font-size: clamp(32px, 3.6vw, 52px); }
.nwx-h1__pg { display: block; margin-top: 8px; font-size: 0.42em; font-weight: 700; letter-spacing: 0; color: var(--nwx-dim); }
.nwx-lead { max-width: 780px; font-size: 19px; line-height: 1.6; color: var(--nwx-dim); text-wrap: pretty; }

.nwx-lhero { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 72px; align-items: end; padding-top: 32px; }
.nwx-lhero__t { display: flex; flex-direction: column; gap: 18px; }
.nwx-lhero__t .nwx-sbox { margin-top: 4px; }
.nwx-lhero__p { display: flex; flex-direction: column; gap: 16px; padding: 26px; border-radius: 20px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.14); }
.nwx-lhero__p p { font-size: 16px; line-height: 1.6; color: var(--nwx-dim); }
.nwx-lhero__p .nwx-link { align-self: flex-start; }
.nwx .nwx-spk { display: flex; align-items: center; gap: 16px; color: #FFFFFF; }
.nwx-spk__img { flex: none; width: 72px; height: 72px; border-radius: 50%; object-fit: cover; object-position: center 22%; background: #1E2C47; }
.nwx-spk__t { display: flex; flex-direction: column; gap: 2px; }
.nwx-spk__l { font-size: 12.5px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--nwx-gold); }
.nwx-spk__n { font-size: 18px; font-weight: 800; }
.nwx-spk__r { font-size: 14.5px; color: var(--nwx-dim); }
.nwx .nwx-spk:hover .nwx-spk__n { text-decoration: underline; text-underline-offset: 3px; }

.nwx-chero { display: grid; grid-template-columns: minmax(0, 1fr) 520px; gap: 56px; align-items: end; padding: 32px 0 30px; }
.nwx-chero__t, .nwx-shero__t { display: flex; flex-direction: column; gap: 14px; }
.nwx-chero .nwx-lead { max-width: 680px; }
.nwx-shero { display: grid; grid-template-columns: minmax(0, 1fr) 640px; gap: 56px; align-items: end; padding-top: 28px; }
.nwx-shero__t { gap: 12px; }
.nwx-shero .nwx-lead { font-size: 18px; }
.nwx-hero--slim .nwx-shero { grid-template-columns: minmax(0, 1fr) 560px; }

/* Search box (always on navy) */
.nwx-sbox { display: flex; width: 100%; max-width: 760px; height: 62px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.25); background: rgba(255,255,255,0.06); overflow: hidden; text-align: left; }
.nwx-sbox--cat, .nwx-sbox--value, .nwx-hero--slim .nwx-sbox { height: 58px; max-width: none; }
.nwx-sbox__f { flex: 1; min-width: 0; display: flex; align-items: center; gap: 12px; padding: 0 8px 0 16px; color: #AEBBD0; }
.nwx .nwx-sbox input[type=search] { flex: 1; min-width: 0; height: 100%; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; color: #FFFFFF; font-size: 16px; font-weight: 500; -webkit-appearance: none; appearance: none; }
.nwx .nwx-sbox--value input[type=search] { font-size: 17px; font-weight: 600; }
.nwx .nwx-sbox input[type=search]::placeholder { color: #AEBBD0; opacity: 1; }
.nwx .nwx-sbox input[type=search]::-webkit-search-cancel-button { display: none; }
.nwx .nwx-sbox__x { flex: none; width: 44px; height: 44px; border: 0; border-radius: 10px; background: transparent; color: #AEBBD0; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.nwx .nwx-sbox__x:hover { color: #FFFFFF; background: rgba(255,255,255,0.08); }
.nwx .nwx-sbox__go { flex: none; height: 100%; padding: 0 22px; border: 0; border-radius: 0; background: var(--nwx-gold); color: #0A1628; font-size: 15.5px; font-weight: 800; cursor: pointer; }
.nwx .nwx-sbox__go:hover { background: #F2BB3A; }

/* Tabs (kinds of coverage) and the phone dropdowns that replace them */
.nwx-tabs ul { display: flex; flex-wrap: wrap; gap: 10px; }
.nwx .nwx-tab { display: inline-flex; align-items: center; gap: 10px; height: 48px; padding: 0 20px; border-radius: 12px; font-size: 16px; font-weight: 800; white-space: nowrap; transition: border-color .15s, background-color .15s; }
.nwx-tabs--light .nwx-tab { height: 46px; background: var(--nwx-field); border: 1px solid var(--nwx-line2); color: var(--nwx-ink); }
.nwx-tabs--light .nwx-tab .nwx-ic { color: var(--nwx-blue-text); }
.nwx-tabs--light .nwx-tab:hover { border-color: var(--nwx-blue); }
.nwx-tabs--light .nwx-tab[aria-current] { background: var(--nwx-cur-bg); border-color: var(--nwx-cur-bg); color: var(--nwx-cur-fg); }
.nwx-tabs--light .nwx-tab[aria-current] .nwx-ic { color: var(--nwx-cur-ic); }
.nwx-tabs--dark .nwx-tab { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.18); color: #FFFFFF; }
.nwx-tabs--dark .nwx-tab .nwx-ic { color: var(--nwx-gold); }
.nwx-tabs--dark .nwx-tab:hover { border-color: rgba(246,200,95,0.7); }
.nwx-tabs--dark .nwx-tab[aria-current] { background: var(--nwx-gold); border-color: var(--nwx-gold); color: #0A1628; }
.nwx-tabs--dark .nwx-tab[aria-current] .nwx-ic { color: #0A1628; }
.nwx-msel { display: none; }
.nwx-msel__l { font-size: 13px; font-weight: 700; }
.nwx-msel--dark .nwx-msel__l { color: #AEBBD0; }
.nwx-msel--light .nwx-msel__l { color: var(--nwx-muted); }
.nwx-msel__f, .nwx-sel__f { position: relative; display: block; }
.nwx-msel__f .nwx-ic, .nwx-sel__f .nwx-ic { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); pointer-events: none; }
.nwx .nwx-msel select { display: block; width: 100%; height: 52px; margin: 0; padding: 0 44px 0 14px; border-radius: 10px; font-size: 16px; font-weight: 700; -webkit-appearance: none; appearance: none; cursor: pointer; }
.nwx .nwx-msel--dark select { border: 1px solid rgba(255,255,255,0.25); background: rgba(255,255,255,0.06); color: #FFFFFF; }
.nwx .nwx-msel--light select { border: 1px solid var(--nwx-line2); background: var(--nwx-field); color: var(--nwx-ink); }
.nwx .nwx-msel select option { color: #0B1A2E; background: #FFFFFF; }
.nwx-msel--dark .nwx-msel__f .nwx-ic { color: var(--nwx-gold); }
.nwx-msel--light .nwx-msel__f .nwx-ic { color: var(--nwx-ink); }

/* Sections */
.nwx-sec { padding: 56px 0 48px; }
.nwx-sec--latest { padding: 8px 0 64px; }
.nwx-sec--top { padding-top: 40px; }
.nwx-sec--a { padding: 48px 0 64px; }
.nwx-sec--results { padding: 44px 0 72px; }
.nwx-sec--none { padding: 48px 0 64px; }
.nwx-sec .nwx-wrap { display: flex; flex-direction: column; gap: 26px; }
.nwx-sec--latest .nwx-wrap { gap: 22px; }
.nwx-sec--a .nwx-wrap { gap: 36px; }
.nwx-sec__intro { display: flex; flex-direction: column; gap: 8px; }
.nwx-sec__head { display: flex; justify-content: space-between; align-items: end; gap: 16px 24px; flex-wrap: wrap; }
.nwx-sec__head--end { justify-content: flex-end; }
.nwx-h2 { font-family: var(--nwx-display); font-size: clamp(26px, 2.4vw, 34px); font-weight: 800; line-height: 1.12; letter-spacing: -0.015em; color: var(--nwx-ink); }
.nwx-h2--sm { font-size: clamp(24px, 2.1vw, 30px); }
.nwx-empty { font-size: 17px; color: var(--nwx-body); }

/* The outlet: logo and name */
.nwx-out { display: flex; align-items: center; gap: 10px; min-width: 0; }
.nwx-out__logo { --s: 40px; flex: none; width: var(--s); height: var(--s); border-radius: 10px; overflow: hidden; background: #FFFFFF; border: 1px solid var(--nwx-logo-line); display: flex; align-items: center; justify-content: center; }
.nwx-out__logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.nwx-out__logo--ini { background: var(--nwx-soft); font-size: 13px; font-weight: 800; letter-spacing: 0.02em; color: var(--nwx-muted); }
.nwx-out__n { min-width: 0; font-size: 14.5px; font-weight: 800; line-height: 1.25; color: var(--nwx-ink); overflow-wrap: anywhere; }
.nwx-out--row .nwx-out__logo { --s: 36px; }
.nwx-out--mrow .nwx-out__logo { --s: 44px; border-radius: 12px; }
.nwx-out--mrow .nwx-out__n { font-size: 15px; }
.nwx-out--card .nwx-out__logo { --s: 34px; border-radius: 9px; }
.nwx-out--card .nwx-out__n { font-size: 14px; }
.nwx-out--chip { gap: 7px; height: 34px; padding: 0 10px 0 4px; border-radius: 999px; border: 1px solid var(--nwx-line); }
.nwx-out--chip .nwx-out__logo { --s: 26px; border-radius: 50%; }
.nwx-out--chip .nwx-out__logo--ini { font-size: 10.5px; }
.nwx-out--chip .nwx-out__n { font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 130px; }

/* Kind badge and the Watch / Listen / Read hint */
.nwx-badge { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; height: 26px; padding: 0 10px; border-radius: 999px; font-size: 12.5px; font-weight: 800; white-space: nowrap; }
.nwx-badge--screen { background: var(--nwx-screen-bg); color: var(--nwx-screen); }
.nwx-badge--air { background: var(--nwx-air-bg); color: var(--nwx-air); }
.nwx-badge--print { background: var(--nwx-print-bg); color: var(--nwx-print); }
.nwx-go { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 800; color: var(--nwx-blue-text); white-space: nowrap; }

/* Story tiles */
.nwx-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.nwx .nwx-tile { position: relative; display: flex; flex-direction: column; gap: 14px; height: 100%; padding: 24px; border-radius: 18px; border: 1px solid var(--nwx-line); background: var(--nwx-bg); color: var(--nwx-ink); transition: border-color .15s, box-shadow .15s; }
.nwx .nwx-tile:hover { border-color: var(--nwx-blue); box-shadow: 0 6px 24px rgba(11,26,46,0.08); }
.nwx-tile__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.nwx-tile__ic { flex: none; width: 46px; height: 46px; border-radius: 12px; background: var(--nwx-tile-ic); display: flex; align-items: center; justify-content: center; color: var(--nwx-blue-text); }
.nwx-tile__span { font-family: var(--nwx-mono-f); font-size: 12.5px; font-weight: 600; letter-spacing: 0.04em; color: var(--nwx-muted); text-align: right; }
.nwx-tile__n { font-family: var(--nwx-display); font-size: 22px; font-weight: 800; line-height: 1.22; }
.nwx-tile__d { flex: 1; font-size: 15.5px; line-height: 1.55; color: var(--nwx-body); }
.nwx-tile__outs { display: flex; flex-wrap: wrap; gap: 6px; }
.nwx-tile__go { display: inline-flex; align-items: center; gap: 8px; min-height: 24px; font-size: 15px; font-weight: 800; color: var(--nwx-blue-text); }
.nwx .nwx-tile:hover .nwx-tile__go { text-decoration: underline; text-underline-offset: 3px; }
.nwx-tile__chev { display: none; color: var(--nwx-muted); }

/* Story chips (white) */
.nwx-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.nwx-chips__l { margin-right: 6px; font-size: 15px; font-weight: 800; color: var(--nwx-muted); }
.nwx-chips ul, .nwx-browse ul { display: flex; flex-wrap: wrap; gap: 10px; }
.nwx .nwx-chip { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 16px; border-radius: 999px; border: 1px solid var(--nwx-line2); background: var(--nwx-field); font-size: 15px; font-weight: 700; color: var(--nwx-ink); white-space: nowrap; transition: border-color .15s; }
.nwx .nwx-chip .nwx-ic { color: var(--nwx-blue-text); }
.nwx .nwx-chip:hover { border-color: var(--nwx-blue); }
.nwx-browse { display: flex; flex-direction: column; gap: 12px; }
.nwx-browse .nwx-chips__l { font-family: var(--nwx-mono-f); font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; margin: 0; }

/* Latest coverage rows (listing) */
.nwx-rows { display: flex; flex-direction: column; border-bottom: 1px solid var(--nwx-line); }
.nwx-row { position: relative; display: grid; grid-template-columns: 112px 200px minmax(0, 1fr) auto; gap: 24px; align-items: center; padding: 20px 0; border-top: 1px solid var(--nwx-line); }
.nwx-row__d { font-size: 14px; font-weight: 700; color: var(--nwx-muted); white-space: nowrap; }
.nwx-row__b { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.nwx-row__m { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.nwx-row__s { font-size: 13px; font-weight: 700; color: var(--nwx-muted); }
.nwx-row__t { font-family: var(--nwx-display); font-size: 19px; font-weight: 800; line-height: 1.3; color: var(--nwx-ink); }
.nwx-row__t a::after { content: ''; position: absolute; inset: 0; }
.nwx-row:hover .nwx-row__t a { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }

/* Coverage by year (kind, story and category pages) */
.nwx-year { display: flex; flex-direction: column; }
.nwx-year__h { margin-bottom: 4px; font-family: var(--nwx-display); font-size: 28px; font-weight: 800; color: var(--nwx-ink); }
.nwx-mrows { display: flex; flex-direction: column; border-bottom: 1px solid var(--nwx-line); }
.nwx-mrow { display: grid; grid-template-columns: 200px minmax(0, 1fr) 300px; gap: 28px; align-items: center; padding: 22px 0; border-top: 1px solid var(--nwx-line); }
.nwx-mrow__b { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.nwx-mrow__d { font-size: 13.5px; color: var(--nwx-muted); }
.nwx-mrow__t { font-family: var(--nwx-display); font-size: 20px; font-weight: 800; line-height: 1.3; color: var(--nwx-ink); }
.nwx-mrow__t a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.nwx-mrow__a { min-width: 0; }
.nwx .nwx-pill { display: flex; align-items: center; gap: 14px; height: 56px; padding: 0 18px 0 6px; border-radius: 999px; color: var(--nwx-ink); }
.nwx-pill__ic { flex: none; width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.nwx-pill__t { flex: 1; font-size: 15px; font-weight: 800; }
.nwx-pill > .nwx-ic { color: var(--nwx-blue-text); }
.nwx .nwx-pill--screen { background: var(--nwx-screen-bg); }
.nwx-pill--screen .nwx-pill__ic { background: #0A1628; color: var(--nwx-gold); }
.nwx .nwx-pill--print, .nwx .nwx-pill--air { background: var(--nwx-print-bg); }
.nwx-pill--print .nwx-pill__ic, .nwx-pill--air .nwx-pill__ic { background: var(--nwx-bg); color: var(--nwx-ink); }
.nwx .nwx-pill:hover .nwx-pill__t { text-decoration: underline; text-underline-offset: 3px; }
.nwx-play { display: flex; align-items: center; gap: 12px; height: 56px; padding: 0 16px 0 6px; border-radius: 999px; background: var(--nwx-air-bg); }
.nwx .nwx-play__b { position: relative; flex: none; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: var(--nwx-blue); color: #FFFFFF; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.nwx .nwx-play__b:hover { background: #1550D6; }
.nwx-play__b .nwx-ic:last-child { display: none; }
.nwx-play.is-playing .nwx-play__b .nwx-ic:first-child { display: none; }
.nwx-play.is-playing .nwx-play__b .nwx-ic:last-child { display: block; }
.nwx-play__w { flex: 1; min-width: 0; display: flex; align-items: center; gap: 3px; height: 26px; overflow: hidden; }
.nwx-play__w i { flex: 1 1 0; max-width: 4px; min-width: 2px; border-radius: 2px; background: var(--nwx-bar); }
.nwx-play__w i.on { background: var(--nwx-bar-on); }
.nwx-play__s { flex: none; font-size: 13px; font-weight: 700; color: var(--nwx-body); }

/* Search cards */
.nwx-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.nwx-card { position: relative; display: flex; flex-direction: column; gap: 14px; padding: 22px; border-radius: 16px; border: 1px solid var(--nwx-line); background: var(--nwx-bg); transition: border-color .15s; }
.nwx-card:hover { border-color: var(--nwx-blue); }
.nwx-card__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.nwx-card__d { flex: none; font-size: 13.5px; color: var(--nwx-muted); white-space: nowrap; }
.nwx-card__t { flex: 1; font-family: var(--nwx-display); font-size: 19.5px; font-weight: 800; line-height: 1.28; color: var(--nwx-ink); }
.nwx-card__t a::after { content: ''; position: absolute; inset: 0; border-radius: 16px; }
.nwx-card__x { font-size: 14.5px; line-height: 1.55; color: var(--nwx-body); }
.nwx-card .nwx-go { align-self: flex-start; }

/* Search: header tools, scope, nothing found */
.nwx-filters { display: flex; align-items: center; gap: 14px; }
.nwx-sel { display: flex; align-items: center; gap: 10px; }
.nwx-sel__l { font-size: 14px; font-weight: 700; color: var(--nwx-muted); }
.nwx .nwx-sel select { display: block; height: 46px; min-width: 190px; margin: 0; padding: 0 40px 0 14px; border-radius: 10px; border: 1px solid var(--nwx-line2); background: var(--nwx-field); color: var(--nwx-ink); font-size: 15px; font-weight: 700; -webkit-appearance: none; appearance: none; cursor: pointer; }
.nwx .nwx-sel select:hover { border-color: var(--nwx-blue); }
.nwx-sel__f .nwx-ic { color: var(--nwx-ink); }
.nwx-sel--kind { display: none; }
.nwx-scope { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; font-size: 15.5px; font-weight: 700; color: var(--nwx-body); }
.nwx-none__head { display: flex; flex-direction: column; gap: 10px; max-width: 820px; }
.nwx-none__head .nwx-h2 { font-size: clamp(26px, 2.3vw, 32px); }
.nwx-tips { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.nwx-tips li { display: flex; flex-direction: column; gap: 6px; padding: 20px 22px; border-radius: 14px; background: var(--nwx-soft); }
.nwx-tips__t { font-size: 17px; font-weight: 800; color: var(--nwx-ink); }
.nwx-tips__d { font-size: 15px; line-height: 1.55; color: var(--nwx-body); }

/* Pages */
.nwx-pager__of { display: none; font-family: var(--nwx-mono-f); font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--nwx-muted); text-align: center; }
.nwx-pager__row { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.nwx .nwx-pager__b { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 48px; padding: 0 16px; border-radius: 10px; border: 1px solid var(--nwx-ink); color: var(--nwx-ink); font-size: 15px; font-weight: 700; }
.nwx .nwx-pager__b:hover { background: var(--nwx-soft); }
.nwx .nwx-pager__b.is-off { border-color: var(--nwx-off-line); color: var(--nwx-off); background: transparent; }
.nwx-pager__nums { display: flex; align-items: center; gap: 4px; }
.nwx .nwx-pager__n { display: inline-flex; align-items: center; justify-content: center; min-width: 46px; height: 46px; padding: 0 6px; border-radius: 10px; color: var(--nwx-ink); font-size: 15px; font-weight: 700; }
.nwx .nwx-pager__n:hover { background: var(--nwx-soft); }
.nwx .nwx-pager__n[aria-current] { background: var(--nwx-cur-bg); color: var(--nwx-cur-fg); }
.nwx-pager__gap { display: inline-flex; align-items: center; justify-content: center; min-width: 30px; color: var(--nwx-muted); }
.nwx-note { display: flex; gap: 10px; font-size: 14px; line-height: 1.55; color: var(--nwx-muted); }
.nwx-note .nwx-ic { margin-top: 2px; }

/* For journalists */
.nwx-j { padding: 8px 0 72px; scroll-margin-top: 120px; }
.nwx-j__box { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; padding: 40px 44px; border-radius: 20px; background: var(--nwx-j-bg); color: #FFFFFF; }
html[data-ccl-theme="dark"] .nwx-j__box { border: 1px solid #22304A; }
.nwx-j__l, .nwx-j__r { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.nwx-j__h { font-family: var(--nwx-display); font-size: 34px; font-weight: 800; line-height: 1.12; letter-spacing: -0.015em; color: #FFFFFF; }
.nwx-j__d { font-size: 17px; line-height: 1.6; color: var(--nwx-dim); }
.nwx-j__c { display: flex; flex-direction: column; gap: 4px; }
.nwx-j__c a { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; font-size: 17px; font-weight: 800; color: #FFFFFF; overflow-wrap: anywhere; }
.nwx-j__c a .nwx-ic { color: var(--nwx-gold); }
.nwx-j__c a:hover { text-decoration: underline; text-underline-offset: 3px; }
.nwx-j__l .nwx-link { align-self: flex-start; }
.nwx .nwx-kit { display: flex; align-items: center; gap: 16px; min-height: 72px; padding: 14px 18px; border-radius: 14px; border: 1px solid rgba(255,255,255,0.16); color: #FFFFFF; transition: border-color .15s; }
.nwx .nwx-kit:hover { border-color: rgba(246,200,95,0.7); }
.nwx-kit__ic { flex: none; width: 44px; height: 44px; border-radius: 12px; background: rgba(246,200,95,0.14); color: var(--nwx-gold); display: flex; align-items: center; justify-content: center; }
.nwx-kit__t { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.nwx-kit__n { font-size: 16.5px; font-weight: 800; }
.nwx-kit__m { font-size: 14px; color: var(--nwx-dim); }
.nwx-bp { display: flex; flex-direction: column; gap: 12px; padding: 18px 20px; border-radius: 14px; border: 1px solid rgba(255,255,255,0.16); }
.nwx-bp__head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.nwx-bp__l { font-size: 13px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--nwx-gold); }
.nwx .nwx-bp__copy { flex: none; display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 14px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.16); background: transparent; color: #FFFFFF; font-size: 14.5px; font-weight: 800; cursor: pointer; }
.nwx .nwx-bp__copy .nwx-ic { color: var(--nwx-gold); }
.nwx .nwx-bp__copy:hover, .nwx .nwx-bp__copy.is-done { border-color: var(--nwx-gold); }
.nwx-bp__sws { display: flex; flex-wrap: wrap; gap: 8px; }
.nwx .nwx-bp__sw { height: 44px; padding: 0 14px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.18); background: transparent; color: #FFFFFF; font-size: 14px; font-weight: 700; cursor: pointer; }
.nwx .nwx-bp__sw[aria-pressed="true"] { background: var(--nwx-gold); border-color: var(--nwx-gold); color: #0A1628; }
.nwx-bp__text { display: flex; flex-direction: column; gap: 10px; font-size: 15px; line-height: 1.6; color: var(--nwx-dim); }

/* Talk strip */
.nwx-talk { padding: 0 0 88px; }
.nwx--search .nwx-talk { padding-top: 0; }
.nwx-talk__box { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 40px 48px; border-radius: 20px; background: var(--nwx-navy); }
html[data-ccl-theme="dark"] .nwx-talk__box { background: #0F192B; border: 1px solid #22304A; }
.nwx-talk__txt { display: flex; flex-direction: column; gap: 8px; max-width: 640px; }
.nwx-talk h2 { font-family: var(--nwx-display); font-size: 32px; font-weight: 800; line-height: 1.12; letter-spacing: -0.015em; color: #FFFFFF; }
.nwx-talk p { font-size: 17px; line-height: 1.6; color: var(--nwx-dim); }
.nwx-talk__btns { flex: none; display: flex; gap: 12px; }

/* ---------- Laptop ---------- */
@media (max-width: 1180px) {
	.nwx-lhero { grid-template-columns: minmax(0, 1fr) 380px; gap: 48px; }
	.nwx-chero { grid-template-columns: minmax(0, 1fr) 440px; gap: 40px; }
	.nwx-shero { grid-template-columns: minmax(0, 1fr) 520px; gap: 40px; }
	.nwx-hero--slim .nwx-shero { grid-template-columns: minmax(0, 1fr) 480px; }
	.nwx-tiles { gap: 20px; }
	.nwx-row { grid-template-columns: 104px 180px minmax(0, 1fr) auto; gap: 20px; }
	.nwx-mrow { grid-template-columns: 180px minmax(0, 1fr) 260px; gap: 22px; }
	.nwx-talk__box { flex-direction: column; align-items: flex-start; gap: 24px; }
	.nwx-j__box { gap: 36px; padding: 36px; }
}

/* ---------- Tablet ---------- */
@media (max-width: 1023px) {
	.nwx-lhero, .nwx-chero, .nwx-shero, .nwx-hero--slim .nwx-shero { grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: stretch; }
	.nwx-lhero__p { max-width: 560px; }
	.nwx-tiles, .nwx-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.nwx-row { grid-template-columns: 170px minmax(0, 1fr) auto; grid-template-areas: "o b g" "d b g"; row-gap: 6px; align-items: start; }
	.nwx-row .nwx-out { grid-area: o; }
	.nwx-row__d { grid-area: d; }
	.nwx-row__b { grid-area: b; }
	.nwx-row .nwx-go { grid-area: g; align-self: center; }
	.nwx-mrow { grid-template-columns: minmax(0, 1fr) 260px; grid-template-areas: "o a" "b a"; row-gap: 10px; }
	.nwx-mrow .nwx-out { grid-area: o; }
	.nwx-mrow__b { grid-area: b; }
	.nwx-mrow__a { grid-area: a; align-self: center; }
	.nwx-tips { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	.nwx-sec__head--search { align-items: flex-start; flex-direction: column; }
	.nwx-j__box { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- Phone ---------- */
@media (max-width: 760px) {
	.nwx .nwx-wide { display: none; }
	.nwx .nwx-narrow { display: inline; }
	.nwx-hero { padding: 20px 0 30px; }
	.nwx-hero--a { padding-bottom: 28px; }
	.nwx-hero--search, .nwx-hero--slim { padding-bottom: 26px; }
	.nwx-crumb ol { gap: 2px 6px; font-size: 13.5px; }
	.nwx-h1, .nwx-h1--xl { font-size: 40px; letter-spacing: -0.02em; }
	.nwx-h1--md, .nwx-hero--search .nwx-h1 { font-size: 32px; }
	.nwx-lead { font-size: 16.5px; }
	.nwx-lhero { padding-top: 18px; gap: 18px; }
	.nwx-lhero__t { gap: 12px; }
	.nwx-lhero__p { gap: 12px; padding: 18px; border-radius: 16px; }
	.nwx-lhero__p p { display: none; }
	.nwx-spk__img { width: 56px; height: 56px; }
	.nwx-sbox, .nwx-sbox--cat, .nwx-sbox--value, .nwx-hero--slim .nwx-sbox { height: 54px; }
	.nwx .nwx-sbox__go { padding: 0 16px; }
	.nwx-sbox__f { gap: 10px; padding-left: 14px; }
	.nwx-chero { padding: 18px 0 18px; gap: 18px; }
	.nwx-chero__t { gap: 10px; }
	.nwx-eyebrow--ic { gap: 8px; }
	.nwx-eyebrow--ic .nwx-ic { width: 18px; height: 18px; }
	.nwx-shero { padding-top: 16px; gap: 16px; }
	.nwx-tabs, .nwx-chips { display: none; }
	.nwx-msel { display: flex; flex-direction: column; gap: 6px; }

	.nwx-sec { padding: 28px 0 20px; }
	.nwx-sec .nwx-wrap { gap: 14px; }
	.nwx-sec--latest { padding: 8px 0 24px; }
	.nwx-sec--top { padding-top: 24px; }
	.nwx-sec--a { padding: 24px 0 24px; }
	.nwx-sec--a .nwx-wrap { gap: 22px; }
	.nwx-sec--results { padding: 22px 0 24px; }
	.nwx-sec--none { padding: 28px 0 28px; }
	.nwx-sec--none .nwx-wrap { gap: 22px; }
	.nwx-sec__head { flex-direction: column; align-items: stretch; gap: 12px; }
	.nwx-h2 { font-size: 26px; }
	.nwx-h2--sm { font-size: 22px; }
	.nwx-p { font-size: 15.5px; }

	.nwx-tiles { display: flex; flex-direction: column; gap: 0; border-bottom: 1px solid var(--nwx-line); }
	.nwx .nwx-tile { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; grid-template-areas: "i n c" "i s c"; column-gap: 14px; row-gap: 3px; align-items: center; min-height: 76px; padding: 14px 0; border: 0; border-top: 1px solid var(--nwx-line); border-radius: 0; box-shadow: none !important; }
	.nwx-tile__top { display: contents; }
	.nwx-tile__ic { grid-area: i; width: 44px; height: 44px; }
	.nwx-tile__ic .nwx-ic { width: 20px; height: 20px; }
	.nwx-tile__span { grid-area: s; text-align: left; font-size: 12px; letter-spacing: 0; }
	.nwx-tile__n { grid-area: n; font-size: 17px; line-height: 1.25; }
	.nwx-tile__d, .nwx-tile__outs, .nwx-tile__go { display: none; }
	.nwx-tile__chev { grid-area: c; display: block; }
	.nwx-sec--stories .nwx-msel { padding-top: 6px; }

	.nwx-rows { margin-bottom: 8px; }
	.nwx-row { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "o d" "b b" "g g"; gap: 10px; padding: 18px 0; }
	.nwx-row__d { align-self: center; font-size: 13px; font-weight: 500; }
	.nwx-row .nwx-out__logo { --s: 32px; }
	.nwx-row__s { display: none; }
	.nwx-row__t { font-size: 18px; }
	.nwx-row .nwx-go { align-self: start; }

	.nwx-year__h { font-size: 24px; }
	.nwx-mrow { grid-template-columns: minmax(0, 1fr); grid-template-areas: "o" "b" "a"; gap: 10px; padding: 18px 0; }
	.nwx-mrow .nwx-out__logo { --s: 32px; border-radius: 9px; }
	.nwx-mrow__t { font-size: 18px; }

	.nwx-cards { display: flex; flex-direction: column; gap: 0; border-bottom: 1px solid var(--nwx-line); }
	.nwx-card { gap: 10px; padding: 18px 0; border: 0; border-top: 1px solid var(--nwx-line); border-radius: 0; }
	.nwx-card__t { font-size: 18px; }
	.nwx-card__t a::after { border-radius: 0; }
	.nwx-sec__head--search { gap: 14px; }
	.nwx-filters { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
	.nwx-sel, .nwx-sel--kind { display: flex; flex-direction: column; align-items: stretch; gap: 6px; }
	.nwx-sel__l { font-size: 13px; }
	.nwx .nwx-sel select { width: 100%; min-width: 0; height: 52px; font-size: 16px; }
	.nwx-browse ul { gap: 8px; }
	.nwx .nwx-chip { white-space: normal; height: auto; min-height: 44px; padding-top: 8px; padding-bottom: 8px; line-height: 1.3; }

	.nwx-pager { display: flex; flex-direction: column; gap: 10px; padding-top: 4px; }
	.nwx-pager__of { display: block; }
	.nwx-pager__nums { display: none; }
	.nwx-pager__row { gap: 10px; }
	.nwx .nwx-pager__b { flex: 1; height: 52px; font-size: 15.5px; }
	.nwx-note { padding-top: 6px; }

	.nwx-j { padding: 8px 0 28px; }
	.nwx-j__box { gap: 22px; padding: 24px 20px; border-radius: 18px; }
	.nwx-j__h { font-size: 26px; }
	.nwx-j__d { font-size: 15.5px; }
	.nwx-j__c a { font-size: 16px; }
	.nwx .nwx-kit { padding: 12px 14px; gap: 12px; }

	.nwx-talk { padding: 4px 0 36px; }
	.nwx-talk__box { gap: 14px; padding: 24px 20px; border-radius: 18px; }
	.nwx-talk h2 { font-size: 24px; }
	.nwx-talk p { font-size: 15.5px; }
	.nwx-talk__btns { width: 100%; flex-direction: column; gap: 12px; }
	.nwx-talk__btns .nwx-btn, .nwx .nwx-talk__btns a.nwx-btn[href^="tel:"] { display: flex !important; width: 100%; min-height: 52px !important; }
}
@media (max-width: 380px) {
	.nwx-h1, .nwx-h1--xl { font-size: 36px; }
	.nwx-play { gap: 10px; padding-right: 12px; }
}
@media (prefers-reduced-motion: reduce) {
	.nwx *, .nwx *::before, .nwx *::after { transition: none !important; }
}