:root {
  --c-ink: #102a2a;
  --c-ink-2: #173f3d;
  --c-paper: #f7f4ec;
  --c-white: #fffdf8;
  --c-mint: #b7e3d4;
  --c-lime: #dff06b;
  --c-coral: #f0785a;
  --c-blue: #4678e8;
  --c-violet: #8f6ad9;
  --c-ochre: #d5a342;
  --c-line: rgba(16, 42, 42, .16);
  --c-radius: 22px;
  --c-shadow: 0 22px 60px rgba(16, 42, 42, .12);
  --c-sans: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --c-serif: "Newsreader", Georgia, serif;
  --c-mono: "DM Mono", ui-monospace, monospace;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--c-paper); color: var(--c-ink); font-family: var(--c-sans); }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .18; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E"); z-index: 20; mix-blend-mode: multiply; }
a { color: inherit; }
.container, .c-wrap { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.site-header { position: relative; z-index: 30; background: rgba(247,244,236,.94); border-bottom: 1px solid var(--c-line); backdrop-filter: blur(16px); }
.site-header .container { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.site-header nav ul { display: flex; gap: 24px; align-items: center; list-style: none; margin: 0; padding: 0; }
.site-header nav a { font-size: 13px; font-weight: 700; text-decoration: none; letter-spacing: -.02em; }
.site-header nav a:hover { color: #1b6a5f; }
.c-nav-print { padding: 11px 15px; border: 1px solid var(--c-ink); border-radius: 999px; }
.c-brand { display: grid; grid-template-columns: 40px auto; grid-template-rows: auto auto; column-gap: 10px; align-items: center; text-decoration: none; }
.c-brand-mark { grid-row: 1 / 3; position: relative; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: var(--c-ink); overflow: hidden; transform: rotate(-3deg); }
.c-brand-mark i { position: absolute; width: 21px; height: 5px; border-radius: 99px; background: var(--c-lime); transform: rotate(var(--r)); }
.c-brand-mark i:nth-child(1) { --r: 0deg; top: 10px; }
.c-brand-mark i:nth-child(2) { --r: -35deg; background: var(--c-coral); }
.c-brand-mark i:nth-child(3) { --r: 35deg; bottom: 10px; background: var(--c-mint); }
.c-brand-name { font-size: 19px; font-weight: 800; line-height: 1; letter-spacing: -.06em; }
.c-brand-name span { color: #31766c; }
.c-brand small { font-family: var(--c-mono); font-size: 8px; text-transform: uppercase; letter-spacing: .08em; opacity: .62; }
.nav-toggle { display: none; }

.c-hero { overflow: hidden; padding: 78px 0 72px; background: radial-gradient(circle at 82% 23%, rgba(183,227,212,.65), transparent 30%), linear-gradient(180deg, #fbf8f0 0%, var(--c-paper) 100%); border-bottom: 1px solid var(--c-line); }
.c-hero-grid { min-height: 590px; display: grid; grid-template-columns: 1.05fr .95fr; gap: 64px; align-items: center; }
.c-kicker { display: flex; align-items: center; gap: 9px; margin: 0 0 17px; color: #31766c; font-family: var(--c-mono); font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: .08em; }
.c-kicker > span { width: 26px; height: 1px; background: currentColor; }
.c-hero h1, .c-page-hero h1, .c-section h2 { font-family: var(--c-serif); letter-spacing: -.045em; font-weight: 600; }
.c-hero h1 { max-width: 720px; margin: 0 0 24px; font-size: clamp(58px, 6.2vw, 92px); line-height: .91; }
.c-hero h1 em { color: #31766c; font-weight: 500; }
.c-lede { max-width: 670px; margin: 0 0 30px; font-size: 18px; line-height: 1.72; color: #385653; }
.c-search label { display: block; margin: 0 0 8px; font-size: 12px; font-weight: 700; }
.c-search > div { display: flex; padding: 5px; background: var(--c-white); border: 1px solid var(--c-line); border-radius: 15px; box-shadow: 0 8px 24px rgba(16,42,42,.06); }
.c-search input { width: 100%; min-width: 0; border: 0; background: transparent; padding: 12px 14px; color: var(--c-ink); font: 500 14px var(--c-sans); outline: 0; }
.c-search button, .c-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; border: 0; border-radius: 11px; padding: 13px 18px; background: var(--c-ink); color: white; font: 700 13px var(--c-sans); text-decoration: none; cursor: pointer; white-space: nowrap; }
.c-search--hero { max-width: 650px; }
.c-hero-links { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 17px; }
.c-hero-links a { color: #315e59; font-size: 11px; font-weight: 700; text-underline-offset: 3px; }
.c-hero-orbit { position: relative; width: min(100%, 540px); aspect-ratio: 1; margin-inline: auto; border: 1px solid rgba(16,42,42,.18); border-radius: 50%; }
.c-hero-orbit::before, .c-hero-orbit::after { content: ""; position: absolute; inset: 14%; border: 1px dashed rgba(16,42,42,.2); border-radius: 50%; }
.c-hero-orbit::after { inset: 30%; border-style: solid; }
.c-orbit-center { position: absolute; inset: 35%; display: grid; place-content: center; text-align: center; border-radius: 50%; background: var(--c-ink); color: white; z-index: 2; box-shadow: var(--c-shadow); }
.c-orbit-center strong { font: 600 48px/.9 var(--c-serif); }
.c-orbit-center span { margin-top: 7px; font: 500 9px/1.3 var(--c-mono); text-transform: uppercase; letter-spacing: .08em; opacity: .78; }
.c-orbit-card { position: absolute; z-index: 3; display: grid; min-width: 126px; padding: 14px; border: 1px solid var(--c-line); border-radius: 15px; background: var(--c-white); text-decoration: none; box-shadow: 0 12px 30px rgba(16,42,42,.1); transition: transform .2s ease; }
.c-orbit-card:hover { transform: translateY(-5px) rotate(1deg); }
.c-orbit-card > span { width: 30px; height: 30px; display: grid; place-items: center; margin-bottom: 12px; border-radius: 9px; background: var(--c-mint); font-family: var(--c-serif); }
.c-orbit-card strong { font-size: 13px; }
.c-orbit-card small { margin-top: 3px; font: 9px var(--c-mono); opacity: .58; }
.c-orbit-card--one { top: 1%; left: 23%; }.c-orbit-card--two { top: 25%; right: -2%; }.c-orbit-card--three { bottom: 8%; right: 15%; }.c-orbit-card--four { bottom: 15%; left: -2%; }
.c-orbit-note { position: absolute; left: 16%; right: 16%; bottom: -52px; text-align: center; font: 9px/1.5 var(--c-mono); opacity: .62; }
.c-trust-strip { border-bottom: 1px solid var(--c-line); background: #f1eee5; }
.c-trust-strip .c-wrap { min-height: 62px; display: flex; align-items: center; gap: 28px; overflow-x: auto; font: 10px var(--c-mono); white-space: nowrap; }
.c-trust-strip span:first-child { margin-right: auto; }
.c-trust-strip i { display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: #48a174; box-shadow: 0 0 0 4px rgba(72,161,116,.13); }
.c-trust-strip a { font-weight: 700; }

.c-section { padding: 100px 0; border-bottom: 1px solid var(--c-line); }
.c-section-head { display: grid; grid-template-columns: 1fr .7fr; gap: 48px; align-items: end; margin-bottom: 44px; }
.c-section-head--compact { margin-top: 74px; }
.c-section-head h2 { max-width: 720px; margin: 0; font-size: clamp(42px, 5vw, 68px); line-height: .98; }
.c-section-head > p { max-width: 500px; margin: 0; color: #4c6461; font-size: 14px; line-height: 1.75; }
.c-section-head > a { justify-self: end; font-size: 12px; font-weight: 700; }
.c-channel-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.c-channel-card { position: relative; min-height: 330px; display: flex; flex-direction: column; padding: 27px; overflow: hidden; border: 1px solid var(--c-line); border-radius: var(--c-radius); background: rgba(255,253,248,.67); text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.c-channel-card:hover { transform: translateY(-5px); box-shadow: var(--c-shadow); }
.c-channel-card::after { content: ""; position: absolute; width: 190px; height: 190px; right: -80px; bottom: -80px; border-radius: 50%; background: var(--accent, var(--c-mint)); opacity: .25; }
.c-channel-symbol { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; background: var(--accent, var(--c-mint)); font: 600 19px var(--c-serif); }
.c-channel-card > small { position: absolute; right: 27px; top: 27px; font: 10px var(--c-mono); opacity: .42; }
.c-channel-card h3 { margin: 44px 0 12px; font: 600 29px/1 var(--c-serif); letter-spacing: -.03em; }
.c-channel-card p { margin: 0 0 25px; color: #506662; font-size: 13px; line-height: 1.65; }
.c-channel-card > strong { margin-top: auto; font-size: 11px; }
.c-accent-cobalt { --accent: #abc3f6; }.c-accent-leaf { --accent: var(--c-mint); }.c-accent-coral { --accent: #f5b5a6; }.c-accent-ochre { --accent: #efd59e; }.c-accent-violet { --accent: #d7c9ef; }.c-accent-ink { --accent: #b8cfcb; }
.c-feature-band { background: var(--c-ink); color: white; }
.c-feature-band .c-kicker { color: var(--c-mint); }.c-feature-band .c-section-head > a { color: white; }
.c-feature-grid { display: grid; grid-template-columns: 1.12fr .88fr .88fr; gap: 14px; }
.c-feature { min-height: 480px; display: flex; flex-direction: column; padding: 26px; border-radius: var(--c-radius); background: #1a3938; color: white; text-decoration: none; overflow: hidden; }
.c-feature > span { font: 9px var(--c-mono); text-transform: uppercase; letter-spacing: .08em; color: var(--c-mint); }
.c-feature h3 { margin: 10px 0; font: 600 36px/1.02 var(--c-serif); letter-spacing: -.035em; }
.c-feature p { font-size: 12px; line-height: 1.7; color: rgba(255,255,255,.72); }
.c-feature--image { padding: 0 0 26px; background: #f0b8a9; color: var(--c-ink); }
.c-feature--image img { width: 100%; height: 300px; object-fit: cover; margin-bottom: 23px; }
.c-feature--image > *:not(img) { margin-left: 26px; margin-right: 26px; }.c-feature--image > span { color: #743424; }.c-feature--image p { color: #5a352c; }
.c-feature blockquote { margin: 40px 0 20px; font: 500 29px/1.28 var(--c-serif); color: var(--c-lime); }
.c-feature > strong { margin-top: auto; font-size: 11px; }
.c-feature--data { background: #edf2c3; color: var(--c-ink); }.c-feature--data > span { color: #516012; }
.c-taxonomy-mini { display: grid; gap: 8px; margin: 30px 0; }
.c-taxonomy-mini i { width: calc(50% + var(--n) * 6%); display: flex; justify-content: space-between; gap: 10px; padding: 8px 10px; border-left: 2px solid #71821f; background: rgba(255,255,255,.4); font: normal 9px var(--c-mono); }
.c-taxonomy-mini b { text-transform: uppercase; opacity: .55; }
.c-print-story { background: #d8e9e2; }
.c-print-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; align-items: center; }
.c-print-grid h2 { margin: 0 0 22px; font-size: clamp(48px, 5.5vw, 76px); line-height: .93; }
.c-print-grid p, .c-print-grid li { color: #385653; font-size: 13px; line-height: 1.7; }
.c-print-grid ul { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 28px; padding-left: 18px; margin: 25px 0 34px; }
.c-paper-stack { position: relative; width: min(480px, 100%); margin: 0 auto; aspect-ratio: .78; }
.c-paper { position: absolute; inset: 0 4% 0 4%; padding: 38px; background: var(--c-white); border: 1px solid rgba(16,42,42,.17); box-shadow: var(--c-shadow); transform: rotate(2deg); }
.c-paper--back { background: #f1c2b5; transform: rotate(-5deg) translate(-16px, 12px); }
.c-paper header { display: flex; justify-content: space-between; padding-bottom: 12px; border-bottom: 2px solid var(--c-ink); font: 8px var(--c-mono); text-transform: uppercase; }
.c-paper h3 { margin: 35px 0 5px; font: 600 37px var(--c-serif); }.c-paper-name { margin: 0 0 25px !important; font-style: italic; }
.c-paper-lines { display: grid; gap: 28px; margin: 42px 0; }.c-paper-lines i { border-bottom: 1px solid #9ab1ac; }
.c-paper-source { display: grid; gap: 6px; padding: 16px; background: #edf2e8; font: 8px var(--c-mono); }.c-paper-source code { overflow-wrap: anywhere; }
.c-source-wall { background: #fbf8f0; }
.c-source-ticker { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--c-line); border-left: 1px solid var(--c-line); }
.c-source-ticker a { min-height: 96px; display: flex; flex-direction: column; justify-content: space-between; padding: 16px; border-right: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); text-decoration: none; }
.c-source-ticker span { font-size: 12px; font-weight: 700; }.c-source-ticker small { font: 8px var(--c-mono); opacity: .55; }
.c-source-cta { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-top: 28px; font-size: 12px; }.c-source-cta strong { font: 600 32px var(--c-serif); }.c-source-cta a { font-weight: 700; }

.c-page-hero { padding: 62px 0 70px; border-bottom: 1px solid var(--c-line); background: radial-gradient(circle at 86% 30%, rgba(183,227,212,.55), transparent 23%); }
.c-crumb { display: flex; gap: 8px; margin-bottom: 58px; font: 9px var(--c-mono); text-transform: uppercase; opacity: .58; }
.c-page-hero h1 { max-width: 900px; margin: 0 0 18px; font-size: clamp(52px, 7vw, 90px); line-height: .92; }
.c-page-hero > .c-wrap > p:not(.c-kicker) { max-width: 720px; color: #45615d; font-size: 16px; line-height: 1.65; }
.c-proof-chip { width: fit-content; margin-top: 24px; padding: 9px 13px; border: 1px solid var(--c-line); border-radius: 999px; background: rgba(255,255,255,.5); font: 9px var(--c-mono); }
.c-proof-chip i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #48a174; }
.c-proof-chip code { font-family: inherit; }
.c-narrow { max-width: 900px; }
.c-metric-row { display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 70px; border: 1px solid var(--c-line); border-radius: var(--c-radius); overflow: hidden; }
.c-metric-row > div { display: grid; gap: 5px; padding: 24px; border-right: 1px solid var(--c-line); }.c-metric-row > div:last-child { border: 0; }
.c-metric-row strong { font: 600 40px var(--c-serif); }.c-metric-row span { font: 9px var(--c-mono); text-transform: uppercase; opacity: .58; }
.c-action-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.c-action-grid a { min-height: 240px; display: grid; align-content: start; padding: 26px; border: 1px solid var(--c-line); border-radius: var(--c-radius); background: var(--c-white); text-decoration: none; }
.c-action-grid a > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: var(--c-mint); font: 600 19px var(--c-serif); }
.c-action-grid h3 { margin: 36px 0 8px; font: 600 28px var(--c-serif); }.c-action-grid p { margin: 0; color: #506662; font-size: 12px; line-height: 1.6; }
.c-source-table-wrap { overflow-x: auto; border: 1px solid var(--c-line); border-radius: 16px; }
.c-source-table { width: 100%; border-collapse: collapse; background: rgba(255,255,255,.5); font-size: 11px; }
.c-source-table th, .c-source-table td { padding: 15px; text-align: left; border-bottom: 1px solid var(--c-line); }
.c-source-table th { font: 8px var(--c-mono); text-transform: uppercase; }.c-source-table td:first-child { display: grid; gap: 3px; }.c-source-table small { font: 8px var(--c-mono); opacity: .5; }
.c-result-count { margin: 30px 0 12px; font: 10px var(--c-mono); }
.c-result-list { border-top: 1px solid var(--c-line); }.c-result-list article { position: relative; padding: 24px 100px 24px 0; border-bottom: 1px solid var(--c-line); }
.c-result-list article > span { font: 8px var(--c-mono); text-transform: uppercase; opacity: .5; }.c-result-list h2 { margin: 5px 0; font: 600 25px var(--c-serif); }.c-result-list p { margin: 0; font-size: 11px; color: #526865; }.c-result-list small { position: absolute; right: 0; top: 33px; font: 8px var(--c-mono); }
.c-filter { display: grid; gap: 8px; margin: 0 0 30px; font: 9px var(--c-mono); text-transform: uppercase; }
.c-filter input { width: min(480px, 100%); padding: 13px 15px; border: 1px solid var(--c-line); border-radius: 11px; background: white; font: 13px var(--c-sans); }
.c-source-grid, .c-tool-grid, .c-group-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.c-source-grid > a, .c-tool-grid > a, .c-group-grid > a, .c-group-grid article { min-height: 220px; display: flex; flex-direction: column; padding: 22px; border: 1px solid var(--c-line); border-radius: 16px; background: rgba(255,255,255,.6); color: inherit; text-decoration: none; }
.c-source-grid span, .c-tool-grid span, .c-group-grid span { font: 8px var(--c-mono); text-transform: uppercase; color: #37776f; }
.c-source-grid h2, .c-tool-grid h2, .c-group-grid h2 { margin: 25px 0 8px; font: 600 23px var(--c-serif); }.c-source-grid p, .c-tool-grid p, .c-group-grid p { margin: 0; color: #536a66; font-size: 11px; line-height: 1.6; }
.c-entity-fields { display:grid; grid-template-columns:minmax(120px, .45fr) 1fr; gap:0; border-top:1px solid var(--c-line); }
.c-entity-fields dt, .c-entity-fields dd { margin:0; padding:12px 10px; border-bottom:1px solid var(--c-line); overflow-wrap:anywhere; }
.c-entity-fields dt { color:#536a66; text-transform:capitalize; }
.c-secondary-link { display:inline-flex; margin-top:14px; color:var(--c-ink); font-weight:700; }
.c-source-grid > a > div { display: flex; justify-content: space-between; gap: 10px; margin-top: auto; font-size: 9px; }.c-source-grid code { font: 8px var(--c-mono); opacity: .6; }
.c-tool-grid > a > strong { margin-top: auto; font-size: 10px; }
.c-source-detail { display: grid; grid-template-columns: 1fr .8fr; gap: 60px; }
.c-source-main h2 { margin: 0 0 12px; font-size: 52px; }.c-source-main h3 { margin: 45px 0 13px; font: 600 24px var(--c-serif); }
.c-tag-cloud { display: flex; flex-wrap: wrap; gap: 7px; }.c-tag-cloud span { padding: 7px 10px; border: 1px solid var(--c-line); border-radius: 99px; background: white; font: 8px var(--c-mono); }
.c-tag-cloud--dark span { background: var(--c-ink); color: white; }
.c-evidence-card, .c-callout { padding: 28px; border-radius: var(--c-radius); background: var(--c-ink); color: white; }
.c-evidence-card > p:first-child { margin: 0 0 25px; font: 9px var(--c-mono); text-transform: uppercase; color: var(--c-lime); }.c-evidence-card dl { margin: 0; }.c-evidence-card dt { margin-top: 18px; font: 8px var(--c-mono); text-transform: uppercase; opacity: .5; }.c-evidence-card dd { margin: 5px 0; font-size: 11px; }.c-evidence-card code { display: block; overflow-wrap: anywhere; font: 8px/1.6 var(--c-mono); color: var(--c-mint); }.c-evidence-note { margin-top: 30px; font-size: 10px; line-height: 1.6; opacity: .6; }
.c-tool-workspace { min-height: 440px; }
.c-inline-tool { display: flex; align-items: end; gap: 12px; }.c-inline-tool label { display: grid; gap: 8px; font-size: 10px; }.c-inline-tool select { min-width: 280px; padding: 13px; border: 1px solid var(--c-line); border-radius: 10px; }.c-inline-tool button { padding: 14px 18px; border: 0; border-radius: 10px; background: var(--c-ink); color: white; font-weight: 700; }
.c-tool-output { max-width: 700px; margin-top: 32px; padding: 35px; border: 1px solid var(--c-line); border-radius: var(--c-radius); background: white; }.c-tool-output h2 { margin: 0; font-size: 58px; }.c-tool-output a { font-size: 11px; font-weight: 700; }
.c-reading-desk, .c-art-grid, .c-word-detail { display: grid; grid-template-columns: 1.2fr .8fr; gap: 70px; }
.c-reading-desk article > p:not(.c-kicker), .c-reading-desk > div > p { font: 500 20px/1.85 var(--c-serif); }.c-reading-desk aside { height: fit-content; padding: 27px; border: 1px solid var(--c-line); border-radius: var(--c-radius); background: white; }.c-reading-desk audio { width: 100%; margin: 16px 0; }
.c-word-list { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.c-word-list > * { display: grid; gap: 3px; padding: 13px; border: 1px solid var(--c-line); border-radius: 10px; text-decoration: none; }.c-word-list strong { font: 600 18px var(--c-serif); }.c-word-list span { font-size: 10px; color: #546b67; }
.c-taxonomy { list-style: none; margin: 0; padding: 0; counter-reset: tax; }.c-taxonomy li { width: calc(54% + var(--depth, 0) * 6%); display: flex; justify-content: space-between; gap: 20px; padding: 15px 17px; border-left: 3px solid #6f8131; border-bottom: 1px solid rgba(16,42,42,.08); background: rgba(223,240,107,.25); }.c-taxonomy li:nth-child(2) { margin-left: 6%; }.c-taxonomy li:nth-child(3) { margin-left: 12%; }.c-taxonomy li:nth-child(4) { margin-left: 18%; }.c-taxonomy li:nth-child(5) { margin-left: 24%; }.c-taxonomy li:nth-child(6) { margin-left: 30%; }.c-taxonomy li:nth-child(7) { margin-left: 36%; }.c-taxonomy li span { font: 8px var(--c-mono); text-transform: uppercase; opacity: .55; }.c-taxonomy li strong { font: 600 15px var(--c-serif); }
.c-caption { margin-top: 20px; font: 8px/1.6 var(--c-mono) !important; opacity: .6; }
.c-artwork { position: relative; margin: 0; overflow: auto; border-radius: var(--c-radius); background: #d7a898; }.c-artwork img { display: block; width: 100%; transition: width .3s ease; }.c-artwork.is-zoomed img { width: 145%; max-width: none; }.c-artwork button { position: absolute; right: 12px; top: 12px; z-index: 2; padding: 9px 12px; border: 0; border-radius: 99px; background: rgba(255,255,255,.9); font: 8px var(--c-mono); }.c-artwork figcaption { padding: 12px; font: 8px var(--c-mono); background: white; }
.c-data-compare { display: grid; gap: 12px; }.c-data-compare > div { display: grid; grid-template-columns: 250px 1fr; align-items: center; gap: 14px; font-size: 10px; }.c-data-compare i { width: calc(var(--value) * 12%); max-width: 100%; min-width: 60px; display: flex; justify-content: flex-end; padding: 10px; background: var(--c-mint); font-style: normal; }.c-data-compare b { font: 500 10px var(--c-mono); }
.c-source-reader { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }.c-source-reader blockquote { margin: 0; padding: 35px; background: var(--c-ink); color: var(--c-lime); font: 500 30px/1.4 var(--c-serif); }.c-source-reader textarea { width: 100%; min-height: 110px; padding: 13px; border: 1px solid var(--c-line); border-radius: 10px; background: white; }
.c-word-detail > div > h2 { margin: 0; font-size: 86px; }.c-word-detail > div > p { font: 500 28px var(--c-serif); }.c-word-detail code { font: 8px var(--c-mono); overflow-wrap: anywhere; }.c-word-detail aside { padding: 28px; border-radius: var(--c-radius); background: var(--c-mint); }.c-word-detail li { margin: 8px 0; font-size: 11px; }
.c-pronunciation-product { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,340px); gap:48px; align-items:start; }
.c-pronunciation-main { display:grid; gap:38px; }
.c-word-heading { display:flex; justify-content:space-between; gap:20px; align-items:start; }
.c-word-heading h2 { margin:4px 0; font-size:clamp(56px,8vw,104px); line-height:.88; }
.c-definition { max-width:720px; font:500 clamp(20px,2.6vw,30px)/1.5 var(--c-serif); }
.c-phoneme-row { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
.c-phoneme-row span { display:inline-grid; place-items:center; min-width:48px; padding:12px 9px; border:1px solid var(--c-line); border-radius:10px; background:white; font-weight:800; }
.c-phoneme-row .is-primary { color:white; background:var(--c-ink); border-color:var(--c-ink); transform:translateY(-4px); }
.c-phoneme-row .is-secondary { background:var(--c-yellow); border-color:var(--c-yellow); }
.c-rights-note { padding:16px; border-left:4px solid var(--c-coral); background:#fff1ea; }
.c-example-stack { display:grid; gap:14px; }
.c-example-stack figure { margin:0; padding:20px; border:1px solid var(--c-line); border-radius:14px; background:white; }
.c-example-stack blockquote { margin:0 0 10px; font:500 clamp(19px,2.5vw,27px)/1.45 var(--c-serif); }
.c-example-stack mark { padding:2px 5px; border-radius:4px; background:var(--c-yellow); color:var(--c-ink); }
.c-example-stack figcaption { color:#536a66; font-size:13px; }
.c-practice-card { display:grid; gap:14px; padding:24px; border-radius:18px; background:var(--c-ink); color:white; }
.c-practice-card label { display:flex; gap:12px; align-items:flex-start; }
.c-practice-card input { width:19px; height:19px; margin-top:3px; }
.c-practice-card .c-writing-prompt { display:grid; gap:8px; }
.c-practice-card textarea { width:100%; min-height:120px; padding:12px; border-radius:10px; resize:vertical; }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.c-category-switcher { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:-38px 0 38px; padding:12px 14px; border:1px solid var(--c-line); border-radius:14px; background:rgba(255,255,255,.72); }
.c-category-switcher strong { margin-right:auto; font:9px var(--c-mono); text-transform:uppercase; }
.c-category-switcher a { display:inline-flex; gap:7px; padding:9px 11px; border-radius:9px; color:var(--c-ink); text-decoration:none; font-size:11px; }
.c-category-switcher a[aria-current="page"] { background:var(--c-ink); color:white; }
.c-category-switcher span { opacity:.65; }
.c-earthquake-filters, .c-compare-picker { display:grid; grid-template-columns:2fr 1fr 1fr 1.2fr auto; gap:10px; align-items:end; margin:28px 0; padding:18px; border:1px solid var(--c-line); border-radius:16px; background:white; }
.c-earthquake-filters label, .c-compare-picker label { display:grid; gap:7px; font:9px var(--c-mono); text-transform:uppercase; }
.c-earthquake-filters input, .c-earthquake-filters select, .c-compare-picker select { width:100%; min-width:0; padding:11px; border:1px solid var(--c-line); border-radius:9px; background:white; font:12px var(--c-sans); text-transform:none; }
.c-earthquake-filters button, .c-compare-picker button { min-height:42px; padding:10px 15px; border:0; border-radius:9px; background:var(--c-ink); color:white; font-weight:800; }
.c-earthquake-map { position:relative; height:360px; margin:0 0 30px; overflow:hidden; border:1px solid var(--c-line); border-radius:18px; background:linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.15)),repeating-linear-gradient(0deg,transparent 0 44px,rgba(16,42,42,.08) 45px),repeating-linear-gradient(90deg,transparent 0 59px,rgba(16,42,42,.08) 60px),var(--c-mint); }
.c-earthquake-map::before { content:"Local cohort coordinate plot"; position:absolute; left:16px; bottom:12px; font:8px var(--c-mono); text-transform:uppercase; opacity:.6; }
.c-earthquake-map > a { position:absolute; left:var(--x); top:var(--y); width:clamp(9px,calc(var(--m) * 2px),18px); aspect-ratio:1; border:2px solid white; border-radius:50%; background:var(--c-coral); box-shadow:0 2px 8px rgba(16,42,42,.25); transform:translate(-50%,-50%); }
.c-earthquake-map > a:hover, .c-earthquake-map > a:focus-visible { z-index:2; outline:3px solid var(--c-ink); }
.c-map-label { position:absolute; right:10px; z-index:1; font:8px var(--c-mono); opacity:.6; }.c-map-label--north { top:9px; }.c-map-label--south { bottom:9px; }
.c-earthquake-detail { display:grid; grid-template-columns:minmax(0,1fr) minmax(270px,340px); gap:48px; align-items:start; }
.c-view-earthquake-product .c-page-hero h1 { max-width:1120px; font-size:clamp(52px,7vw,96px); line-height:.93; overflow-wrap:anywhere; }
.c-view-cultural-object-product .c-page-hero h1 { max-width:1100px; font-size:clamp(48px,6.2vw,82px); line-height:.94; overflow-wrap:anywhere; }
.c-earthquake-measures { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:42px; }
.c-earthquake-measures > div { display:grid; gap:5px; padding:20px; border:1px solid var(--c-line); border-radius:14px; background:white; }
.c-earthquake-measures strong { font:600 clamp(34px,5vw,60px) var(--c-serif); }.c-earthquake-measures span { font:8px var(--c-mono); text-transform:uppercase; }
.c-earthquake-comparison { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:30px 0 45px; }
.c-earthquake-comparison article { padding:24px; border:1px solid var(--c-line); border-radius:16px; background:white; }
.c-compare-picker { grid-template-columns:1fr 1fr auto; }
.c-cultural-card-image { display:block; margin:-4px -4px 18px; overflow:hidden; border-radius:16px; background:#e8f2ed; }
.c-cultural-card-image img { display:block; width:100%; height:220px; object-fit:cover; transition:transform .25s ease; }
.c-cultural-card-image:hover img, .c-cultural-card-image:focus-visible img { transform:scale(1.03); }
.c-cultural-object-detail { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:44px; align-items:start; }
.c-cultural-object-image { margin:0 0 34px; padding:18px; border:1px solid var(--c-line); border-radius:24px; background:white; }
.c-cultural-object-image img { display:block; width:100%; max-height:620px; object-fit:contain; border-radius:14px; background:#eef4f1; }
.c-cultural-object-image figcaption { margin-top:12px; color:#536a66; font-size:11px; }
.c-cultural-object-detail .c-related { grid-column:1 / -1; }
.c-cultural-related, .c-cultural-comparison { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.c-cultural-related a, .c-cultural-comparison article { display:grid; gap:10px; padding:16px; border:1px solid var(--c-line); border-radius:18px; background:white; }
.c-cultural-related img, .c-cultural-comparison img { display:block; width:100%; height:220px; object-fit:cover; border-radius:12px; background:#eef4f1; }
.c-cultural-related span { color:#536a66; font-size:10px; }
.c-evidence-card small { display:block; margin-top:4px; color:#536a66; }
.c-callout { margin: 30px 0; }.c-callout strong { color: var(--c-lime); }.c-callout p { color: rgba(255,255,255,.75); }.c-callout code { overflow-wrap: anywhere; font: 8px var(--c-mono); color: var(--c-mint); }
.c-research-flow { display: flex; align-items: center; justify-content: center; gap: 20px; margin-bottom: 70px; }.c-research-flow div { min-width: 150px; display: grid; text-align: center; }.c-research-flow strong { font: 600 55px var(--c-serif); }.c-research-flow span { font: 8px var(--c-mono); text-transform: uppercase; }.c-research-flow i { font-style: normal; opacity: .3; }
.c-print-options { display: grid; gap: 10px; }.c-print-options a { display: grid; gap: 6px; padding: 18px; border: 1px solid var(--c-line); border-radius: 13px; background: white; text-decoration: none; }.c-print-options span, .c-print-options small { font: 8px var(--c-mono); opacity: .6; }
.c-print-sheet { background: #e5e1d8; }.c-print-actions { display: flex; align-items: center; gap: 20px; margin-bottom: 25px; }.c-worksheet { width: min(794px, 100%); min-height: 1050px; margin: auto; padding: 55px; background: white; box-shadow: var(--c-shadow); }.c-worksheet > header { display: flex; justify-content: space-between; padding-bottom: 12px; border-bottom: 2px solid var(--c-ink); font: 8px var(--c-mono); text-transform: uppercase; }.c-worksheet h2 { font-size: 48px; }.c-worksheet h3 { margin-top: 35px; }.c-writing-lines { height: 150px; background: repeating-linear-gradient(to bottom, transparent 0 28px, #abbcb8 29px 30px); }.c-worksheet footer { margin-top: 50px; padding-top: 14px; border-top: 1px solid var(--c-line); font: 8px/1.6 var(--c-mono); }

.c-footer { padding: 70px 0 25px; background: var(--c-ink); color: white; }
.c-footer-grid { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 50px; }.c-footer-grid > div { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }.c-footer-grid p { max-width: 330px; color: rgba(255,255,255,.6); font-size: 12px; line-height: 1.7; }.c-footer h2 { margin: 3px 0 12px; font: 500 11px var(--c-mono); text-transform: uppercase; color: var(--c-lime); }.c-footer a { color: white; font-size: 11px; text-decoration: none; }.c-footer .c-brand-mark { background: white; }.c-footer .c-brand-name span { color: var(--c-mint); }
.c-footer-bottom { display: flex; justify-content: space-between; margin-top: 50px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.14); font: 8px var(--c-mono); opacity: .6; }

@media (max-width: 900px) {
  .site-header .container { min-height: 70px; }.nav-toggle { display: block; width: auto; min-width: 64px; border: 1px solid var(--c-line); border-radius: 8px; background: transparent; padding: 8px 11px; white-space: nowrap; }.site-header nav { display: none; position: absolute; left: 0; right: 0; top: 70px; padding: 18px 20px; background: var(--c-paper); border-bottom: 1px solid var(--c-line); }.site-header nav.is-open { display: block; }.site-header nav ul { align-items: stretch; flex-direction: column; gap: 13px; }
  .c-hero { padding-top: 50px; }.c-hero-grid { grid-template-columns: 1fr; gap: 90px; }.c-hero-orbit { width: min(520px, 88vw); }
  .c-section-head, .c-print-grid, .c-source-detail, .c-reading-desk, .c-art-grid, .c-word-detail, .c-source-reader, .c-pronunciation-product, .c-earthquake-detail, .c-cultural-object-detail { grid-template-columns: 1fr; gap: 32px; }
  .c-earthquake-filters { grid-template-columns:1fr 1fr; }.c-earthquake-filters button { grid-column:1 / -1; }
  .c-word-heading { display:grid; }
  .c-channel-grid, .c-source-grid, .c-tool-grid, .c-group-grid { grid-template-columns: 1fr 1fr; }
  .c-feature-grid { grid-template-columns: 1fr 1fr; }.c-feature:first-child { grid-column: span 2; }
  .c-source-ticker { grid-template-columns: repeat(3, 1fr); }.c-footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .container, .c-wrap { width: min(100% - 26px, 1180px); }
  .c-search > div { gap: 6px; }
  .c-search input { padding-inline: 10px; font-size: 13px; }
  .c-search button { gap: 8px; padding-inline: 14px; }
  .c-hero h1 { font-size: 55px; }.c-lede { font-size: 15px; }.c-hero-orbit { width: 88vw; }.c-orbit-card { min-width: 100px; padding: 10px; }.c-orbit-card--two { right: -6%; }.c-orbit-card--four { left: -6%; }
  .c-trust-strip .c-wrap { gap: 20px; }.c-trust-strip span:nth-child(3) { display: none; }
  .c-section { padding: 72px 0; }.c-section-head h2, .c-page-hero h1 { font-size: 46px; }.c-section-head { grid-template-columns: 1fr; gap: 14px; }
  .c-channel-grid, .c-source-grid, .c-tool-grid, .c-group-grid, .c-feature-grid, .c-action-grid, .c-word-list { grid-template-columns: 1fr; }.c-feature:first-child { grid-column: auto; }
  .c-source-ticker { grid-template-columns: 1fr 1fr; }.c-source-cta { align-items: flex-start; flex-direction: column; }
  .c-metric-row { grid-template-columns: 1fr; }.c-metric-row > div { border-right: 0; border-bottom: 1px solid var(--c-line); }
  .c-data-compare > div { grid-template-columns: 120px 1fr; }.c-taxonomy li { width: calc(64% + var(--depth, 0) * 4%); }.c-taxonomy li:nth-child(n) { margin-left: 0; width: 100%; }
  .c-research-flow { display: grid; grid-template-columns: 1fr 1fr; }.c-research-flow i { display: none; }.c-inline-tool { align-items: stretch; flex-direction: column; }.c-inline-tool select { min-width: 0; width: 100%; }
  .c-category-switcher { align-items:stretch; flex-direction:column; margin-top:-25px; }.c-category-switcher strong { margin:0 0 4px; }.c-earthquake-filters, .c-compare-picker, .c-earthquake-comparison, .c-earthquake-measures, .c-cultural-related, .c-cultural-comparison { grid-template-columns:1fr; }.c-earthquake-filters button { grid-column:auto; }.c-earthquake-map { height:280px; }
  .c-paper { padding: 25px; }.c-footer-grid { grid-template-columns: 1fr; }.c-footer-bottom { gap: 12px; flex-direction: column; }
}
@media print {
  body { background: white; }.site-header, .c-footer, .c-page-hero, .no-print { display: none !important; }.c-section, .c-print-sheet { padding: 0; border: 0; background: white; }.c-worksheet { width: 100%; min-height: 0; padding: 10mm; box-shadow: none; }.c-worksheet h2 { font-size: 26pt; }
}