/*
Theme Name: TRC
Theme URI: https://thereadabilityconsortium.org/
Author: The Readability Consortium
Author URI: https://thereadabilityconsortium.org/
Description: The Readability Consortium's site theme, generated from the approved front-page design (page3.py, Version 8) by build_theme.py. Templates are PHP; page bodies are blocks.
Requires at least: 6.6
Requires PHP: 8.1
License: GNU General Public License v2 or later. Fonts: IBM Plex, SIL Open Font License 1.1 (assets/fonts/LICENSE.txt).
Text Domain: trc
*/
/* Generated by build_theme.py from page3.py: do not edit; change the script and rebuild. */

/* IBM Plex, self-hosted (IBM's own release, split Latin subsets) */
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/IBMPlexSans-Regular-Latin1.woff2) format("woff2");unicode-range:U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/IBMPlexSans-Regular-Latin2.woff2) format("woff2");unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/IBMPlexSans-Regular-Latin3.woff2) format("woff2");unicode-range:U+0102-0103, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"IBM Plex Sans";font-style:italic;font-weight:400;font-display:swap;src:url(assets/fonts/IBMPlexSans-Italic-Latin1.woff2) format("woff2");unicode-range:U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02}
@font-face{font-family:"IBM Plex Sans";font-style:italic;font-weight:400;font-display:swap;src:url(assets/fonts/IBMPlexSans-Italic-Latin2.woff2) format("woff2");unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02}
@font-face{font-family:"IBM Plex Sans";font-style:italic;font-weight:400;font-display:swap;src:url(assets/fonts/IBMPlexSans-Italic-Latin3.woff2) format("woff2");unicode-range:U+0102-0103, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/IBMPlexSans-Medium-Latin1.woff2) format("woff2");unicode-range:U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/IBMPlexSans-Medium-Latin2.woff2) format("woff2");unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/IBMPlexSans-Medium-Latin3.woff2) format("woff2");unicode-range:U+0102-0103, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/IBMPlexSans-SemiBold-Latin1.woff2) format("woff2");unicode-range:U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/IBMPlexSans-SemiBold-Latin2.woff2) format("woff2");unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/IBMPlexSans-SemiBold-Latin3.woff2) format("woff2");unicode-range:U+0102-0103, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:300;font-display:swap;src:url(assets/fonts/IBMPlexSerif-Light-Latin1.woff2) format("woff2");unicode-range:U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02}
@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:300;font-display:swap;src:url(assets/fonts/IBMPlexSerif-Light-Latin2.woff2) format("woff2");unicode-range:U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF}
@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:300;font-display:swap;src:url(assets/fonts/IBMPlexSerif-Light-Latin3.woff2) format("woff2");unicode-range:U+0102-0103, U+01CD-01DC, U+1E0C-1E0D, U+1E12-1E13, U+1E24-1E25, U+1E36-1E37, U+1E3C-1E3D, U+1E40-1E47, U+1E4A-1E4B, U+1E62-1E63, U+1E6C-1E6D, U+1E70-1E71, U+1E92-1E93, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"IBM Plex Serif";font-style:italic;font-weight:300;font-display:swap;src:url(assets/fonts/IBMPlexSerif-LightItalic-Latin1.woff2) format("woff2");unicode-range:U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02}
@font-face{font-family:"IBM Plex Serif";font-style:italic;font-weight:300;font-display:swap;src:url(assets/fonts/IBMPlexSerif-LightItalic-Latin2.woff2) format("woff2");unicode-range:U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF}
@font-face{font-family:"IBM Plex Serif";font-style:italic;font-weight:300;font-display:swap;src:url(assets/fonts/IBMPlexSerif-LightItalic-Latin3.woff2) format("woff2");unicode-range:U+0102-0103, U+01CD-01DC, U+1E0C-1E0D, U+1E12-1E13, U+1E24-1E25, U+1E36-1E37, U+1E3C-1E3D, U+1E40-1E47, U+1E4A-1E4B, U+1E62-1E63, U+1E6C-1E6D, U+1E70-1E71, U+1E92-1E93, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/IBMPlexSerif-Regular-Latin1.woff2) format("woff2");unicode-range:U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02}
@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/IBMPlexSerif-Regular-Latin2.woff2) format("woff2");unicode-range:U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF}
@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/IBMPlexSerif-Regular-Latin3.woff2) format("woff2");unicode-range:U+0102-0103, U+01CD-01DC, U+1E0C-1E0D, U+1E12-1E13, U+1E24-1E25, U+1E36-1E37, U+1E3C-1E3D, U+1E40-1E47, U+1E4A-1E4B, U+1E62-1E63, U+1E6C-1E6D, U+1E70-1E71, U+1E92-1E93, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/IBMPlexSerif-Medium-Latin1.woff2) format("woff2");unicode-range:U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02}
@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/IBMPlexSerif-Medium-Latin2.woff2) format("woff2");unicode-range:U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF}
@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/IBMPlexSerif-Medium-Latin3.woff2) format("woff2");unicode-range:U+0102-0103, U+01CD-01DC, U+1E0C-1E0D, U+1E12-1E13, U+1E24-1E25, U+1E36-1E37, U+1E3C-1E3D, U+1E40-1E47, U+1E4A-1E4B, U+1E62-1E63, U+1E6C-1E6D, U+1E70-1E71, U+1E92-1E93, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/IBMPlexMono-Regular-Latin1.woff2) format("woff2");unicode-range:U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/IBMPlexMono-Regular-Latin2.woff2) format("woff2");unicode-range:U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/IBMPlexMono-Regular-Latin3.woff2) format("woff2");unicode-range:U+0102-0103, U+01CD-01DC, U+1E0C-1E0D, U+1E12-1E13, U+1E24-1E25, U+1E36-1E37, U+1E3C-1E3D, U+1E40-1E47, U+1E4A-1E4B, U+1E62-1E63, U+1E6C-1E6D, U+1E70-1E71, U+1E92-1E93, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/IBMPlexMono-Medium-Latin1.woff2) format("woff2");unicode-range:U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/IBMPlexMono-Medium-Latin2.woff2) format("woff2");unicode-range:U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/IBMPlexMono-Medium-Latin3.woff2) format("woff2");unicode-range:U+0102-0103, U+01CD-01DC, U+1E0C-1E0D, U+1E12-1E13, U+1E24-1E25, U+1E36-1E37, U+1E3C-1E3D, U+1E40-1E47, U+1E4A-1E4B, U+1E62-1E63, U+1E6C-1E6D, U+1E70-1E71, U+1E92-1E93, U+1EA0-1EF9, U+20AB}

