/* The Weekly Letter: shared by the home feature, archive, and full essays. */
.articles-section{background:#f8f0e5;scroll-margin-top:86px;border-bottom:1px solid var(--line)}
.articles-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:40px}
.articles-intro h2{margin-bottom:0;font-size:clamp(2.6rem,4.6vw,4.1rem)}
.articles-intro>p{margin:0 0 5px;color:#46515d;max-width:410px}
.article-feature{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;border-top:3px double rgba(127,33,31,.3);border-bottom:3px double rgba(127,33,31,.3);padding:30px 0}
.article-feature-image{display:block;background:#eadbc3;border:1px solid rgba(127,33,31,.3);padding:7px}
.article-feature-image img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.article-feature h2,.article-feature h3{font-size:clamp(2.3rem,3.7vw,3.45rem);line-height:1.05;letter-spacing:-.025em;margin:10px 0 22px}
.article-feature h2 a,.article-feature h3 a,.archive-entry h3 a{text-decoration:none}
.article-feature h2 a:hover,.article-feature h3 a:hover,.archive-entry h3 a:hover{color:var(--red)}
.article-meta,.article-series,.article-byline{font-family:"Libre Franklin",sans-serif}
.article-meta{font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;color:#67574d;margin:0 0 24px;line-height:1.8}
.article-meta span,.article-byline span{margin:0 6px}
.article-series{font-size:.7rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--red);margin:0 0 10px}
.article-excerpt{color:#46515d;font-size:1rem;line-height:1.85}
.text-link{font-weight:700;color:var(--red-dark);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;display:inline-block;padding:8px 0;font-size:.9rem}
.text-link span{display:inline-block;margin-left:8px}
.text-link:hover{color:var(--red)}
.articles-archive-link{display:flex;align-items:center;gap:24px;margin-top:30px;flex-wrap:wrap}
.articles-archive-link>span{font-size:.8rem;color:#67574d}
.archive-heading{padding:68px 0 42px}
.archive-heading h1{color:var(--navy2);font-size:clamp(3.5rem,7vw,6rem);margin-bottom:22px}
.archive-heading>p:last-child{color:#46515d;max-width:650px;font-size:1.05rem}
.archive-list-section{padding:60px 0 80px}
.archive-list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding-bottom:18px}
.archive-list-heading h2{font-size:2.4rem;margin:0}
.archive-list-heading>span{font-size:.76rem;color:#67574d}
.archive-entry{display:grid;grid-template-columns:200px minmax(0,1fr);gap:44px;padding:34px 0;border-bottom:1px solid var(--line)}
.archive-entry-meta{padding-top:3px;font-size:.78rem;color:#67574d}
.archive-entry-meta p{margin:0 0 7px}
.archive-entry-meta span{font-size:.73rem}
.archive-entry h3{font-size:2.3rem;color:var(--navy2);margin:0 0 14px;line-height:1.12}
.archive-entry .article-excerpt{max-width:780px;margin-bottom:6px}
.article-reading{width:min(960px,calc(100% - 40px));margin:0 auto;padding:42px 0 80px}
.article-heading{max-width:800px;margin:0 auto 36px;text-align:center}
.article-back{display:table;margin:0 auto 42px;font-size:.8rem}
.article-heading .section-kicker:after{margin:12px auto 0}
.article-heading h1{font-size:clamp(2.7rem,5.5vw,4.7rem);line-height:1.04;color:var(--navy2);letter-spacing:-.025em;margin:0 0 24px}
.article-byline{font-size:.76rem;line-height:1.9;color:#67574d;margin:0}
.article-hero-image{margin:0 auto 48px;padding:7px;background:#eadbc3;border:1px solid rgba(127,33,31,.25);max-width:860px}
.article-hero-image img{width:100%;height:auto;max-height:510px;object-fit:contain}
.article-portrait{max-width:360px}
.article-body{max-width:720px;margin:auto;font-family:Georgia,"Times New Roman",serif;color:#332f2b;font-size:1.2rem;line-height:1.85;overflow-wrap:break-word}
.article-body p{margin:0 0 1.35em}
.article-body h2{font-size:2.55rem;line-height:1.15;margin:46px 0 22px;color:var(--red-dark)}
.article-body h3{font-size:1.9rem;line-height:1.25;margin:34px 0 16px;color:var(--navy2)}
.article-body blockquote{font-family:Georgia,"Times New Roman",serif;font-size:1.08rem;line-height:1.85;letter-spacing:0;background:#f0e2cc;border-left:3px solid var(--red);padding:22px 26px;margin:30px 0;color:#332f2b}
.article-body blockquote p:last-child{margin:0}
.article-end{max-width:720px;margin:44px auto 0;padding-top:20px;border-top:3px double rgba(127,33,31,.3)}
.article-subscribe{max-width:850px;margin:64px auto 0;text-align:center;padding:36px 28px;background:#efe1cf;border-top:3px double rgba(127,33,31,.35);border-bottom:3px double rgba(127,33,31,.35)}
.article-subscribe .section-kicker:after{margin:12px auto 0}
.article-subscribe h2{font-size:2.6rem;margin:0 0 16px}
.article-subscribe>p:not(.section-kicker){color:#46515d;max-width:490px;margin:0 auto 24px}
.skip-link{position:absolute;left:20px;top:-100px;z-index:100;background:var(--paper);padding:12px 18px;border:2px solid var(--red)}
.skip-link:focus{top:10px}
:focus-visible{outline:3px solid #a34a3f;outline-offset:4px}
@media(max-width:1100px){.site-nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.site-nav.open{display:flex}.nav-toggle{display:block}}
@media(max-width:780px){.articles-intro,.article-feature{grid-template-columns:1fr;gap:26px}.articles-intro>p{max-width:600px}.article-feature-image{max-width:640px}.article-feature-image img{aspect-ratio:3/2}.article-feature h2,.article-feature h3{max-width:580px}.archive-entry{grid-template-columns:150px minmax(0,1fr);gap:25px}}
@media(max-width:540px){.archive-heading{padding-top:44px}.archive-heading h1{font-size:3.6rem}.archive-entry{grid-template-columns:1fr;gap:15px;padding:28px 0}.archive-entry-meta{display:flex;gap:14px;align-items:baseline}.archive-entry-meta p{margin:0}.archive-list-heading{display:block}.archive-list-heading>span{display:block;margin-top:12px}.archive-entry h3{font-size:2rem}.article-reading{width:calc(100% - 32px);padding-top:24px}.article-heading h1{font-size:2.85rem}.article-back{margin-bottom:28px}.article-body{font-size:1.08rem;line-height:1.85}.article-body blockquote{padding:18px;font-size:1rem}.article-subscribe{padding:30px 20px}.article-subscribe h2{font-size:2.15rem}.article-meta{margin-bottom:16px}.article-byline{font-size:.7rem}.article-hero-image{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
