
/* A reading page within the existing Foresight visual system. */
.investor-letter-page{background:var(--surface,#fff)}
#investor-letter{width:min(100%,820px);margin:0 auto;padding:64px 32px 60px}
.letter-heading{padding-bottom:32px;border-bottom:1px solid var(--line,#d5e3ef);margin-bottom:38px}
.letter-heading .letter-kicker{font-size:11px;font-weight:650;letter-spacing:2px;color:var(--accent,#126dba);margin:0 0 18px}
.letter-heading h1{font-size:clamp(30px,4.4vw,44px);line-height:1.3;letter-spacing:-.7px;margin:0 0 14px;color:var(--ink,#142f48)}
.letter-heading .letter-subtitle{font-size:20px;line-height:1.6;color:var(--muted,#607080);margin:0 0 24px}
.letter-byline{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--muted,#607080)}
.letter-prose p,.letter-prose li{font-size:17px;line-height:1.95;color:var(--ink,#142f48);overflow-wrap:break-word}
.letter-prose p{margin:0 0 22px}
.letter-prose .letter-salutation{margin-bottom:28px}
.letter-prose section{margin:44px 0 0}
.letter-prose h2{font-size:22px;line-height:1.6;font-weight:700;letter-spacing:0;margin:0 0 22px;color:var(--ink,#142f48);scroll-margin-top:28px}
.letter-prose ul{padding-left:1.35em;margin:0 0 24px}
.letter-prose li{padding-left:6px;margin:0 0 12px}
.letter-closing{margin-top:36px}
.letter-principle{border-left:3px solid var(--accent,#126dba);padding:4px 0 4px 22px;margin-block:28px!important}
.letter-signature{display:grid;gap:8px;margin-top:36px;font-size:15px;color:var(--ink,#142f48)}
.letter-signature strong{font-size:22px;font-weight:650;letter-spacing:.3px}
.letter-signature time{font-size:13px;color:var(--muted,#607080)}
.letter-afterword{border-top:1px solid var(--line,#d5e3ef);margin-top:44px;padding-top:24px;display:flex;gap:24px;flex-wrap:wrap;font-size:14px}
.letter-afterword a{color:var(--content-link,#08766e);text-underline-offset:5px}
@media(max-width:600px){
 #investor-letter{padding:36px 22px 42px}
 .letter-heading{margin-bottom:28px;padding-bottom:26px}
 .letter-heading .letter-subtitle{font-size:18px}
 .letter-prose p,.letter-prose li{font-size:16px;line-height:1.95}
 .letter-prose h2{font-size:20px}
 .letter-prose section{margin-top:34px}
 .letter-principle{padding-left:16px}
}
@media print{
 .investor-letter-page>header,.investor-letter-page>.site-nav,.investor-letter-page>footer,.letter-afterword{display:none}
 #investor-letter{max-width:100%;padding:0}
 .letter-prose h2{break-after:avoid}
 .letter-signature{break-inside:avoid}
}

html[data-theme=dark] .investor-letter-page{--muted:#aaa9a4}
html[data-theme=dark] #investor-letter article{background:transparent}
html[data-theme=dark] #investor-letter .letter-prose :is(p,li){color:var(--ink)}
html[data-theme=dark] .investor-letter-page .brand-latin{filter:brightness(0) invert(.9)}
