:root { --background:#fff; --foreground:#102d3b; --card:#eef3f7; --card-foreground:#102d3b; --popover:#fff; --popover-foreground:#102d3b; --primary:#123eaa; --primary-foreground:#fff; --secondary:#eaf0f8; --secondary-foreground:#102d3b; --muted:#eef3f7; --muted-foreground:#51616c; --accent:#e7eeff; --accent-foreground:#123eaa; --border:#bfcbd2; --input:#bfcbd2; --ring:#123eaa; --radius:0.2rem; }
.dark { --background:#102d3b; --foreground:#fff; --card:#183847; --card-foreground:#fff; --popover:#183847; --popover-foreground:#fff; --primary:#9bbaff; --primary-foreground:#102d3b; --secondary:#244657; --secondary-foreground:#fff; --muted:#244657; --muted-foreground:#c0ccd4; --accent:#244657; --accent-foreground:#fff; --border:#45606f; --input:#45606f; --ring:#9bbaff; }
body { margin:0; font-family:Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; }
/* Keep temporarily hidden sections out of the layout, including grid/flex containers. */
[hidden] { display:none !important; }
a { color:inherit; } a:focus-visible { outline:3px solid #e96929; outline-offset:6px; }
.masthead,main,footer { max-width:1240px; margin:0 auto; padding-left:48px; padding-right:48px; }
.masthead { display:flex; align-items:center; justify-content:space-between; padding-top:32px; padding-bottom:30px; }
.wordmark { font-family:Georgia,'Times New Roman',serif; font-size:36px; line-height:.92; letter-spacing:-1.6px; text-decoration:none; font-weight:bold; }
.wordmark>span { display:block; } .brand-period { color:#e96929; }
nav { display:flex; gap:28px; font-size:15px; } nav a { text-decoration:none; } nav a:hover { color:#123eaa; }
.issue-line { border-top:2px solid #102d3b; border-bottom:1px solid #bfcbd2; display:flex; justify-content:space-between; gap:16px; padding:12px 0; font-size:12px; letter-spacing:1.6px; }
.feature { display:grid; grid-template-columns:1.55fr 1fr; padding:60px 0; gap:48px; }
.eyebrow { font-size:12px; letter-spacing:1.6px; font-weight:bold; margin:0 0 22px; }
h1 { font-family:Georgia,'Times New Roman',serif; font-size:clamp(42px,5vw,66px); font-weight:normal; line-height:1.05; letter-spacing:-2.4px; margin:0 0 26px; } h1 em { color:#123eaa; font-weight:normal; }
.dek { color:#51616c; font-size:19px; line-height:1.6; max-width:480px; margin:0 0 30px; }
.read-link { display:inline-flex; gap:45px; font-weight:bold; text-decoration:none; padding-bottom:10px; border-bottom:2px solid #123eaa; color:#123eaa; }
.editorial-note { background:#123eaa; color:#fff; padding:30px; display:flex; flex-direction:column; }
.note-number { font-family:Georgia,serif; font-size:70px; line-height:1; margin-bottom:32px; color:#b9ceff; }
.editorial-note .eyebrow { color:#c7d8ff; margin-bottom:12px; }.note-title { font-family:Georgia,serif; font-size:32px; line-height:1.15; margin:0 0 20px; }
.editorial-note p:not([class]) { font-size:16px; line-height:1.6; margin:0; color:#e1eaff; }.note-rule { border-top:1px solid #7795df; margin-top:auto; padding-top:20px; transform:translateY(15px); }.note-footer { font-size:12px; letter-spacing:1.2px; margin-top:16px; }
.section-heading { border-top:2px solid #102d3b; padding:20px 0; display:flex; justify-content:space-between; align-items:center; }.section-heading h2 { font-family:Georgia,serif; font-size:28px; margin:0; font-weight:normal; }.section-heading>span { font-size:12px; letter-spacing:1px; }
.article-row { display:grid; grid-template-columns:48px 1fr 30px; gap:20px; padding:30px 0; border-top:1px solid #bfcbd2; border-bottom:1px solid #bfcbd2; text-decoration:none; }.row-number { font-family:Georgia,serif; font-size:22px; color:#51616c; }.article-row .eyebrow { margin-bottom:10px; color:#123eaa; }.article-row h3 { font-family:Georgia,serif; font-size:29px; line-height:1.2; font-weight:normal; margin:0 0 10px; }.article-row p:last-child { color:#51616c; margin:0; line-height:1.5; }.row-arrow { font-size:28px; color:#123eaa; }.article-row:hover h3 { color:#123eaa; }
footer { display:grid; grid-template-columns:1fr 1.3fr auto; gap:32px; margin-top:85px; padding-top:28px; padding-bottom:40px; border-top:1px solid #bfcbd2; font-size:14px; line-height:1.6; }footer p { margin:0; color:#51616c; }.footer-name { font-family:Georgia,serif; font-weight:bold; font-size:22px; }footer a { align-self:start; }
.skip-link { position:absolute; left:20px; top:-100px; background:#fff; padding:15px; z-index:99; }.skip-link:focus { top:10px; }
.article { max-width:850px; padding-top:40px; }.back-link { display:inline-block; margin-bottom:38px; font-size:14px; color:#123eaa; }.article h1 { font-size:clamp(40px,5vw,62px); }.article .dek { max-width:none; font-size:21px; }.article-meta { display:flex; gap:18px; flex-wrap:wrap; font-size:14px; color:#51616c; padding-bottom:24px; border-bottom:1px solid #bfcbd2; margin-bottom:40px; }.prose { font-family:Georgia,serif; font-size:20px; line-height:1.8; }.prose p { margin:0 0 24px; }.prose h2 { font-size:32px; line-height:1.25; margin:48px 0 18px; font-weight:normal; letter-spacing:-.5px; }.prose h3 { font-size:24px; margin:34px 0 16px; }.prose a { color:#123eaa; text-underline-offset:3px; overflow-wrap:anywhere; }.prose ul,.prose ol { padding-left:26px; margin-bottom:24px; }.prose li { margin-bottom:10px; }.prose blockquote { margin:35px 0; border-left:4px solid #123eaa; padding:10px 0 10px 24px; color:#123eaa; }.prose blockquote p { margin:0; }.draft-label { color:#123eaa; font-weight:bold; }
@media(max-width:760px) { .masthead,main,footer { padding-left:24px; padding-right:24px; }.masthead { padding-top:24px; }.wordmark { font-size:29px; }nav { gap:16px; font-size:14px; }.issue-line { font-size:10px; letter-spacing:1px; }.feature { grid-template-columns:1fr; padding:38px 0; gap:30px; }h1 { letter-spacing:-1.5px; }.editorial-note { padding:26px; }.note-number { font-size:48px; margin-bottom:20px; }.note-title { font-size:30px; }.article-row { grid-template-columns:28px 1fr 20px; gap:12px; }.article-row h3 { font-size:25px; }footer { grid-template-columns:1fr; gap:14px; margin-top:55px; }.article { padding-top:20px; }.prose { font-size:19px; }.section-heading>span { font-size:10px; } }
@media(prefers-reduced-motion:no-preference) { a { transition:color .15s; } }
.feature-copy h1 { max-width:650px; }

*,*::before,*::after { box-sizing:border-box; }
body { color:#102d3b; background:#fff; }
.lead-byline { font-size:15px; margin:0 0 26px; color:#51616c; }
.feature-image { margin:0; align-self:stretch; }
.feature-image img { width:100%; height:100%; object-fit:cover; min-height:270px; }
.article-image { margin:0 0 36px; }
.article-image img { width:100%; height:auto; display:block; }
.article-image figcaption { margin-top:10px; font-size:14px; line-height:1.5; color:#51616c; }
.preview-banner { background:#123eaa; color:#fff; padding:14px 24px; font:16px Arial,sans-serif; text-align:center; }
.preview-banner a { margin-left:24px; }
.prose img { max-width:100%; height:auto; }

/* Give every published essay the same prominence in the journal. */
.journal-home { padding-bottom:48px; }
.journal-heading { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:16px; border-top:2px solid #102d3b; border-bottom:1px solid #bfcbd2; padding:20px 0; }
.journal-heading h1 { margin:0; font-size:2rem; line-height:1.2; letter-spacing:-.02em; }
.journal-heading>span { color:#51616c; font-size:.875rem; }
.journal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.journal-entry { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:32px 32px 36px 0; border-bottom:1px solid #bfcbd2; overflow-wrap:anywhere; }
.journal-entry:nth-child(even) { padding-right:0; padding-left:32px; border-left:1px solid #bfcbd2; }
.journal-entry:only-child { grid-column:1 / -1; max-width:46rem; padding-right:0; }
.journal-entry-image { display:block; width:100%; margin-bottom:24px; }
.journal-entry-image img { display:block; width:100%; height:auto; aspect-ratio:16 / 9; object-fit:cover; }
.journal-category { margin:0 0 16px; color:#123eaa; font-size:.875rem; font-weight:bold; }
.journal-entry h2 { margin:0 0 20px; font-family:Georgia,'Times New Roman',serif; font-size:clamp(2rem,3.3vw,2.5rem); line-height:1.12; letter-spacing:-.025em; text-wrap:balance; }
.journal-entry h2 a { text-decoration:none; }
.journal-entry h2 a:hover { color:#123eaa; }
.journal-byline { margin:0 0 8px; font-size:1rem; line-height:1.5; font-weight:bold; }
.journal-date { color:#51616c; font-size:.875rem; line-height:1.5; }
.journal-summary { margin:24px 0; color:#51616c; font-size:1.125rem; line-height:1.6; }
.journal-entry .read-link { margin-top:auto; min-height:44px; align-items:center; font-size:1rem; }
@media(max-width:760px) {
  .journal-home { padding-bottom:32px; }
  .journal-heading { padding:16px 0; }
  .journal-heading h1 { font-size:1.75rem; }
  .journal-grid { grid-template-columns:minmax(0,1fr); }
  .journal-entry,.journal-entry:nth-child(even) { padding:24px 0; border-left:0; }
  .journal-entry h2 { font-size:2rem; margin-bottom:16px; }
  .journal-category { margin-bottom:12px; }
  .journal-summary { margin:20px 0; font-size:1rem; }
}