/*
Theme Name: Kamil Larsson — Collected Writing
Description: A connected body of essays, notes and six literary parts.
Version: 2.9.2
Author: Kamil Larsson
Text Domain: dailyli
*/
/* Approved September 2026 design. Scoped to the shared chrome and homepage. */
body.kl-redesign #kl-reading-page {--kl-paper:#f3efe6;--kl-ink:#122c22;--kl-muted:#5e685a;--kl-rule:#122c2226;--kl-accent:#122c22;--kl-accent-dark:#0b2018;--kl-surface:#d6cdb4;background:var(--kl-paper);color:var(--kl-ink)}
.kl-redesign #kl-reading-page {padding-top:104px}
.kl-redesign #kl-reading-page .kl-header {position:fixed;top:0;left:0;right:0;width:100%;padding:24px 48px 0;background:transparent;border:0;box-shadow:none;pointer-events:none;transition:padding .35s ease;z-index:50}
.kl-redesign.admin-bar #kl-reading-page .kl-header {top:32px}
.kl-redesign #kl-reading-page .kl-header .kl-masthead {display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1184px;height:auto;min-height:68px;margin:0 auto;padding:10px 0;gap:24px;background:#f3efe6f5;backdrop-filter:blur(12px);border:0;box-shadow:none;pointer-events:auto;transition:max-width .35s ease,padding .35s ease}
.kl-redesign #kl-reading-page .kl-header.is-scrolled {padding:0}
.kl-redesign #kl-reading-page .kl-header.is-scrolled .kl-masthead {max-width:100%;padding:10px max(48px,calc((100% - 1184px)/2));border-bottom:1px solid #122c221c;box-shadow:none}
.kl-redesign #kl-reading-page .kl-header .kl-wordmark {min-height:44px;flex-shrink:0;align-items:flex-start;justify-content:center}
.kl-redesign #kl-reading-page .kl-header .kl-wordmark-text {font:600 26px/1.1 var(--kl-display);letter-spacing:-.025em}
.kl-redesign #kl-reading-page .kl-header .kl-wordmark-caption {display:none}
.kl-redesign #kl-reading-page .kl-desktop-nav {gap:clamp(20px,2.4vw,36px);margin:0 auto;justify-content:center}
.kl-redesign #kl-reading-page .kl-desktop-nav a,.kl-redesign #kl-reading-page .kl-header-subscribe,.kl-redesign #kl-reading-page .kl-language-dropdown summary {font:600 11px/1.5 var(--kl-sans);letter-spacing:.12em;text-transform:uppercase;color:#122c22;min-height:44px;display:flex;align-items:center;text-decoration:none}
.kl-redesign #kl-reading-page .kl-actions {gap:24px;flex-shrink:0}
.kl-redesign #kl-reading-page .kl-language-dropdown {position:relative;margin:0;padding:0;border:0;background:none}
.kl-redesign #kl-reading-page .kl-language-dropdown summary {cursor:pointer;gap:7px;list-style:none;min-width:44px;justify-content:center}
.kl-redesign #kl-reading-page .kl-language-dropdown summary::-webkit-details-marker {display:none}
.kl-redesign #kl-reading-page .kl-language-dropdown summary svg {transition:transform .2s}
.kl-redesign #kl-reading-page .kl-language-dropdown[open] summary svg {transform:rotate(180deg)}
.kl-redesign #kl-reading-page .kl-language-dropdown .kl-languages {position:absolute;right:0;top:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;width:172px;padding:8px;background:#f3efe6;border:1px solid #122c2226;box-shadow:0 8px 24px #122c2218;z-index:60}
.kl-redesign #kl-reading-page .kl-language-dropdown:not([open]) .kl-languages {display:none}
.kl-redesign #kl-reading-page .kl-language-dropdown .kl-languages a {justify-content:flex-start;min-height:44px;padding:10px 12px;font-size:12px;letter-spacing:0;color:#122c22;border-radius:0}
.kl-redesign #kl-reading-page .kl-language-dropdown .kl-language-short {display:none}
.kl-redesign #kl-reading-page .kl-language-dropdown .kl-language-full {display:inline}
.kl-redesign #kl-reading-page .kl-language-dropdown .kl-languages a:hover,.kl-redesign #kl-reading-page .kl-language-dropdown .kl-languages a[aria-current] {background:#122c2209}
.kl-redesign #kl-reading-page .kl-language-dropdown .kl-languages a::after {display:none}
.kl-redesign #kl-reading-page :is(.kl-header,.kl-footer,.kl-new-home) :focus-visible {outline:2px solid currentColor;outline-offset:5px}
.kl-redesign #kl-reading-page .kl-progress {top:68px}
.kl-redesign.admin-bar #kl-reading-page .kl-progress {top:100px}
.kl-redesign #kl-reading-page #contents,.kl-redesign #kl-reading-page #letters {scroll-margin-top:110px}
/* Home cover and editorial sections. */
.kl-redesign #kl-reading-page .kl-new-home {width:100%;max-width:none;margin:0;padding:48px 0 0}
.kl-redesign #kl-reading-page .kl-new-home > :is(.kl-cover,.kl-opening,.kl-recent) {width:calc(100% - 96px);max-width:1184px;margin-left:auto;margin-right:auto}
.kl-redesign #kl-reading-page .kl-new-home .kl-cover {display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center;padding:0 0 64px;border:0;min-height:0}
.kl-redesign #kl-reading-page .kl-cover-copy {min-width:0}
.kl-redesign #kl-reading-page .kl-new-home .kl-cover-copy > .kl-label {display:none}
.kl-redesign #kl-reading-page .kl-new-home .kl-cover h1 {font:500 clamp(64px,6.5vw,96px)/.96 var(--kl-display);letter-spacing:-.035em;margin:0 0 32px;max-width:100%;text-wrap:initial}
.kl-redesign #kl-reading-page .kl-new-home .kl-cover h1 em {font-weight:400;display:block;max-width:5.6em;color:inherit}
.kl-redesign #kl-reading-page .kl-new-home .kl-cover-bottom {display:block;max-width:100%}
.kl-redesign #kl-reading-page .kl-new-home .kl-cover-bottom > p {font:400 16px/1.75 var(--kl-sans);max-width:440px;margin:0 0 32px;color:#122c22}
.kl-redesign #kl-reading-page .kl-new-home .kl-cover-links {display:flex;flex-wrap:wrap;gap:16px;margin:0}
.kl-redesign #kl-reading-page .kl-new-home .kl-cover-links .kl-primary {display:inline-flex;justify-content:center;min-height:48px;padding:12px 24px;gap:12px;font:600 11px/1.5 var(--kl-sans);letter-spacing:.12em;text-transform:uppercase;background:#122c22;color:#f3efe6;border:0;border-radius:0;white-space:normal}
.kl-redesign #kl-reading-page .kl-new-home .kl-cover-links .kl-primary-gold {background:#d6cdb4;color:#122c22}
.kl-redesign #kl-reading-page .kl-new-home #contents {min-width:0}
.kl-redesign #kl-reading-page .kl-new-home .kl-collection {width:100%;margin:0;padding:40px;background:#122c22;color:#f3efe6;border:0;border-radius:0;box-shadow:0 14px 32px #122c2214}
.kl-redesign #kl-reading-page .kl-new-home .kl-collection > .kl-label {font:600 11px/1.7 var(--kl-sans);letter-spacing:.16em;color:#c9cfc7;border-bottom:1px solid #f3efe626;padding:0 0 16px;margin:0 0 24px}
.kl-redesign #kl-reading-page .kl-new-home .kl-collection h2 {font:500 40px/1.05 var(--kl-display);letter-spacing:-.02em;margin:0 0 24px;color:#f3efe6}
.kl-redesign #kl-reading-page .kl-new-home .kl-collection h2 em {font-weight:400;color:#e3e3d9}
.kl-redesign #kl-reading-page .kl-new-home .kl-collection-links {margin:0;padding:0;list-style:none}
.kl-redesign #kl-reading-page .kl-new-home .kl-collection-links a {display:grid;grid-template-columns:20px minmax(0,1fr) 20px;align-items:baseline;gap:16px;min-height:54px;padding:14px 0;border-bottom:1px solid #f3efe624;color:#f3efe6;font:400 23px/1.2 var(--kl-display);letter-spacing:0}
.kl-redesign #kl-reading-page .kl-new-home .kl-collection-links li:last-child a {border-bottom:0;padding-bottom:0}
.kl-redesign #kl-reading-page .kl-new-home .kl-collection-number {font:400 16px/1 var(--kl-display);color:#b2bdb3}
.kl-redesign #kl-reading-page .kl-new-home .kl-collection-links .kl-arrow {align-self:center;opacity:.6}
.kl-redesign #kl-reading-page .kl-new-home .kl-collection-links a:hover {color:#d6cdb4}
.kl-redesign #kl-reading-page .kl-new-home .kl-opening {display:grid;grid-template-columns:1fr 3fr;gap:32px;padding:64px 0;border-top:1px solid #122c2226;border-bottom:0}
.kl-redesign #kl-reading-page .kl-new-home .kl-opening > .kl-label {font:600 11px/1.7 var(--kl-sans);letter-spacing:.15em;color:#5e685a;margin:4px 0 0}
.kl-redesign #kl-reading-page .kl-new-home .kl-opening blockquote {font:500 40px/1.15 var(--kl-display);letter-spacing:-.015em;max-width:780px;padding:0;margin:0 0 24px;border:0;color:#122c22}
.kl-redesign #kl-reading-page .kl-new-home .kl-opening-last {font:400 14px/1.7 var(--kl-sans);margin:0;color:#5e685a}
.kl-redesign #kl-reading-page .kl-new-home .kl-recent {padding:48px 0 56px;border:0}
.kl-redesign #kl-reading-page .kl-new-home .kl-section-heading {display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin:0 0 16px;padding:0 0 20px;border-bottom:1px solid #122c2226}
.kl-redesign #kl-reading-page .kl-new-home .kl-section-heading h2 {font:500 40px/1.1 var(--kl-display);letter-spacing:-.02em;margin:0}
.kl-redesign #kl-reading-page .kl-new-home .kl-text-link {font:600 11px/1.7 var(--kl-sans);letter-spacing:.12em;text-transform:uppercase;gap:10px;min-height:44px}
.kl-redesign #kl-reading-page .kl-new-home .kl-recent > p {font:500 12px/1.8 var(--kl-sans);letter-spacing:.05em;color:#5e685a;margin:0 0 24px;max-width:850px}
.kl-redesign #kl-reading-page .kl-new-home .kl-recent-grid {display:block}
.kl-redesign #kl-reading-page .kl-new-home .kl-essay-row {margin:0;padding:0;background:transparent;border:0;border-bottom:1px solid #122c2226;box-shadow:none;border-radius:0}
.kl-redesign #kl-reading-page .kl-new-home .kl-essay-row > .kl-essay-row-link {display:grid;grid-template-columns:145px minmax(0,1fr) 144px 24px;grid-template-areas:'date copy thumbnail arrow';gap:32px;align-items:center;margin:0;padding:32px 0;min-height:0;border:0;background:none}
.kl-redesign #kl-reading-page .kl-new-home .kl-essay-row-link:hover {background:#122c2205}
.kl-redesign #kl-reading-page .kl-new-home .kl-row-date {grid-area:date;align-self:start;display:block;color:#5e685a;font:600 11px/1.8 var(--kl-sans);letter-spacing:.08em;text-transform:uppercase;white-space:normal;padding-top:4px}
.kl-redesign #kl-reading-page .kl-new-home .kl-row-copy {grid-area:copy;min-width:0}
.kl-redesign #kl-reading-page .kl-new-home .kl-row-copy .kl-label {font:600 10px/1.7 var(--kl-sans);letter-spacing:.12em;color:#5e685a;margin:0 0 8px}
.kl-redesign #kl-reading-page .kl-new-home .kl-row-copy h2 {font:500 29px/1.15 var(--kl-display);letter-spacing:-.015em;margin:0 0 12px;color:#122c22}
.kl-redesign #kl-reading-page .kl-new-home .kl-row-copy p:not(.kl-label) {font:400 14px/1.75 var(--kl-sans);color:#5e685a;max-width:650px;margin:0}
.kl-redesign #kl-reading-page .kl-new-home .kl-row-thumbnail {grid-area:thumbnail;display:block;width:144px;height:90px;max-width:100%;margin:0;align-self:center;border:1px solid #122c221a;border-radius:0;overflow:hidden;background:#d6cdb4}
.kl-redesign #kl-reading-page .kl-new-home .kl-row-thumbnail img {display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
.kl-redesign #kl-reading-page .kl-new-home .kl-row-arrow {grid-area:arrow;display:block;position:static;width:24px;opacity:.7}
/* Full-width author strip, using the original portrait. */
.kl-redesign #kl-reading-page .kl-new-home .kl-writer-band {width:100%;max-width:none;margin:24px 0 0;padding:64px 24px;background:#122c22;color:#f3efe6;border:0}
.kl-redesign #kl-reading-page .kl-new-home .kl-author-introduction {display:grid;grid-template-columns:minmax(0,1fr) 256px;gap:80px;align-items:center;width:100%;max-width:976px;padding:0;margin:auto;border:0;background:none}
.kl-redesign #kl-reading-page .kl-new-home .kl-writer-copy {max-width:560px}
.kl-redesign #kl-reading-page .kl-new-home .kl-writer-copy .kl-label {font:600 11px/1.7 var(--kl-sans);letter-spacing:.16em;color:#c9cfc7;margin:0 0 12px}
.kl-redesign #kl-reading-page .kl-new-home .kl-writer-copy h2 {font:500 40px/1.1 var(--kl-display);margin:0 0 16px;color:#f3efe6}
.kl-redesign #kl-reading-page .kl-new-home .kl-writer-copy > p:not(.kl-label) {font:400 14px/1.8 var(--kl-sans);color:#dedfd4;margin:0 0 16px}
.kl-redesign #kl-reading-page .kl-new-home .kl-writer-copy a {color:#f3efe6}
.kl-redesign #kl-reading-page .kl-new-home .kl-writer-portrait {display:block;width:256px;height:180px;aspect-ratio:auto;border:1px solid #f3efe626;border-radius:0;overflow:hidden;background:#d6cdb4}
.kl-redesign #kl-reading-page .kl-new-home .kl-writer-portrait img {width:100%;height:100%;object-fit:cover;object-position:50% 28%;border-radius:0;filter:grayscale(1)}
/* Existing newsletter fields, consent and submission remain native. */
.kl-redesign #kl-reading-page .kl-new-home #letters {width:100%;margin:0;padding:80px 24px;background:#f3efe6}
.kl-redesign #kl-reading-page .kl-letters {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 48px;width:100%;max-width:976px;padding:48px;margin:0 auto;background:#d6cdb4;color:#122c22;border:1px solid #122c221a;border-radius:0;box-shadow:none}
.kl-redesign #kl-reading-page .kl-letters .kl-letter-heading {grid-column:1;grid-row:1 / 3;align-self:center;max-width:none;margin:0}
.kl-redesign #kl-reading-page .kl-letters .kl-letter-heading .kl-label {font:600 11px/1.7 var(--kl-sans);letter-spacing:.14em;color:#495442;margin:0 0 12px}
.kl-redesign #kl-reading-page .kl-letters .kl-letter-heading h2 {font:500 40px/1.1 var(--kl-display);margin:0 0 16px;color:#122c22}
.kl-redesign #kl-reading-page .kl-letters .kl-letter-intro {font:400 14px/1.8 var(--kl-sans);color:#344637;margin:0;max-width:350px}
.kl-redesign #kl-reading-page .kl-letters .kl-letter-form {grid-column:2;width:100%;margin:0;min-width:0;align-self:center}
.kl-redesign #kl-reading-page .kl-letters .kl-letter-entry {display:flex;align-items:flex-end;gap:0;width:100%}
.kl-redesign #kl-reading-page .kl-letters .kl-letter-fields {flex:1;min-width:0}
.kl-redesign #kl-reading-page .kl-letters .kl-letter-email label {display:block;font:500 12px/1.5 var(--kl-sans);margin:0 0 8px;color:#122c22}
.kl-redesign #kl-reading-page .kl-letters .kl-letter-email input {min-width:0;width:100%;height:48px;padding:12px;background:#f3efe6;color:#122c22;border:1px solid #122c2240;border-radius:0;font-size:16px}
.kl-redesign #kl-reading-page .kl-letters .kl-letter-button {min-height:48px;max-width:52%;height:auto;margin:0;padding:12px 16px;background:#122c22;color:#f3efe6;border:0;border-radius:0;white-space:normal;font:600 10px/1.4 var(--kl-sans);letter-spacing:.08em;text-transform:uppercase;gap:8px}
.kl-redesign #kl-reading-page .kl-letters .kl-letter-consent {font:400 11px/1.7 var(--kl-sans);color:#344637;margin:12px 0 0}
.kl-redesign #kl-reading-page .kl-letters .kl-letter-consent a {color:inherit;text-decoration:underline}
.kl-redesign #kl-reading-page .kl-letters .kl-letter-respect {grid-column:2;margin:0;font:400 11px/1.7 var(--kl-sans);color:#344637}
/* Shared footer. */
.kl-redesign #kl-reading-page .kl-footer {width:100%;max-width:none;background:#122c22;color:#f3efe6;margin:0;padding:64px 48px 40px;border:0}
.kl-redesign #kl-reading-page .kl-footer-inner {width:100%;max-width:1184px;margin:0 auto;padding:0;display:grid;grid-template-columns:2fr 1fr 1fr;gap:56px 48px}
.kl-redesign #kl-reading-page .kl-footer .kl-wordmark {color:#f3efe6;min-height:44px;justify-content:flex-start}
.kl-redesign #kl-reading-page .kl-footer .kl-wordmark-text {font:600 28px/1.2 var(--kl-display);letter-spacing:-.02em}
.kl-redesign #kl-reading-page .kl-footer-identity .kl-serif {font:400 14px/1.8 var(--kl-sans);color:#c9cfc7;max-width:220px;margin:8px 0 0}
.kl-redesign #kl-reading-page .kl-footer nav {display:flex;flex-direction:column;gap:0;align-items:flex-start}
.kl-redesign #kl-reading-page .kl-footer .kl-label {font:600 11px/1.7 var(--kl-sans);letter-spacing:.16em;color:#b4beb3;margin:0 0 16px}
.kl-redesign #kl-reading-page .kl-footer nav a {display:flex;align-items:center;min-height:40px;font:400 13px/1.6 var(--kl-sans);letter-spacing:.02em;color:#f3efe6;text-decoration:none}
.kl-redesign #kl-reading-page .kl-footer a:hover {color:#d6cdb4}
.kl-redesign #kl-reading-page .kl-colophon {grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #f3efe626;padding:24px 0 0;margin:0;font:500 11px/1.7 var(--kl-sans);letter-spacing:.08em;text-transform:uppercase;color:#b4beb3}
.kl-redesign #kl-reading-page .kl-footer-utilities,.kl-redesign #kl-reading-page .kl-footer-legal {display:flex;align-items:center;gap:32px}
.kl-redesign #kl-reading-page .kl-footer-legal a,.kl-redesign #kl-reading-page .kl-footer-legal button {display:flex;align-items:center;min-height:44px;color:#c9cfc7;font:inherit;letter-spacing:inherit;text-transform:uppercase;background:none;border:0;padding:0}
@media(max-width:1099px){
 .kl-redesign #kl-reading-page .kl-header .kl-masthead{padding:8px 0;gap:16px}
 .kl-redesign #kl-reading-page .kl-desktop-nav,.kl-redesign #kl-reading-page .kl-header-subscribe{display:none}
 .kl-redesign #kl-reading-page .kl-actions{gap:12px}
 .kl-redesign #kl-reading-page .kl-new-home .kl-cover{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
 .kl-redesign #kl-reading-page .kl-new-home .kl-cover h1{font-size:clamp(52px,7.3vw,78px)}
 .kl-redesign #kl-reading-page .kl-new-home .kl-collection{padding:28px}
 .kl-redesign #kl-reading-page .kl-new-home .kl-collection h2{font-size:34px}
 .kl-redesign #kl-reading-page .kl-new-home .kl-collection-links a{font-size:21px;gap:12px}
 .kl-redesign #kl-reading-page .kl-new-home .kl-essay-row > .kl-essay-row-link{grid-template-columns:108px minmax(0,1fr) 120px 20px;gap:24px}
 .kl-redesign #kl-reading-page .kl-new-home .kl-row-thumbnail{width:120px;height:76px}
 .kl-redesign #kl-reading-page .kl-new-home .kl-author-introduction{gap:40px}
 .kl-redesign #kl-reading-page .kl-letters{padding:36px;gap:20px 32px}
}
@media(max-width:782px){.kl-redesign.admin-bar #kl-reading-page .kl-header{top:46px}.kl-redesign.admin-bar #kl-reading-page .kl-progress{top:114px}}
@media(max-width:767px){
 .kl-redesign #kl-reading-page{padding-top:96px}
 .kl-redesign #kl-reading-page .kl-header{padding:16px 24px 0}
 .kl-redesign #kl-reading-page .kl-header .kl-masthead{min-height:64px;padding:8px 0;gap:8px}
 .kl-redesign #kl-reading-page .kl-header.is-scrolled .kl-masthead{padding:8px 24px}
 .kl-redesign #kl-reading-page .kl-header .kl-wordmark-text{font-size:24px}
 .kl-redesign #kl-reading-page .kl-new-home{padding-top:32px}
 .kl-redesign #kl-reading-page .kl-new-home > :is(.kl-cover,.kl-opening,.kl-recent){width:calc(100% - 48px)}
 .kl-redesign #kl-reading-page .kl-new-home .kl-cover{grid-template-columns:1fr;gap:40px;padding-bottom:48px}
 .kl-redesign #kl-reading-page .kl-new-home .kl-cover h1{font-size:clamp(52px,10.5vw,76px);max-width:600px}
 .kl-redesign #kl-reading-page .kl-new-home .kl-cover h1 em{max-width:8em}
 .kl-redesign #kl-reading-page .kl-new-home .kl-cover-bottom > p{font-size:15px;max-width:500px}
 .kl-redesign #kl-reading-page .kl-new-home .kl-collection{padding:32px}
 .kl-redesign #kl-reading-page .kl-new-home .kl-collection h2{font-size:36px}
 .kl-redesign #kl-reading-page .kl-new-home .kl-collection-links a{font-size:24px}
 .kl-redesign #kl-reading-page .kl-new-home .kl-opening{grid-template-columns:1fr;gap:24px;padding:48px 0}
 .kl-redesign #kl-reading-page .kl-new-home .kl-opening blockquote{font-size:34px}
 .kl-redesign #kl-reading-page .kl-new-home .kl-recent{padding:32px 0 40px}
 .kl-redesign #kl-reading-page .kl-new-home .kl-section-heading h2{font-size:36px}
 .kl-redesign #kl-reading-page .kl-new-home .kl-section-heading{align-items:flex-start;gap:16px}
 .kl-redesign #kl-reading-page .kl-new-home .kl-section-heading .kl-text-link{max-width:120px;text-align:right;justify-content:flex-end;font-size:10px}
 .kl-redesign #kl-reading-page .kl-new-home .kl-essay-row > .kl-essay-row-link{grid-template-columns:minmax(0,1fr) 96px 20px;grid-template-areas:'date thumbnail thumbnail' 'copy copy arrow';gap:20px 12px;padding:28px 0}
 .kl-redesign #kl-reading-page .kl-new-home .kl-row-thumbnail{width:112px;height:70px;justify-self:end}
 .kl-redesign #kl-reading-page .kl-new-home .kl-row-copy h2{font-size:28px}
 .kl-redesign #kl-reading-page .kl-new-home .kl-row-arrow{align-self:center}
 .kl-redesign #kl-reading-page .kl-new-home .kl-author-introduction{grid-template-columns:1fr;gap:32px}
 .kl-redesign #kl-reading-page .kl-new-home .kl-writer-band{padding:48px 24px}
 .kl-redesign #kl-reading-page .kl-new-home .kl-writer-portrait{width:min(100%,320px);height:200px}
 .kl-redesign #kl-reading-page .kl-new-home #letters{padding:48px 24px}
 .kl-redesign #kl-reading-page .kl-letters{grid-template-columns:1fr;padding:32px 24px;gap:24px}
 .kl-redesign #kl-reading-page .kl-letters .kl-letter-heading,.kl-redesign #kl-reading-page .kl-letters .kl-letter-form,.kl-redesign #kl-reading-page .kl-letters .kl-letter-respect{grid-column:1;grid-row:auto}
 .kl-redesign #kl-reading-page .kl-letters .kl-letter-heading h2{font-size:36px}
 .kl-redesign #kl-reading-page .kl-footer{padding:48px 24px 28px}
 .kl-redesign #kl-reading-page .kl-footer-inner{grid-template-columns:1fr 1fr;gap:40px 24px}
 .kl-redesign #kl-reading-page .kl-footer-identity{grid-column:1/-1}
 .kl-redesign #kl-reading-page .kl-colophon{flex-direction:column;align-items:flex-start;gap:12px}
 .kl-redesign #kl-reading-page .kl-footer-legal{gap:24px;flex-wrap:wrap}
}
@media(max-width:380px){
 .kl-redesign #kl-reading-page .kl-header .kl-masthead{padding:8px 0}
 .kl-redesign #kl-reading-page .kl-header .kl-wordmark-text{font-size:22px}
 .kl-redesign #kl-reading-page .kl-actions{gap:0}
 .kl-redesign #kl-reading-page .kl-new-home .kl-cover-links{flex-direction:column;align-items:stretch}
 .kl-redesign #kl-reading-page .kl-new-home .kl-collection{padding:24px}
 .kl-redesign #kl-reading-page .kl-letters .kl-letter-entry{flex-direction:column;align-items:stretch;gap:12px}
 .kl-redesign #kl-reading-page .kl-letters .kl-letter-button{max-width:100%;width:100%}
 .kl-redesign #kl-reading-page .kl-letters{padding:28px 20px}
}
@media(prefers-reduced-motion:reduce){.kl-redesign #kl-reading-page .kl-header,.kl-redesign #kl-reading-page .kl-masthead,.kl-redesign #kl-reading-page .kl-language-dropdown summary svg{transition:none}}

/* Explicit resets prevent older card layouts from leaking into the new rows. */
.kl-redesign #kl-reading-page .kl-new-home #letters {max-width:none}
.kl-redesign #kl-reading-page .kl-new-home .kl-row-copy {display:block;min-width:0}
.kl-redesign #kl-reading-page .kl-new-home .kl-row-copy > * {grid-area:auto;max-width:100%}
.kl-redesign #kl-reading-page .kl-new-home .kl-row-date {min-width:0;overflow-wrap:normal}
@media(max-width:380px){.kl-redesign #kl-reading-page .kl-new-home .kl-cover h1{font-size:46px;letter-spacing:-.045em}}

/* One newsletter component in every context, including narrow essay columns. */
.kl-redesign #kl-reading-page .kl-letters {
 width:min(976px,calc(100vw - 48px));max-width:none;
 margin:64px calc((100% - min(976px,calc(100vw - 48px)))/2);
 text-align:left;box-sizing:border-box;
}
.kl-redesign #kl-reading-page .kl-new-home .kl-letters {margin-top:0;margin-bottom:0}
.kl-redesign #kl-reading-page .kl-letters .kl-letter-heading h2 {text-transform:none;letter-spacing:-.02em;padding:0;border:0}
.kl-redesign #kl-reading-page .kl-letters .kl-letter-preview {grid-column:2;margin:0;font:400 11px/1.7 var(--kl-sans);color:#344637}
.kl-redesign #kl-reading-page .kl-letters .kl-letter-preview a {color:inherit;text-decoration:underline}
.kl-redesign #kl-reading-page .kl-letters .kl-letter-heading {grid-row:1 / 4}
.kl-redesign #kl-reading-page .kl-letters .kl-letter-status {font:400 13px/1.7 var(--kl-sans);margin:8px 0 0}
.kl-redesign #kl-reading-page .kl-letters .kl-letter-status:empty {display:none}
@media(max-width:767px){
 .kl-redesign #kl-reading-page .kl-letters {margin-top:48px;margin-bottom:48px}
 .kl-redesign #kl-reading-page .kl-letters .kl-letter-heading {grid-row:auto}
 .kl-redesign #kl-reading-page .kl-letters .kl-letter-preview {grid-column:1}
}

/* Compact green Subscribe button in the shared header. */
.kl-redesign #kl-reading-page .kl-header-subscribe {font-size:10px;font-weight:700;letter-spacing:.15em;color:#f3efe6;background:#122c22;padding:0 18px;min-height:40px;justify-content:center;border:1px solid #122c22;border-radius:0;white-space:nowrap;transition:background-color .2s ease,border-color .2s ease}
.kl-redesign #kl-reading-page .kl-header-subscribe:hover {color:#f3efe6;background:#244536;border-color:#244536}
@media(prefers-reduced-motion:reduce){.kl-redesign #kl-reading-page .kl-header-subscribe{transition:none}}

/* Independent desktop centring and an animated header disclosure on compact screens. */
@media(min-width:1100px){
 .kl-redesign #kl-reading-page .kl-header .kl-masthead{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
 .kl-redesign #kl-reading-page .kl-desktop-nav{margin:0;justify-self:center}
 .kl-redesign #kl-reading-page .kl-actions{justify-self:end}
 .kl-redesign #kl-reading-page .kl-header .kl-wordmark{justify-self:start}
}
.kl-redesign #kl-reading-page .kl-header-subscribe:focus-visible{outline-color:#122c22}
.kl-redesign #kl-reading-page .kl-navigation-drawer[hidden]{display:none}
.kl-redesign #kl-reading-page .kl-navigation-drawer{position:absolute;top:100%;left:48px;right:48px;max-width:1184px;margin:0 auto;background:#f3efe6;color:#122c22;border-top:1px solid #122c2226;border-bottom:1px solid #122c2226;box-shadow:0 18px 28px #122c2212;pointer-events:auto;opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(-8px);transition:clip-path .28s ease,opacity .22s ease,transform .28s ease;max-height:calc(100dvh - 150px);overflow:auto;overscroll-behavior:contain}
.kl-redesign #kl-reading-page .kl-navigation-drawer.is-open{opacity:1;clip-path:inset(0);transform:translateY(0)}
.kl-redesign #kl-reading-page .kl-navigation-inner{padding:24px 28px 28px}
.kl-redesign #kl-reading-page .kl-drawer-links{display:flex;flex-direction:column;gap:0}
.kl-redesign #kl-reading-page .kl-drawer-links a{display:flex;align-items:center;min-height:56px;padding:10px 0;border-bottom:1px solid #122c221a;color:#122c22;text-decoration:none;font:400 30px/1.2 var(--kl-display)}
.kl-redesign #kl-reading-page .kl-drawer-links a:hover{color:#5e685a}
.kl-redesign #kl-reading-page .kl-drawer-links .kl-drawer-subscribe{align-self:flex-start;margin-top:20px;padding:0 20px;min-height:44px;border:0;background:#122c22;color:#f3efe6;font:700 11px/1.5 var(--kl-sans);letter-spacing:.12em;text-transform:uppercase}
.kl-redesign #kl-reading-page .kl-drawer-caption{margin:28px 0 12px;font:600 10px/1.5 var(--kl-sans);text-transform:uppercase;letter-spacing:.12em;color:#5e685a}
.kl-redesign #kl-reading-page .kl-drawer-languages{display:flex;flex-wrap:wrap;gap:8px 20px}
.kl-redesign #kl-reading-page .kl-drawer-languages a{display:flex;align-items:center;min-height:36px;color:#122c22;font:500 13px/1.5 var(--kl-sans);text-decoration:none}
.kl-redesign #kl-reading-page .kl-drawer-languages a[aria-current]{text-decoration:underline;text-underline-offset:5px}
.kl-redesign #kl-reading-page .kl-drawer-languages .kl-language-short{display:none}
.kl-redesign #kl-reading-page .kl-drawer-languages .kl-language-full{display:inline}
@media(max-width:1099px){
 .kl-redesign #kl-reading-page .kl-menu-button{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:10px;min-width:98px;min-height:44px;padding:0 4px;border:0;background:transparent;color:#122c22}
 .kl-redesign #kl-reading-page .kl-menu-label{position:static;inset:auto;width:auto;margin:0;transform:none;font:600 10px/1.5 var(--kl-sans);letter-spacing:.1em;text-transform:uppercase}
 .kl-redesign #kl-reading-page .kl-menu-mark{position:relative;display:block;width:22px;height:22px}
 .kl-redesign #kl-reading-page .kl-menu-mark i{position:absolute;left:0;top:50%;display:block;width:22px;height:1.5px;margin:0;background:currentColor;transform-origin:center;transition:transform .25s ease}
 .kl-redesign #kl-reading-page .kl-menu-mark i:first-child{transform:translateY(-4px)}
 .kl-redesign #kl-reading-page .kl-menu-mark i:last-child{transform:translateY(3px)}
 .kl-redesign #kl-reading-page .kl-menu-button[aria-expanded=true] .kl-menu-mark i:first-child{transform:rotate(45deg)}
 .kl-redesign #kl-reading-page .kl-menu-button[aria-expanded=true] .kl-menu-mark i:last-child{transform:rotate(-45deg)}
 .kl-redesign #kl-reading-page .is-menu-open .kl-masthead{background:#f3efe6}
}
@media(max-width:767px){.kl-redesign #kl-reading-page .kl-navigation-drawer{left:24px;right:24px}.kl-redesign #kl-reading-page .kl-navigation-inner{padding:16px 20px 24px}}
@media(max-width:380px){.kl-redesign #kl-reading-page .kl-menu-button{min-width:82px;gap:7px}.kl-redesign #kl-reading-page .kl-menu-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.kl-redesign #kl-reading-page .kl-navigation-drawer,.kl-redesign #kl-reading-page .kl-menu-mark i{transition:none}}