@layer reset, tokens, base, layout, article, responsive;
@layer reset {
  *, *::before, *::after { box-sizing: border-box; }
  body, h1, h2, h3, p, figure { margin: 0; }
  img, video, svg { max-width: 100%; }
  img { display: block; }
  button, input { font: inherit; }
  button { cursor: pointer; }
  a { color: inherit; }
}
@layer tokens {
  :root { --paper:#fffefa; --ink:#222426; --muted:#636361; --line:#deded7; --accent:#514d8c; --wash:#eeedf6; --warm:#eeeae1; --space-1:8px; --space-2:16px; --space-3:24px; --space-4:32px; --space-5:48px; --space-6:64px; --space-7:96px; --space-8:128px; --radius:5px; --font:Inter, "Segoe UI", Helvetica, Arial, sans-serif; --reading:Georgia, "Times New Roman", serif; }
}
@layer base {
  html { scroll-behavior:smooth; scroll-padding-top:32px; }
  body { color:var(--ink); background:var(--paper); font-family:var(--font); -webkit-font-smoothing:antialiased; font-size:16px; line-height:1.55; }
  h1,h2,h3 { font-family:var(--gh-font-heading,var(--font)); line-height:1.12; font-weight:500; letter-spacing:-.038em; text-wrap:balance; overflow-wrap:anywhere; }
  a { text-decoration:none; text-underline-offset:4px; }
  a:hover { text-decoration:underline; }
  :focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
  button { color:inherit; }
  .shell { width:min(1320px, calc(100% - 96px)); margin-inline:auto; }
  .skip-link { position:fixed; z-index:100; left:16px; top:-80px; padding:12px 20px; background:var(--ink); color:white; }
  .skip-link:focus { top:12px; }
  .section-label { display:inline-block; font-size:12px; line-height:1.4; font-weight:650; letter-spacing:.035em; margin-bottom:16px; color:var(--accent); }
  .text-link { display:inline-flex; gap:16px; align-items:center; font-size:14px; font-weight:600; }
  .text-link span { font-size:20px; font-weight:400; }
  .plain-button { background:none; border:1px solid var(--line); border-radius:var(--radius); padding:10px 16px; font-size:14px; }
  .plain-button:hover { border-color:var(--ink); }
  .primary-button { background:var(--ink); border:1px solid var(--ink); color:white; border-radius:var(--radius); padding:14px 24px; }
  .empty-state { padding-block:var(--space-6); max-width:680px; }
  .empty-state h2 { font-size:28px; margin-bottom:24px; }
}
@layer layout {
  .site-header { background:var(--paper); border-bottom:1px solid var(--line); }
  .masthead { min-height:98px; display:flex; justify-content:space-between; align-items:center; gap:32px; }
  .brand { display:inline-flex; align-items:center; gap:13px; flex-shrink:0; font-size:29px; font-weight:600; line-height:1; letter-spacing:-.045em; }
  .brand:hover { text-decoration:none; }
  .brand img { object-fit:contain; }
  .brand-news { margin-left:12px; padding-left:14px; border-left:1px solid var(--line); font-weight:400; letter-spacing:-.035em; }
  .primary-nav { display:flex; align-items:center; gap:32px; font-size:14px; }
  .primary-nav a { padding-block:12px; }
  .mobile-navigation { display:none; position:relative; }
  .mobile-navigation summary { display:flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; cursor:pointer; list-style:none; }
  .mobile-navigation summary::-webkit-details-marker { display:none; }
  .mobile-navigation>div { position:absolute; top:100%; right:0; z-index:10; min-width:180px; padding:8px 20px; border:1px solid var(--line); border-radius:var(--radius); background:var(--paper); }
  .mobile-navigation a { display:block; }
  .search-trigger { display:flex; align-items:center; gap:9px; background:none; border:0; padding:12px 0 12px 24px; border-left:1px solid var(--line); }
  .topic-nav:has(a) { border-top:1px solid var(--line); }
  .topic-nav .shell { display:flex; align-items:center; gap:32px; overflow-x:auto; scrollbar-width:thin; }
  .topic-nav a { white-space:nowrap; font-size:13px; padding-block:14px; }
  .edition-heading { display:flex; justify-content:space-between; align-items:center; gap:32px; padding-block:var(--space-5) var(--space-4); }
  .edition-heading h1 { font-size:16px; letter-spacing:0; font-weight:600; }
  .edition-heading p { font-size:14px; color:var(--muted); }
  .lead { display:grid; grid-template-columns:1.35fr 1fr; background:var(--wash); border-radius:var(--radius); overflow:hidden; min-width:0; }
  .lead-image { display:block; position:relative; min-width:0; min-height:450px; background:var(--warm); }
  .lead-image img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
  .lead-copy { padding:var(--space-5); align-self:center; }
  .lead h2 { font-size:clamp(32px,3.05vw,46px); line-height:1.12; }
  .lead-copy>p { margin-top:var(--space-3); font-size:17px; line-height:1.6; color:var(--muted); }
  .byline { display:flex; align-items:baseline; flex-wrap:wrap; font-size:12px; color:var(--muted); line-height:1.7; }
  .byline a { color:var(--ink); }
  .byline-separator { margin-inline:8px; }
  .lead .byline { margin-top:var(--space-3); }
  .read-story { margin-top:var(--space-4); }
  .lead-text { display:block; background:var(--wash); }
  .lead-text .lead-copy { max-width:1000px; padding:var(--space-6); }
  .lead-text h2 { font-size:clamp(38px,4.8vw,66px); }
  .lead-text .lead-copy>p { max-width:750px; }
  .latest-section { margin-top:var(--space-6); }
  .section-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:var(--space-4); }
  .section-heading h2 { font-size:28px; }
  .editorial-highlights { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-5); }
  .editorial-highlights .story { display:grid; grid-template-columns:1fr; align-content:start; gap:var(--space-3); }
  .editorial-highlights .story:only-child { max-width:860px; }
  .story-image { display:block; overflow:hidden; border-radius:var(--radius); background:var(--warm); }
  .story-image img { width:100%; height:auto; aspect-ratio:1.7; object-fit:cover; }
  .story h2 { font-size:30px; line-height:1.2; margin-bottom:var(--space-2); }
  .story .section-label { margin-bottom:12px; }
  .story-excerpt { color:var(--muted); font-size:15px; margin-bottom:var(--space-3); max-width:680px; }
  .article-ledger { border-top:1px solid var(--line); }
  .latest-section .article-ledger { margin-top:var(--space-5); }
  .article-ledger .story { display:grid; grid-template-columns:minmax(0,1fr) 240px; gap:var(--space-5); padding-block:var(--space-4); border-bottom:1px solid var(--line); }
  .article-ledger .story-image { grid-column:2; grid-row:1; align-self:start; }
  .article-ledger .story-copy { grid-column:1; grid-row:1; max-width:840px; }
  .article-ledger .story:not(:has(.story-image)) { grid-template-columns:1fr; }
  .article-ledger .story h2 { font-size:28px; }
  .publication-intro { display:grid; grid-template-columns:1.2fr 1fr; min-height:480px; background:var(--wash); border-radius:var(--radius); overflow:hidden; }
  .intro-copy { padding:var(--space-6); align-self:center; position:relative; z-index:1; }
  .intro-copy h2 { font-size:clamp(38px,4.3vw,62px); }
  .intro-copy>p:not(.section-label) { color:var(--muted); margin-top:var(--space-3); max-width:360px; }
  .intro-copy .text-link { margin-top:var(--space-4); }
  .intro-art { display:flex; align-items:center; justify-content:center; background:var(--warm); position:relative; isolation:isolate; min-width:0; }
  .intro-art::before { content:""; position:absolute; inset:9%; border:1px solid color-mix(in srgb,var(--ink) 14%,transparent); border-radius:50%; z-index:-1; }
  .intro-art::after { content:""; position:absolute; inset:20%; border:1px solid color-mix(in srgb,var(--ink) 14%,transparent); border-radius:50%; z-index:-1; }
  .intro-art img { width:52%; max-width:256px; height:auto; mix-blend-mode:multiply; }
  .empty-editorial { display:flex; justify-content:space-between; gap:24px; padding-block:var(--space-4); border-bottom:1px solid var(--line); color:var(--muted); font-size:15px; }
  .departments { margin-top:var(--space-7); }
  .departments:empty { display:none; }
  .department-band { display:grid; grid-template-columns:240px minmax(0,1fr); gap:var(--space-5); padding-block:var(--space-5); border-top:1px solid var(--line); }
  .department-band h2 { font-size:32px; margin-bottom:16px; }
  .department-stories { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
  .department-stories .story h2 { font-size:24px; }
  .department-stories .story-image { display:none; }
  .department-stories .story-excerpt { display:none; }
  .department-stories .section-label { display:none; }
  .archive { padding-top:var(--space-6); }
  .archive-heading { padding-bottom:var(--space-5); max-width:900px; }
  .archive-heading h1 { font-size:clamp(42px,5vw,72px); }
  .archive-heading p:not(.section-label) { color:var(--muted); margin-top:var(--space-3); font-size:18px; }
  .author-heading { display:flex; gap:32px; align-items:center; }
  .author-heading>img { border-radius:50%; object-fit:cover; flex-shrink:0; }
  .pagination { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; padding-block:var(--space-5); font-size:14px; }
  .pagination>div:last-child { text-align:right; }
  .pagination>span { color:var(--muted); }
  .site-footer { margin-top:var(--space-7); border-top:1px solid var(--line); background:var(--warm); padding-block:var(--space-5) var(--space-4); }
  .footer-top { display:grid; grid-template-columns:1fr 1.5fr auto; gap:32px; align-items:start; padding-bottom:var(--space-5); }
  .footer-brand { font-size:27px; font-weight:500; letter-spacing:-.035em; }
  .footer-top>p { color:var(--muted); max-width:380px; font-size:16px; }
  .footer-bottom { display:flex; justify-content:space-between; gap:32px; font-size:12px; border-top:1px solid var(--line); padding-top:var(--space-3); }
  .footer-bottom p { color:var(--muted); }
  .footer-bottom nav { display:flex; gap:24px; align-items:start; }
  .error-page,.search-page { padding-block:var(--space-7); max-width:900px; }
  .error-page h1,.search-page h1 { font-size:clamp(40px,6vw,76px); }
  .error-page>p:not(.section-label),.search-page>p:not(.section-label) { margin-block:24px; color:var(--muted); }
  .error-page button { margin-left:24px; }
  .search-fallback { font-size:14px; }
  .search-fallback a { text-decoration:underline; }
}
@layer article {
  .article-page { padding-top:var(--space-6); }
  .article-header { max-width:980px; margin-inline:auto; padding-bottom:var(--space-5); }
  .article-header h1 { font-size:clamp(40px,5vw,70px); line-height:1.09; }
  .article-deck { font-size:22px; line-height:1.5; color:var(--muted); margin-top:var(--space-3); max-width:830px; }
  .article-credits { display:flex; flex-wrap:wrap; align-items:baseline; gap:16px; margin-top:var(--space-4); font-size:12px; color:var(--muted); }
  .department-credit { font-size:13px; margin-top:12px; }
  .updated-date { color:var(--muted); font-size:12px; margin-top:8px; }
  .article-feature { margin-bottom:var(--space-6); }
  .article-feature img { width:100%; height:auto; aspect-ratio:8/5; max-height:780px; object-fit:contain; background:var(--wash); }
  figcaption { font:13px/1.6 var(--font); color:var(--muted); text-align:left; padding-top:12px; }
  figcaption a { text-decoration:underline; }
  .article-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,760px) minmax(0,1fr); gap:32px; }
  .article-layout>.gh-content { grid-column:2; }
  .article-rail { grid-column:1; grid-row:1; font-size:12px; }
  .article-contents { position:sticky; top:32px; }
  .article-contents summary { cursor:pointer; font-weight:600; padding-block:8px; }
  .article-contents ol { padding-left:16px; margin-block:12px; }
  .article-contents li { padding-block:6px; color:var(--muted); }
  .gh-content { min-width:0; max-width:760px; margin-inline:auto; font:20px/1.8 var(--gh-font-body,var(--reading)); overflow-wrap:break-word; width:100%; }
  .gh-content>*+* { margin-top:var(--space-3); }
  .gh-content h2 { font:500 34px/1.2 var(--font); letter-spacing:-.035em; margin-top:var(--space-6); }
  .gh-content h3 { font:500 25px/1.3 var(--font); letter-spacing:-.025em; margin-top:var(--space-5); }
  .gh-content a { color:var(--accent); text-decoration:underline; }
  .gh-content blockquote { margin-inline:0; border-left:3px solid var(--accent); padding-left:24px; font-size:25px; line-height:1.5; }
  .gh-content pre { padding:24px; background:#20242b; color:#f1f1ed; border-radius:var(--radius); overflow-x:auto; font:14px/1.7 Consolas,monospace; white-space:pre; }
  .gh-content code { font-family:Consolas,monospace; font-size:.8em; }
  .gh-content :not(pre)>code { background:var(--warm); padding:2px 5px; }
  .gh-content hr { border:0; border-top:1px solid var(--line); margin-block:48px; }
  .table-scroll { max-width:100%; overflow-x:auto; margin-block:32px; }
  .gh-content table { width:100%; border-collapse:collapse; font:14px/1.6 var(--font); }
  .gh-content th,.gh-content td { text-align:left; padding:12px 16px; border-bottom:1px solid var(--line); min-width:120px; }
  .gh-content th { font-weight:600; background:var(--wash); }
  .gh-content iframe { max-width:100%; }
  .gh-content img { height:auto; margin-inline:auto; }
  .kg-width-wide { width:100%; }
  .kg-width-full { width:100%; }
  .kg-gallery-container { display:flex; flex-direction:column; gap:12px; }
  .kg-gallery-row { display:flex; gap:12px; }
  .kg-gallery-image { flex:1 1 0; min-width:0; }
  .kg-gallery-image img { width:100%; height:100%; object-fit:cover; }
  .kg-bookmark-card { border:1px solid var(--line); border-radius:var(--radius); font:15px/1.5 var(--font); }
  .kg-bookmark-container { display:flex; color:var(--ink)!important; text-decoration:none!important; min-height:160px; }
  .kg-bookmark-content { flex:1; min-width:0; padding:24px; }
  .kg-bookmark-title { font-weight:600; }
  .kg-bookmark-description { color:var(--muted); font-size:13px; margin-top:8px; }
  .kg-bookmark-metadata { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:16px; font-size:12px; }
  .kg-bookmark-icon { width:20px; height:20px!important; margin:0!important; }
  .kg-bookmark-thumbnail { flex:0 0 30%; position:relative; }
  .kg-bookmark-thumbnail img { position:absolute; width:100%; height:100%; object-fit:cover; }
  .kg-image-card,.kg-embed-card { text-align:center; }
  .kg-callout-card { font-family:var(--font); }
  .kg-toggle-card { font-family:var(--font); }
  .kg-button-card .kg-btn { font-family:var(--font); }
  .article-end { max-width:760px; margin:var(--space-6) auto 0; padding-top:var(--space-3); border-top:1px solid var(--line); display:flex; align-items:center; flex-wrap:wrap; gap:16px; font-size:13px; }
  .article-topics { margin-right:auto; }
  .copy-status { width:100%; color:var(--muted); }
  .related-reading { margin-top:var(--space-7); padding-top:var(--space-5); border-top:1px solid var(--line); }
  .related-stories { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
  .related-stories .story h2 { font-size:25px; }
  .related-stories .story-image { margin-bottom:24px; }
  .related-stories .story-excerpt { display:none; }
  .about-page { max-width:980px; }
}
@layer responsive {
  @media(max-width:767px) { .mobile-navigation { display:block; } }
  @media(max-width:767px) { .lead-image { min-height:0; aspect-ratio:3/2; } }
  @media(min-width:1600px) { .shell { width:min(1440px,calc(100% - 160px)); } .lead-copy { padding:64px; } }
  @media(max-width:1100px) { .shell { width:calc(100% - 64px); } .lead-copy { padding:32px; } .lead-image img { min-height:430px; } .article-layout { display:block; } .article-rail { max-width:760px; margin:0 auto 32px; } .article-contents { border-block:1px solid var(--line); padding-block:8px; } .department-band { grid-template-columns:190px minmax(0,1fr); gap:32px; } .intro-copy { padding:48px; } }
  @media(max-width:767px) { .shell { width:calc(100% - 40px); } .masthead { min-height:80px; gap:16px; } .brand { font-size:24px; gap:8px; } .brand img { width:30px; height:30px; } .brand-news { margin-left:8px; padding-left:10px; } .primary-nav { gap:18px; } .primary-nav>a { display:none; } .search-trigger { padding-left:16px; } .topic-nav .shell { gap:24px; } .edition-heading { display:block; padding-top:32px; } .edition-heading p { margin-top:8px; } .lead { grid-template-columns:1fr; } .lead-image img { min-height:0; aspect-ratio:1.5; } .lead-copy { padding:32px; } .lead-text .lead-copy { padding:40px 32px; } .editorial-highlights { gap:32px; } .story h2 { font-size:25px; } .article-ledger .story { grid-template-columns:minmax(0,1fr) 160px; gap:24px; } .article-ledger .story h2 { font-size:25px; } .department-band { grid-template-columns:1fr; } .department-band>header { display:flex; align-items:center; gap:24px; flex-wrap:wrap; } .department-band>header .section-label { width:100%; margin-bottom:0; } .department-band>header h2 { margin:0; } .publication-intro { grid-template-columns:1fr; } .intro-copy { padding:40px 32px; } .intro-art { min-height:240px; } .intro-art img { width:140px; } .intro-art::before { inset:8% 25%; } .intro-art::after { inset:18% 31%; } .empty-editorial { flex-direction:column; gap:12px; } .footer-top { grid-template-columns:1fr; gap:20px; } .footer-bottom { flex-direction:column; gap:24px; } .article-page,.archive { padding-top:48px; } .article-header h1 { font-size:42px; } .article-deck { font-size:20px; } .gh-content { font-size:19px; } .gh-content h2 { font-size:29px; } .article-feature { margin-bottom:40px; } .related-stories { grid-template-columns:1fr; } .related-stories .story { display:grid; grid-template-columns:160px 1fr; gap:24px; } .related-stories .story-image { margin:0; } .related-stories .story:not(:has(.story-image)) { grid-template-columns:1fr; } .site-footer { margin-top:64px; } }
  @media(max-width:480px) { .search-trigger>span { display:none; } .search-trigger { padding:12px; border:0; } .editorial-highlights { grid-template-columns:1fr; } .editorial-highlights .story+.story { padding-top:32px; border-top:1px solid var(--line); } .lead-copy,.lead-text .lead-copy { padding:28px 24px; } .lead h2 { font-size:33px; } .lead-text h2 { font-size:37px; } .article-ledger .story { grid-template-columns:1fr; } .article-ledger .story-image { display:none; } .article-ledger .story h2 { font-size:26px; } .department-stories { grid-template-columns:1fr; gap:24px; } .intro-copy { padding:32px 24px; } .intro-copy h2 { font-size:39px; } .section-heading h2 { font-size:26px; } .section-heading>.text-link { font-size:12px; gap:8px; } .author-heading { display:block; } .author-heading>img { margin-bottom:24px; width:72px; height:72px; } .pagination { font-size:12px; gap:8px; } .footer-bottom nav { flex-wrap:wrap; } .article-header h1 { font-size:37px; } .related-stories .story { grid-template-columns:1fr; } .related-stories .story-image { display:none; } .kg-bookmark-thumbnail { display:none; } .error-page button { margin:24px 0 0; display:block; } }
  @media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; } }
  @media print { .site-header,.site-footer,.article-rail,.article-end,.related-reading { display:none; } .shell { width:100%; } .article-header h1 { font-size:32pt; } .gh-content { font-size:12pt; } a { color:inherit!important; } }
}
