/*
 * Page-group stylesheet for the 9 Nov 2026 redesign, group g8 (Lists + Reading): the news index, the press page,
 * methodology, the article rail's "In this article" chips, and the glossary's alphabet. Loaded only on those
 * templates (inc/reading-pages.php). Values are copied from the design files' own blocks.
 */


/* --- news index (design block nx-news) --- */
/* no scrolling inside the filter (Daniel, 8 Nov: "i dont like how we have to scroll in the filter"): the options sit in two
   columns at full height; on a phone the sheet hugs its content and one group is open at a time */
.nx-archive .td-lc-opts{max-height:none;overflow:visible;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;align-content:start}
.nx-archive .td-lc-opts[hidden]{display:none}
.nx-archive .td-lc-opt span:first-child{min-width:0;overflow-wrap:anywhere}
@media (max-width:639.98px){.nx-archive .td-lc-sheet{inset:auto 0 0;max-height:94dvh}.nx-archive .td-lc-opts{column-gap:16px}}
.nx-archive{border-top:1px solid var(--td-hair);padding-top:clamp(16px,2vw,24px)}
.nx-list{display:flex;flex-direction:column;margin-top:8px}
.nx-list[hidden]{display:none}
.nx-row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;padding:20px 0;border-bottom:1px solid var(--td-hair-soft,rgba(0,0,0,.08))}
.nx-row[hidden]{display:none}
.nx-kick{margin:0 0 6px;font-size:13px;font-weight:500;color:var(--td-accent-text,#A8480F)}
.nx-h{margin:0;font-size:19px;line-height:1.3;font-weight:600}.nx-h a{color:var(--td-ink);text-decoration:none}
.nx-h a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.nx-h a:focus-visible{outline:2px solid var(--td-ink);outline-offset:2px}
.nx-dek{margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--td-ink-2)}
.nx-by{margin:10px 0 0;font-size:12px;color:var(--td-ink-3,#6E6A62)}
.nx-thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:rgba(0,0,0,.05);border:1px solid var(--td-hair)}
.nx-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.nx-thumb.is-off::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 10px,rgba(0,0,0,.035) 10px 11px)}
@media (max-width:640px){
.nx-row{grid-template-columns:minmax(0,1fr) 96px;gap:14px}.nx-row .nx-thumb{grid-column:2;grid-row:1}.nx-row .nx-txt{grid-column:1;grid-row:1}
.nx-row .nx-dek{display:none}.nx-h{font-size:17px}
}

/* The filter controls are the theme's lt- controls here: the two-column option grid and no inner scroll */
.nx-archive .lt-opts,.nx-archive .lt-seg{max-height:none;overflow:visible}
.nx-archive .lt-seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;align-content:start}
.nx-archive .lt-opt span:first-child{min-width:0;overflow-wrap:anywhere}
.nx-meta{margin:0 0 12px}
@media (max-width:639.98px){.nx-archive .lt-panel:not(.td-sort-panel){inset:auto 0 0;max-height:94dvh}.nx-archive .lt-seg{column-gap:16px}}