/* ---- the generator's CSS (page3.py CSS through rem()) ---- */
/* layout: a 12-column grid, a 3-column label rail at left, content in the remaining 9; one dark band */
:root{--ink:#221E1F;--black:#050505;--cyan:#1BA1D9;--deep:#1479A3;--sky:#77BEEB;--g1:#4F4F50;--g2:#686869;
--rule:#E3E3E4;--wash:#F4F4F4;--paper:#fff;--draftbg:#FFF4D6;--draftln:#B07A00;--draftfg:#5C4100;
--serif:"IBM Plex Serif",Georgia,serif;--sans:"IBM Plex Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.125rem/1.6 var(--sans);font-kerning:normal}
p,li,figcaption{text-wrap:pretty}h1,h2,h3{text-wrap:balance}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--deep);outline-offset:3px}.feature :focus-visible{outline-color:var(--sky)}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--paper);padding:10px 16px;z-index:9}.skip:focus{left:16px}
.wrap{max-width:1264px;margin:0 auto;padding:0 32px}
.row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px}
.side{grid-column:1/4}.main{grid-column:4/13;min-width:0}
.mark{width:11px;height:11px;fill:var(--cyan);margin-inline-end:10px;flex:none}
.arr{width:15px;height:15px;margin-inline-start:8px;vertical-align:-2px}
.label,.eyebrow{font:500 0.75rem/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase;margin:0}
.label.inv{color:var(--paper)}
.head{display:flex;align-items:center;justify-content:space-between;height:104px;gap:24px}
.logo img{height:54px;width:auto;display:block}
.nav{display:flex;gap:28px;font-size:1rem;font-weight:500;align-items:center}
.nav a:not(.btn):hover{box-shadow:inset 0 -2px 0 var(--cyan)}
.menu{display:none}
/* the Menu button comes first in the markup, so on phones Tab goes Menu, then the open panel's links;
   below 861px `order` puts it back at the right end of the header */