/* --- methodology (me-tabs) --- */
.me-article > .td-sec{margin:0;padding:0;border:0}.me-article > .td-sec + .td-sec{margin-top:48px}
.me-article .td-sec-head h2{font-size:22px;line-height:1.3;margin:0 0 12px;font-weight:600}
.me-article .td-lead,.me-article .td-answer{max-width:none !important;font-size:17px;line-height:1.7;margin:0 0 14px;color:var(--td-ink)}
.me-steps{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--td-hair)}
.me-steps li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:18px 0;border-bottom:1px solid var(--td-hair-soft,rgba(0,0,0,.08))}
.me-n{font-size:15px;font-weight:600;color:var(--td-accent-text,#A8480F);font-variant-numeric:tabular-nums;padding-top:1px}
.me-steps h3{margin:0 0 6px;font-size:17px;font-weight:600}.me-steps p{margin:0;font-size:15px;line-height:1.65;color:var(--td-ink-2)}
.me-dl{margin:18px 0 0;border-top:1px solid var(--td-hair)}
.me-di{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;padding:16px 0;border-bottom:1px solid var(--td-hair-soft,rgba(0,0,0,.08))}
.me-di dt{font-size:15px;font-weight:600;color:var(--td-ink)}.me-di dd{margin:0;font-size:15px;line-height:1.65;color:var(--td-ink-2)}
.me-di dd a{color:var(--td-ink)}
.me-scale{margin:20px 0 0;max-width:560px}.me-bar{display:flex;height:6px}.me-b--bear{background:var(--td-down,#B23A3A)}.me-b--neu{background:var(--td-ink-3,#8A857C)}.me-b--bull{background:var(--td-up,#167C3C)}
.me-ticks{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:var(--td-ink-3,#6E6A62);font-variant-numeric:tabular-nums}
.me-dl--scale{max-width:560px}.me-dl--scale .me-di{grid-template-columns:140px minmax(0,1fr);padding:10px 0}.me-dl--scale dd{font-variant-numeric:tabular-nums}
.me-tbl{width:100%}.me-tbl th,.me-tbl td{text-align:left;vertical-align:top;white-space:normal}.me-tbl .me-src{width:180px;font-weight:600}.me-tbl .me-use{font-size:15px;line-height:1.6;color:var(--td-ink-2)}.me-tbl .me-cad{width:120px;color:var(--td-ink-2)}
.me-note{margin:10px 0 0;font-size:13px;color:var(--td-ink-3,#6E6A62)}
.me-trust{margin-top:64px;padding-top:32px;border-top:1px solid var(--td-hair)}.me-trust .td-sec-head h2{font-size:22px;margin:0 0 12px;font-weight:600}.me-trust .td-answer{max-width:none !important;font-size:17px;line-height:1.7;color:var(--td-ink)}
.me-links{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0 0}.me-links a{text-decoration:none;color:var(--td-ink)}
@media (max-width:640px){.me-di,.me-dl--scale .me-di{grid-template-columns:minmax(0,1fr);gap:4px}.me-steps li{grid-template-columns:28px minmax(0,1fr)}.me-tbl .me-src{width:auto}}

/* --- press (pk-press) --- */
.pk-article > .td-sec,.pk-contact{margin:0;padding:0;border:0}.pk-article > .td-sec + .td-sec{margin-top:48px}
.pk-article .td-sec-head h2,.pk-contact .td-sec-head h2{font-size:22px;line-height:1.3;margin:0 0 12px;font-weight:600}
.pk-article .td-answer,.pk-contact .td-answer{max-width:none !important;font-size:17px;line-height:1.7;margin:0 0 14px;color:var(--td-ink)}
.pk-contact{margin-top:64px !important;padding-top:32px !important;border-top:1px solid var(--td-hair) !important}
.pk-cgrid{margin-top:16px}
.pk-f{margin:0 0 16px}.pk-f label{display:block;margin:0 0 6px;font-size:14px;font-weight:600;color:var(--td-ink)}.pk-req{color:var(--td-accent-text,#A8480F)}
.pk-f input,.pk-f textarea{display:block;width:100%;box-sizing:border-box;font:inherit;font-size:16px;color:var(--td-ink);background:#fff;border:1px solid var(--td-hair,rgba(0,0,0,.14));border-radius:0;padding:11px 12px;min-height:46px}
.pk-f textarea{resize:vertical;min-height:180px}.pk-f input:focus,.pk-f textarea:focus{outline:2px solid var(--td-ink);outline-offset:0;border-color:var(--td-ink)}
.pk-send{display:flex;align-items:center;gap:16px;margin:6px 0 0}.pk-send .td-btn{min-width:160px;color:var(--td-ink)}.pk-sent{font-size:14px;color:var(--td-ink-2)}
.pk-side{border-top:1px solid var(--td-ink);padding-top:16px}.pk-side-h{margin:0 0 10px;font-size:14px;font-weight:600;color:var(--td-ink)}.pk-side-h + .pk-mail{margin-top:0}
.pk-mail{margin:0 0 14px;font-size:15px;line-height:1.5}.pk-mail a{color:var(--td-ink)}.pk-mail span{display:block;font-size:13px;color:var(--td-ink-3,#6E6A62)}
.pk-mail + .pk-side-h{margin-top:22px;padding-top:16px;border-top:1px solid var(--td-hair)}
.pk-before{margin:0}.pk-before div{padding:12px 0;border-top:1px solid var(--td-hair-soft,rgba(0,0,0,.08))}.pk-before div:first-child{border-top:0;padding-top:0}
.pk-before dt{font-size:15px;font-weight:600;color:var(--td-ink)}.pk-before dd{margin:3px 0 0;font-size:14px;line-height:1.55;color:var(--td-ink-2)}
@media (max-width:760px){.pk-cgrid{grid-template-columns:minmax(0,1fr);gap:32px}}
.pk-copyrow{display:flex;align-items:center;gap:14px;margin:4px 0 0}.pk-copied{font-size:13px;color:var(--td-ink-3)}
.pk-dl{margin:16px 0 0;border-top:1px solid var(--td-hair)}
.pk-di{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;padding:14px 0;border-bottom:1px solid var(--td-hair-soft,rgba(0,0,0,.08));font-size:15px;line-height:1.6}
.pk-di dt{font-weight:600;color:var(--td-ink)}.pk-di dd{margin:0;color:var(--td-ink-2)}.pk-url{display:block;font-size:13px;color:var(--td-ink-3)}
.pk-person{display:flex;gap:20px;align-items:center}.pk-person img{width:120px;height:120px;object-fit:cover;border-radius:50%;border:1px solid var(--td-hair);background:#eee}
.pk-pname{margin:0;font-size:18px;font-weight:600}.pk-prole{margin:2px 0 12px;font-size:15px;color:var(--td-ink-2)}.pk-plinks{margin:0}
.pk-cite{margin:6px 0 18px}.pk-cite code{display:block;padding:14px 16px;border:1px solid var(--td-hair);background:rgba(0,0,0,.025);font-size:15px;white-space:normal}
.pk-tbl{width:100%}.pk-tbl th,.pk-tbl td{text-align:left;vertical-align:top;white-space:normal;font-size:15px;line-height:1.55}.pk-tbl td{color:var(--td-ink-2)}.pk-tbl .pk-n{width:170px;font-weight:600;color:var(--td-ink)}.pk-tbl .pk-n a{color:var(--td-ink)}
.pk-note{margin:12px 0 0;font-size:13px;line-height:1.55;color:var(--td-ink-3,#6E6A62)}
.pk-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:18px}.pk-logos--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pk-logos{align-items:start}.pk-logo--sq .pk-stage{height:auto;aspect-ratio:1/1;padding:0}.pk-logo--sq .pk-stage img{max-height:none;width:100%;height:100%;object-fit:contain}
.pk-logo--sq.pk-logo--plain:first-child .pk-stage{background:#FFFFFF}.pk-logo--sq.pk-logo--plain:nth-child(2) .pk-stage{background:#1C1917}.pk-logo--sq.pk-logo--dark .pk-stage img{width:72%;height:72%}
.pk-logo--img img{display:block;width:100%;height:auto}.pk-article p.pk-slogan{margin:0;font-size:24px;font-weight:600;line-height:1.35;color:var(--td-ink)}
.pk-logo{margin:0;border:1px solid var(--td-hair)}.pk-stage{display:flex;align-items:center;justify-content:center;height:180px;padding:24px}
.pk-logo--light .pk-stage{background:#FAFAFA}.pk-logo--dark .pk-stage{background:#1C1917}
.pk-stage img{max-width:86%;height:auto;max-height:72px}.pk-logo--sm .pk-stage img{max-height:32px}.pk-logo--icon .pk-stage img{max-height:96px;width:96px}
.pk-logo figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid var(--td-hair);font-size:14px;color:var(--td-ink-2)}
.pk-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
.pk-chip{display:flex;align-items:flex-end;height:84px;padding:10px;font-size:12px;font-variant-numeric:tabular-nums;border:1px solid var(--td-hair)}
.pk-swn{display:block;margin-top:6px;font-size:13px;color:var(--td-ink-2)}
.td-dtabs-panel a.td-btn,.pk-copyrow .td-btn{text-decoration:none;color:var(--td-ink)}
@media (max-width:640px){.pk-logos--3{grid-template-columns:minmax(0,1fr)}.pk-di{grid-template-columns:minmax(0,1fr);gap:4px}.pk-logos{grid-template-columns:minmax(0,1fr)}.pk-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.pk-tbl .pk-n{width:auto}}

/* --- article rail: In this article, Edited by (rail-assets) --- */
.ra-chips{display:flex;flex-direction:column;gap:8px}
.rail-assets a.ra-chip{justify-content:space-between;gap:12px;text-decoration:none;color:var(--td-ink)}
.rail-assets .ra-spark{width:64px}
.ra-id{display:inline-flex;align-items:baseline;gap:8px;margin-right:auto}.ra-ex{font-size:11px;font-weight:400;letter-spacing:.04em;color:var(--td-ink-3,#8A857C)}
.ra-sym{font-size:13px;font-weight:600;letter-spacing:.01em}.ra-spark{display:block;width:48px;height:18px;overflow:visible}
.rail-assets .ra-lab{font-size:.6875rem;line-height:1.4;margin:0 0 .625rem}
.rail-edited{margin:10px 0 6px}.rail-edited .rail-factcheck-photo{width:40px;height:40px}
.ra-src{margin:10px 0 0;font-size:11px;line-height:1.45;color:var(--td-ink-3,#6E6A62)}

/* --- glossary index: just the alphabet (gloss-az) --- */
.gloss-bar,.gloss-tags{display:none!important}
.gloss-az{display:flex!important;flex-wrap:nowrap;justify-content:space-between;gap:0!important;padding:4px 0!important;border-top:1px solid var(--td-hair,rgba(0,0,0,.11));border-bottom:0!important;margin-bottom:12px!important}
.gloss-az .gl-letter,.gloss-az .gl-letter.gl-all{font:400 15px/1 var(--td-face)!important;letter-spacing:0!important;text-transform:none!important;width:auto!important;height:auto!important;min-width:28px;min-height:44px;padding:0 4px!important;display:inline-flex;align-items:center;justify-content:center;background:none!important;color:var(--td-ink-2,#5C5C5A)!important;border:0;border-bottom:2px solid transparent!important;border-radius:0;cursor:pointer}
.gloss-az .gl-letter.gl-all{padding:0 10px 0 0!important;justify-content:flex-start}
.gloss-az .gl-letter:hover:not(.is-off):not(.is-on){color:var(--td-ink,#1A1A1B)!important}
.gloss-az .gl-letter.is-on{color:var(--td-ink,#1A1A1B)!important;font-weight:600!important;border-bottom-color:var(--td-accent,#BE531B)!important}
.gloss-az .gl-letter.is-off{color:var(--td-ink-3,#6E6A62)!important;opacity:.35;pointer-events:none}
.gloss-az .gl-letter:focus-visible{outline:2px solid var(--td-ink,#1A1A1B);outline-offset:-2px}
@media (max-width:640px){
 .gloss-az{display:grid!important;grid-template-columns:repeat(14,minmax(0,1fr));justify-content:stretch}
 .gloss-az .gl-letter,.gloss-az .gl-letter.gl-all{min-width:0!important;min-height:44px!important;padding:0!important;font-size:15px!important;justify-content:center}
}
/* Checker 9 Nov 2026: letters 19px wide at 320 and a 22px-high search box. Letters keep 24px at
   least (as many to a row as fit), the search input is a 40px target. */
.gloss-search input{min-height:44px} /* 44px targets (D14 r2, 9 Nov) */
@media (max-width:640px){
 .gloss-az{grid-template-columns:repeat(auto-fill,minmax(24px,1fr))!important}
}