.hright{display:flex;align-items:center;gap:28px}
.split{display:inline-flex}.split .btn.give{border-start-start-radius:0;border-inline-start:1.5px solid var(--paper)}
/* narrow desktop: tighter nav spacing so Join and Give stay inside the page edge */
@media (min-width:861px) and (max-width:60em){.nav{gap:16px}.hright{gap:20px}}
.hero{padding-top:80px}
.eyebrow{color:var(--g2);margin-bottom:28px;display:flex;align-items:center}
h1{font:300 7rem/0.98 var(--serif);letter-spacing:-.025em;margin:0;max-width:10em}
.h1big,.h1sub{display:block}.h1sub{font-size:2.625rem;line-height:1.15;letter-spacing:-.01em;margin-top:18px;color:var(--g1)}
.deck{font-size:1.4375rem;line-height:1.5;max-width:33em;margin:36px 0 0;color:var(--g1)}.deck.ask{margin-top:20px}
.htop{display:flex;align-items:flex-end;gap:64px}.hfig{display:block;height:156px;width:auto;flex:none;margin-bottom:.58rem;margin-inline-start:auto}
/* narrow desktop (above): the figure stands beside the h1, its top on the ascender line of Readability and its feet on the subhead baseline (.58rem above the h1's bottom).
   wide desktop: the figure's feet sit on the deck's last baseline (36px deck margin, then 8.08rem to that baseline) */
@media (min-width:67.25em){.htop{position:relative}.hfig{position:absolute;right:0;bottom:calc(-36px - 8.08rem);height:250px;margin:0}}
.actions{display:flex;gap:16px;align-items:center;margin-top:40px;flex-wrap:wrap}.actions .link{margin-inline-start:16px}
.btn{display:inline-block;background:var(--ink);color:var(--paper);font:500 1rem/1 var(--sans);padding:18px 26px;
border:0;border-radius:0;border-start-start-radius:18px;cursor:pointer}
.btn.sm{padding:12px 18px;font-size:0.9375rem;border-start-start-radius:12px}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.link{color:var(--ink);font-weight:500;font-size:1rem;text-decoration:underline;text-decoration-color:var(--cyan);
text-decoration-thickness:2px;text-underline-offset:6px}
.link.inv{color:var(--paper)}.link.sm{font-size:0.9375rem;display:inline-block;margin-top:14px}
.readers{display:block;width:100%;height:auto;margin-top:88px;border-bottom:2px solid var(--ink)}
.sec{padding-top:104px}
.sec>.side,.sec .row>.side{padding-top:10px}
.h2{font:400 2.5rem/1.15 var(--serif);letter-spacing:-.01em;margin:0;max-width:20em}
.kind{display:block;font:500 0.6875rem/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--g1);margin-bottom:6px}
.chip{display:inline-block;font:500 0.6875rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:6px 8px 5px;margin-top:12px}
.chip.draft{background:var(--draftbg);color:var(--draftfg);box-shadow:inset 0 0 0 1px var(--draftln)}
.note{display:inline-block;font-size:0.8125rem;color:var(--draftfg);margin-inline-start:10px}
/* news */
.newsgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr);gap:48px}
.leadart{display:block;height:240px;width:auto;max-width:100%;margin-bottom:22px;border-bottom:2px solid var(--ink)}
.meta{font:400 0.875rem/1.6 var(--mono);color:var(--g2);margin:0}
.lead h3{font:400 2.125rem/1.18 var(--serif);letter-spacing:-.01em;margin:10px 0 14px}
.lead h3 a:hover,.item .title:hover{text-decoration:underline;text-decoration-color:var(--cyan);text-decoration-thickness:2px;text-underline-offset:5px}
.lead p{color:var(--g1);margin:0;max-width:32em}
.items{list-style:none;margin:0;padding:0}
.item{display:grid;grid-template-columns:86px minmax(0,1fr);gap:16px;padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid var(--rule)}
.item:last-child{border-bottom:0;margin-bottom:0}
.item time{font:400 0.875rem/1.9 var(--mono);color:var(--g2);font-variant-numeric:tabular-nums}
.item .title{display:block;font:400 1.1875rem/1.35 var(--serif)}
/* now */
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px;margin-top:44px}
.card{border-top:2px solid var(--ink);padding-top:16px}
.status{font:500 0.6875rem/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--deep);margin:0}
.card h3{font:400 1.4375rem/1.25 var(--serif);margin:8px 0 10px}
.card p{font-size:1rem;line-height:1.55;color:var(--g1);margin:0}
.more{margin:40px 0 0}
/* feature */
.feature{background:var(--ink);color:var(--paper);padding:104px 0;margin-top:104px}
.ftext{grid-column:1/7}.fchart{grid-column:7/13;margin:0;align-self:center}
.feature h2{font:400 3rem/1.1 var(--serif);letter-spacing:-.01em;margin:26px 0 22px}
.feature p{color:#D9D9DA;max-width:30em}
.feature .stat{font:400 0.875rem/1.6 var(--mono);color:#B4B4B5;border-inline-start:2px solid var(--cyan);padding-inline-start:14px}
.cta{margin-top:28px}
.chart{width:100%;height:auto;display:block}
.chart .grid{stroke:#4F4F50;stroke-width:1}.chart .tick{fill:#C9C9CA;font:400 0.875rem var(--mono)}
.chart .ctl{fill:var(--paper);font:500 1.125rem var(--sans)}.chart .ctt{fill:#E3E3E4;font:400 1rem var(--sans)}.chart .med{stroke:var(--paper);stroke-width:2;stroke-dasharray:5 4}
.chart .axis{stroke:#C9C9CA;stroke-width:1.5}.chart .atl{fill:#C9C9CA;font:400 0.9375rem var(--sans)}.chart .val{fill:var(--paper);font:300 1.875rem var(--serif)}
.fchart figcaption{font-size:0.875rem;line-height:1.7;color:#C9C9CA;margin-top:14px}
/* members */
.member .seat{display:block;width:100%;height:auto;border-bottom:2px solid var(--ink);margin-bottom:56px}
.lede{font-size:1.25rem;line-height:1.55;color:var(--g1);max-width:32em;margin:22px 0 0}
.lede a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--cyan);text-decoration-thickness:2px;text-underline-offset:5px}
/* footer: white, the logo's own field, so the logo sits exactly as drawn */
.foot{background:var(--paper);margin-top:120px;padding:80px 0 40px;border-top:2px solid var(--ink)}
.press{align-items:start}.press .side{padding-top:10px}
.sub{font:400 1.75rem/1.3 var(--serif);margin:0 0 24px;max-width:22em}
.cols{display:grid;grid-template-columns:3fr 2fr 2fr 2fr;gap:32px;margin-top:80px;padding-top:40px;border-top:1px solid var(--rule)}
.flogo{height:54px;width:auto;display:block}
.colh{font:500 0.75rem var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--g2);margin:0 0 14px}
.cols a{display:block;font-size:1rem;margin-bottom:8px}
.legal{display:flex;gap:12px 32px;justify-content:space-between;flex-wrap:wrap;font-size:0.875rem;color:var(--g2);margin-top:64px}
.legal a{text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:4px}
/* review notes (artifact copy only) */
.rnotes{background:var(--draftbg);border-bottom:1px solid var(--draftln);color:var(--draftfg);font-size:0.875rem;padding:10px 32px}
.rnotes summary{font:500 0.75rem var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.rnotes dl{display:grid;grid-template-columns:160px minmax(0,1fr);gap:6px 20px;margin:12px 0 4px;max-width:1200px}
.rnotes dt{font-weight:600}.rnotes dd{margin:0}
@media (max-width:860px){
 body{font-size:1.0625rem}.wrap{padding:0 20px}.row{display:block}
 .head{height:76px}.logo img{height:40px}.nav{display:none}.hright{gap:12px}.split .btn{padding:11px 14px}
 .menu{display:block;order:1;font:500 0.9375rem var(--sans);background:none;border:1px solid var(--ink);border-radius:0;border-start-start-radius:12px;padding:10px 14px;color:var(--ink)}
 .hero{padding-top:40px}h1{font-size:3.5rem}.h1sub{font-size:1.625rem;margin-top:10px}
 .deck{font-size:1.1875rem;margin-top:24px}.deck.ask{margin-top:16px}
 .htop{display:block;position:relative}.h1sub{padding-right:76px}.hfig{position:absolute;right:0;bottom:2px;height:84px;margin:0}
 .actions{flex-direction:column;align-items:flex-start;gap:14px}.actions .link{margin:8px 0 0}
 .readers{margin-top:56px;height:150px;object-fit:cover;object-position:50% 100%}
 .sec{padding-top:72px}.side{margin-bottom:20px}.h2{font-size:1.875rem}
 .newsgrid{grid-template-columns:minmax(0,1fr);gap:40px}.lead h3{font-size:1.6875rem}
 .cards{grid-template-columns:minmax(0,1fr);gap:36px;margin-top:28px}
 .feature{padding:64px 0;margin-top:72px}.feature h2{font-size:2.125rem}.fchart{margin-top:40px}
 .chart .ctl{font-size:1.625rem}.chart .ctt{font-size:1.5rem}.chart .atl{font-size:1.375rem}.chart .tick{font-size:1.3125rem}.chart .val{font-size:2.25rem}
 .more{margin-top:28px}
 .sub{font-size:1.4375rem}.cols{grid-template-columns:1fr 1fr}.flogo{grid-column:1/3;height:44px}
 .rnotes{padding:10px 20px}.rnotes dl{grid-template-columns:minmax(0,1fr)}.rnotes dt{margin-top:6px}
}
/* small phones: the figure shrinks so its book keeps at least 9px clear of the end of Readability */
@media (max-width:24.37em){.hfig{height:clamp(50px,(100vw - 325px)*1.32,84px)}}
/* smallest phones: tighter header so Join, Give and Menu fit inside the page edge */
@media (max-width:23.125em){.head{gap:10px}.hright{gap:6px}.split .btn,.menu{padding-inline:10px;font-size:0.875rem}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* ---- theme additions (build_theme.py): menu, interior pages, blocks ---- */
.nav a[aria-current]{box-shadow:inset 0 -2px 0 var(--cyan)}
/* interior hero: one H1, smaller than the front page's display line */
.hero.page{padding-top:72px}
.hero.page h1{font-size:4rem;line-height:1.05;letter-spacing:-.02em;max-width:16em}
.hero.page .deck{margin-top:28px}
.hero.page .meta{margin-bottom:16px}
.hero.page .actions{margin-top:32px}
/* page bodies (blocks): each top-level block sits in the 1264px wrap; loose blocks start at the content column */
.entry{container-type:inline-size;padding-top:24px;--g:32px;--c:calc((min(100cqw,1264px) - 64px - 11 * var(--g)) / 12)}
.entry>*{max-width:1264px;margin-inline:auto;padding-inline:32px}
.entry>:not(.row,.sec,.feature,.alignfull,.alignwide){padding-inline:calc(32px + 3 * var(--c) + 3 * var(--g)) calc(32px + var(--c) + var(--g))}
.entry>.feature,.entry>.alignfull{max-width:none;padding-inline:0}
.entry>.feature{margin-bottom:0}
/* an H1 still in a page's blocks (page.php lifts the first one into the hero): sized like the page title */
.entry h1{font-size:4rem;line-height:1.05;letter-spacing:-.02em;margin-top:56px;margin-bottom:16px}
.entry>h1:first-child{margin-top:0}
.entry h2{font:400 2.5rem/1.15 var(--serif);letter-spacing:-.01em;margin-top:56px;margin-bottom:16px}
.entry h3{font:400 1.4375rem/1.25 var(--serif);margin-top:36px;margin-bottom:10px}
.entry h4{font:600 1.125rem/1.4 var(--sans);margin-top:28px;margin-bottom:8px}
.entry .h2{margin-top:0}
.entry a:not(.btn,.link,.wp-block-button__link,.wp-element-button){color:var(--deep);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.entry a:not(.btn,.link,.wp-block-button__link,.wp-element-button):hover{text-decoration-thickness:2px}
.feature a:not(.btn,.link){color:var(--sky)}
.entry ul,.entry ol{padding-inline-start:1.25em}
.entry li{margin-bottom:6px}
.entry img{max-width:100%;height:auto}
.entry figure{margin-inline:0}
.entry figcaption{font-size:0.875rem;line-height:1.6;color:var(--g2);margin-top:10px}
.entry blockquote{margin-inline:0;border-inline-start:2px solid var(--ink);padding-inline-start:20px}
.entry table{border-collapse:collapse;width:100%;font-size:1rem}
.entry th,.entry td{text-align:start;vertical-align:top;padding:10px 16px 10px 0;border-bottom:1px solid var(--rule)}
.entry th{font:500 0.75rem/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--g2)}
.entry hr{border:0;border-top:1px solid var(--rule);margin:40px auto}
.entry .wp-block-buttons{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.entry .wp-block-button__link,.entry .wp-element-button{display:inline-block;background:var(--ink);color:var(--paper);font:500 1rem/1 var(--sans);
padding:18px 26px;border:0;border-radius:0;border-start-start-radius:18px;text-decoration:none}
.entry .is-style-outline .wp-block-button__link{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.entry .label::before,.entry .eyebrow::before{content:"";display:inline-block;width:11px;height:11px;margin-inline-end:10px;background:var(--cyan);
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M0 12V5a5 5 0 0 1 5-5h7v4H6.5A2.5 2.5 0 0 0 4 6.5V12z'/%3E%3C/svg%3E") no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M0 12V5a5 5 0 0 1 5-5h7v4H6.5A2.5 2.5 0 0 0 4 6.5V12z'/%3E%3C/svg%3E") no-repeat}
.entry .label,.entry .eyebrow{display:flex;align-items:center}
/* patterns: person card, publication entry */
.people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px}
.person img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;margin-bottom:14px}
.person h3{font:400 1.4375rem/1.25 var(--serif);margin:0 0 4px}
.person p{font-size:1rem;line-height:1.5;color:var(--g1);margin:0}
.pub{border-top:1px solid var(--rule);padding:20px 0}
.pub .meta{margin-bottom:6px}
.pub h3{font:400 1.4375rem/1.3 var(--serif);margin:0 0 8px}
.pub p{font-size:1rem;line-height:1.55;color:var(--g1);margin:0}
.pub .links{display:flex;gap:20px;margin-top:10px}
/* news item page */
.news-hero h1{font-size:3rem;line-height:1.1;max-width:20em}
.entry .source{margin-top:40px}
.back{margin:56px 0 0}
/* news archive */
.news-year{padding-top:64px}
.news-year .items{border-top:2px solid var(--ink);padding-top:24px}
.attachment-image img{display:block;max-width:100%;height:auto}
/* long words: headings break them (hyphenated on phones, below) and links in page text wrap, so no page
   scrolls sideways at 320px */
.hero.page h1,.entry :is(h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}
.entry a{overflow-wrap:anywhere}
/* form controls (login, password reset, invitation, post password): the page's type; submit buttons drawn as .btn */
input,button,select,textarea{font:inherit}
.entry :is(input:not([type=checkbox],[type=radio],[type=hidden],[type=submit],[type=button],[type=reset],[type=image]),select,textarea){max-width:100%}
:is(input[type=submit],input[type=button],input[type=reset],button[type=submit],button:not([type])){display:inline-block;background:var(--ink);color:var(--paper);
font:500 1rem/1 var(--sans);padding:18px 26px;border:0;border-radius:0;border-start-start-radius:18px;cursor:pointer;-webkit-appearance:none;appearance:none}
/* logo rows: className trc-logos on a group, columns, gallery or image block puts its logos in one wrapping row,
   each at most 72px tall */
.entry .trc-logos{display:flex;flex-wrap:wrap!important;align-items:center!important;gap:24px 48px}
.entry>.trc-logos{margin-inline:auto}
.entry .trc-logos :is(.wp-block-columns,.wp-block-column){display:contents}
.entry .trc-logos :is(figure,.wp-block-image){margin:0!important;flex:0 0 auto!important;width:auto!important;max-width:100%}
.entry .trc-logos a{display:block}
.entry .trc-logos img{display:block;width:auto!important;height:auto!important;max-width:100%;max-height:72px;object-fit:contain}
/* reCAPTCHA's 304px widget, scaled to fit the content column on the narrowest phones */
@media (max-width:343px){.g-recaptcha{transform:scale(.9);transform-origin:0 0}}
@media (max-width:860px){
 .head{position:relative}
 .nav.open{display:flex;flex-direction:column;align-items:flex-start;gap:16px;position:absolute;left:0;right:0;top:76px;z-index:5;
  background:var(--paper);padding:20px;border-bottom:2px solid var(--ink);font-size:1.125rem}
 /* JavaScript off (no "js" class on html): no Menu button; the nav is a row of links under the logo */
 html:not(.js) .head{flex-wrap:wrap;height:auto;min-height:76px;padding-block:16px;row-gap:12px}
 html:not(.js) .hright{display:contents}
 html:not(.js) .menu{display:none}
 html:not(.js) .nav{display:flex;position:static;order:1;flex-basis:100%;flex-wrap:wrap;gap:6px 20px}
 .hero.page h1,.entry :is(h1,h2,h3,h4,h5,h6){-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:10 4 4}
 .entry h1{font-size:2.5rem}.hero.page{padding-top:40px}.hero.page h1{font-size:2.5rem}.news-hero h1{font-size:2.125rem}
 .entry>*,.entry>:not(.row,.sec,.feature,.alignfull,.alignwide){padding-inline:20px}
 .entry>.feature,.entry>.alignfull{padding-inline:0}
 .entry h2{font-size:1.875rem}
 .people{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 20px}
 .news-year{padding-top:48px}
}