/* Editorial letter. Keep these styles separate from the shared site chrome. */
.mode-switch{position:static;width:max-content;margin:0 auto 24px;box-shadow:none}
body:has(>.mode-switch){padding-bottom:0}
@media print{.mode-switch{display:none!important}}
.letter{--paper:#f1f0ec;--ink:#17211c;--muted:#5b635d;--green:#1b6b52;--gold:#916420;--read:660px;--art:940px}
.letter{font-family:'Lora',Georgia,serif;font-weight:400;line-height:1.72;-webkit-font-smoothing:antialiased;padding:0 24px 100px}
.letter a{color:var(--green);text-underline-offset:.18em}
.letter .letter-hero{max-width:var(--art);margin:44px auto 0}
.letter .hero-title{max-width:var(--read);margin:0 auto 24px;font-size:56px;line-height:1.13;font-weight:500;letter-spacing:-.035em;text-wrap:balance}
.letter .journey{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.letter .letter-hero .journey{max-width:var(--read);margin:0 auto}
.letter .reading{max-width:var(--read);margin:0 auto;display:flex;flex-direction:column;gap:22px}
.letter .introduction{padding-top:28px}
.letter p,.letter ol,.letter ul,.letter h2,.letter h3,.letter figure{margin:0}
.letter p,.letter li{text-wrap:pretty}
.letter strong{font-weight:600}
.letter h2{font-size:32px;line-height:1.24;font-weight:500;letter-spacing:-.022em;text-wrap:balance}
.letter h3{font-size:23px;line-height:1.35;font-weight:500;letter-spacing:-.01em}
.letter .introduction h2{margin-top:34px}
.letter .drop-cap{float:left;font-size:78px;line-height:.85;font-weight:500;padding:8px 11px 0 0;color:var(--green)}
.letter .pharmacy-actions,.letter .pharmacy-learning-list{list-style:disc;padding-left:1.2em}
.letter .pharmacy-actions li,.letter .pharmacy-learning-list li{padding-left:.25em}
.letter .pharmacy-actions li::marker,.letter .pharmacy-learning-list li::marker{color:var(--green);font-size:.7em}
.letter .struggle{display:flex;flex-direction:column;gap:22px;border-inline-start:2px solid #b4b5ad;padding-inline-start:20px}
.letter .art-break{width:100%;max-width:var(--read);margin:30px auto 18px}
.letter .vision>h2{font-size:44px;line-height:1.16;letter-spacing:-.03em}
.letter .lead{font-size:22px;line-height:1.6}
.letter .vision h3{margin-top:16px}
.letter .key-line{font-size:22px;line-height:1.55;color:var(--green);margin:2px 0}
.letter .key-line strong{font-weight:500}
.letter .examples{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px}
.letter .examples li,.letter .how .principle-with-icon{display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;align-items:start}
.letter .industry-icon,.letter .principle-symbol{display:flex;justify-content:center;align-items:center;align-self:start;height:1lh;color:var(--muted)}
.letter .industry-icon svg,.letter .principle-symbol svg{display:block;width:20px;height:20px}
.letter .how{margin-top:48px;padding-top:0;gap:28px}
.letter .principle{display:flex;flex-direction:column;gap:8px}
.letter .principle h3{font-size:21px;font-weight:600;line-height:1.4}
.letter .closing{gap:10px}
.letter .signoff{margin-top:20px;line-height:1.5}
.letter .signature{display:block;width:150px;height:auto;margin:0 0 8px}
.letter .founder-role{font-size:16px;color:var(--muted);margin-top:2px}
.letter ::selection{background:#dce6db;color:#17211c}
@media(max-width:600px){
.letter{padding:0 22px 64px;line-height:1.72}
.letter .letter-hero{margin-top:34px}
.letter .hero-title{font-size:36px;line-height:1.16;letter-spacing:-.03em;margin-bottom:22px}
.letter .introduction{padding-top:25px}
.letter .reading{gap:20px}
.letter .drop-cap{float:none;font-size:inherit;line-height:inherit;font-weight:inherit;padding:0;color:inherit}
.letter h2{font-size:28px;line-height:1.28}
.letter h3{font-size:22px}
.letter .introduction h2{margin-top:3px}
.letter .vision>h2{font-size:34px;line-height:1.2}
.letter .lead,.letter .key-line{font-size:20px;line-height:1.6}
.letter .art-break{margin-top:22px;margin-bottom:15px}
.letter .struggle{gap:20px}
.letter .examples{gap:18px}
.letter .examples li,.letter .how .principle-with-icon{grid-template-columns:22px minmax(0,1fr);gap:12px}
.letter .how{margin-top:36px;padding-top:0;gap:26px}
.letter .principle h3{font-size:20px}
.letter .signoff{margin-top:18px}
}
@media(min-width:1600px){
.letter .letter-hero{margin-top:52px}
}
.letter{--read:min(41.25rem,660px);--art:820px}
.letter{padding-bottom:64px}
.letter .hero-title{font-size:clamp(2.5rem,4.2vw,3.5rem);max-width:var(--read)}
.letter .reading{width:100%}
.letter .reading h2,.letter .reading h3{scroll-margin-top:2.5rem}
.letter .reading h2:focus,.letter .reading h3:focus{outline:none}
.letter .reading h2:focus-visible,.letter .reading h3:focus-visible{outline:2px solid var(--green);outline-offset:8px}
.letter .vision h3{margin-top:1.875rem;margin-bottom:-0.4375rem}
.letter .hero-title{margin-bottom:1.25rem}
.letter .introduction{padding-top:.8125rem}
.letter a:focus-visible,.letter button:focus-visible,.letter summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}
@media(max-width:600px){
.letter{padding:0 20px 48px}
.letter .letter-hero{margin-top:28px}
.letter .hero-title{font-size:2.5rem;line-height:1.16;margin-bottom:18px}
.letter .introduction{padding-top:12px}
.letter .vision h3{margin-top:1.5rem}
.letter .art-break{margin:22px auto 14px}
.letter .summit-view{width:100%;max-width:none}
.letter .signature{width:140px}
}
@media print{
@page{size:A4;margin:17mm 21mm}
.letter{padding:0;line-height:1.5}
.letter .letter-hero{margin-top:24pt;max-width:none}
.letter .hero-title{font-size:30pt;max-width:none;margin-bottom:12pt}
.letter .letter-hero .journey{max-width:none}
.letter .reading{max-width:none;display:block}
.letter .reading p,.letter .reading>ul,.letter .reading>ol{margin-bottom:10pt}
.letter .reading h2{margin-top:22pt;margin-bottom:10pt}
.letter h2,.letter .vision>h2{font-size:19pt!important;line-height:1.2}
.letter h3,.letter .principle h3{font-size:12pt!important}
.letter h2,.letter h3{break-after:avoid}
.letter p{orphans:3;widows:3}
.letter .lead,.letter .key-line{font-size:11.5pt}
.letter .drop-cap{float:none;font:inherit;padding:0;color:inherit}
.letter .struggle{display:block}
.letter .struggle p{margin-bottom:10pt;break-inside:avoid}
.letter .examples{gap:10pt}
.letter .examples li{break-inside:avoid}
.letter .how{margin-top:20pt;padding-top:0}
.letter .principle{display:block;margin-bottom:14pt;break-inside:avoid}
.letter .principle h3{margin-bottom:5pt}
.letter .art-break{max-width:none;margin:20pt auto 12pt;break-inside:avoid;break-after:avoid}
.letter .signoff{break-inside:avoid;margin-top:18pt}
.letter .signature{width:85pt;margin-bottom:8pt}
.letter .founder-role{font-size:10pt}
.letter a{color:inherit;text-decoration:none}
}
.letter .how.has-learning-loop{--loop-space:22px;gap:22px}
.letter .how .principle-copy{min-width:0}
.letter .how .principle-foundation{margin:0}
.letter .learning-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--loop-space)}
@media(max-width:600px){
.letter .how.has-learning-loop{--loop-space:18px;gap:18px}
}
@media print{
.letter .how.has-learning-loop{--loop-space:10pt;gap:10pt}
.letter .how .principle-with-icon{display:grid;margin-bottom:0;break-inside:avoid}
.letter .how .principle-foundation{margin-bottom:10pt}
.letter .principle-symbol svg{width:16pt;height:16pt}
.letter .how .principle-copy{display:block}
.letter .how .principle-copy p{margin-bottom:0}
.letter .learning-steps{display:block}
.letter .learning-steps>.principle{margin-bottom:13pt}
}
.letter{--pharmacy-paper:#e7ece2;--pharmacy-rule:#d0dacb}
.letter .pharmacy-story{width:100%;max-width:var(--read);margin:48px auto 0;padding:24px;background:var(--pharmacy-paper)}
.letter .pharmacy-story .reading{gap:22px}
.letter .pharmacy-label{display:flex;align-items:center;gap:9px;color:var(--green);font:500 14px/1.4 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin-bottom:-8px}
.letter .pharmacy-label svg{display:block;flex:none;width:22px;height:22px}
.letter .pharmacy-story h2{font-size:36px;line-height:1.2;margin:0}
.letter .pharmacy-opening{font-size:22px;line-height:1.6}
.letter .pharmacy-actions,.letter .pharmacy-learning-list{display:flex;flex-direction:column;gap:9.1px}
.letter .pharmacy-outcome{font-size:24px;line-height:1.5;color:var(--green);font-weight:500;padding:7px 0 5px}
.letter .pharmacy-learning{display:flex;flex-direction:column;gap:16px;margin-top:2px;padding-top:20px;border-top:1px solid var(--pharmacy-rule)}
.letter .pharmacy-learning h3{font-size:21px;font-weight:600;line-height:1.4;margin:0}
.letter .industry-examples{margin-top:14px}
.letter .closing .closing-line{font-size:26px;line-height:1.45;letter-spacing:-.015em;color:var(--ink)}
@media(max-width:600px){
.letter .pharmacy-story{margin:36px auto 0;padding:22px 18px 24px}
.letter .pharmacy-story .reading{gap:20px}
.letter .pharmacy-story h2{font-size:30px}
.letter .pharmacy-opening{font-size:20px;line-height:1.6}
.letter .pharmacy-outcome{font-size:22px;line-height:1.5}
.letter .pharmacy-learning{padding-top:20px;gap:15px}
.letter .pharmacy-learning h3{font-size:20px}
.letter .pharmacy-actions,.letter .pharmacy-learning-list{gap:9.8px}
.letter .industry-examples{margin-top:12px}
.letter .closing .closing-line{font-size:23px;line-height:1.5}
}
@media print{
.letter .pharmacy-story{max-width:none;width:auto;margin:22pt 0;padding:16pt;background:#f0f3ed;border-top:1px solid #bdcbb9;border-bottom:1px solid #bdcbb9}
.letter .pharmacy-story .reading{display:block}
.letter .pharmacy-story h2{margin:6pt 0 12pt;font-size:20pt}
.letter .pharmacy-label{font-size:9pt;margin-bottom:7pt}
.letter .pharmacy-label svg{width:14pt;height:14pt}
.letter .pharmacy-opening,.letter .pharmacy-outcome{font-size:11.5pt}
.letter .pharmacy-actions,.letter .pharmacy-learning-list{display:block}
.letter .pharmacy-actions p,.letter .pharmacy-learning-list p{break-inside:avoid;margin-bottom:7pt}
.letter .pharmacy-learning{display:block;padding-top:12pt;margin-top:12pt}
.letter .pharmacy-learning h3{margin-bottom:9pt}
.letter .industry-examples{margin-top:9pt}
.letter .closing .closing-line{font-size:16pt}
}
.letter .examples-section{margin:24px auto 0}
.letter .examples-section>.pharmacy-story{margin-top:0}
.letter .pharmacy-label{margin-bottom:0}
.letter .pharmacy-label h3{font-family:'Lora',Georgia,serif;font-size:22px;line-height:1.35;font-weight:500;letter-spacing:-.01em;margin:0}
.letter .pharmacy-learning h4{font-family:inherit;font-size:21px;line-height:1.4;font-weight:600;letter-spacing:-.01em;margin:0}
@media(max-width:600px){
.letter .examples-section{margin-top:18px}
.letter .examples-section>.pharmacy-story{margin-top:0}
.letter .pharmacy-label h3{font-size:21px}
.letter .pharmacy-learning h4{font-size:20px}
}
@media print{
.letter .examples-section{margin-top:11pt}
.letter .examples-section>.pharmacy-story{margin-top:0}
.letter .pharmacy-label h3{font-size:12pt}
.letter .pharmacy-learning h4{font-size:12pt;margin-bottom:9pt;break-after:avoid}
}

.letter{font-size:1.25rem;--read:660px;--art:820px}
.letter p,.letter li{font-family:inherit;line-height:inherit;color:inherit;max-width:none}
.letter p{margin:0}
.letter .letter-hero{padding:0}
.letter .lead{font-size:1.375rem;line-height:1.6;margin:0;color:var(--ink)}
.letter .publication-date{max-width:var(--read);margin:0 auto 24px;font:14px/1.5 var(--font-body);color:var(--muted)}
.letter .pharmacy-opening{font-size:1.375rem;line-height:1.6}
.letter .pharmacy-outcome{font-size:1.5rem;line-height:1.5;color:var(--green)}
.letter .closing-line{color:var(--ink)}
.letter .founder-role{color:var(--muted)}
.letter .signature{mix-blend-mode:multiply}
[data-theme="dark"] .letter{--paper:#181712;--ink:#ece9e0;--muted:#b7bbae;--green:#69c6a3;--gold:#d3a25a;--pharmacy-paper:#263329;--pharmacy-rule:#526451}
[data-theme="dark"] .letter .struggle{border-inline-start-color:#81877e}
[data-theme="dark"] .letter .journey,[data-theme="dark"] .letter .signature{filter:invert(1);mix-blend-mode:screen}
@media(max-width:600px){
 .letter{font-size:1.125rem}
 .letter .hero-title{font-size:2.25rem}
 .letter .lead,.letter .pharmacy-opening{font-size:1.25rem}
 .letter .pharmacy-outcome{font-size:1.375rem}
 .letter .publication-date{margin-bottom:16px}
}
@media print{
 .shell,.skip{display:none!important}
 .letter,[data-theme] .letter{font-size:10.5pt;--ink:#17211c;--paper:#fff;--green:#1b6b52;--muted:#5b635d;--pharmacy-paper:#f0f3ed;--pharmacy-rule:#bdcbb9}
 .letter .publication-date{font-size:9pt}
 .letter .journey,.letter .signature{filter:none!important;mix-blend-mode:multiply!important}
 .letter .lead,.letter .pharmacy-opening,.letter .pharmacy-outcome{font-size:11.5pt}
}

/* Share the blog's contents controls and constrain the sticky panel to this letter. */
.letter-reading-content{min-width:0}
.letter .article-contents{width:100%;max-width:var(--read);margin:22px auto 0;font-family:var(--font-body);line-height:1.5}
.letter .article-contents li{line-height:1.5}
.letter .article-contents a{color:var(--text-soft)}
.letter .article-contents a:hover,.letter .article-contents a[aria-current]{color:var(--text)}
.letter .reading h2,.letter .reading h3{scroll-margin-top:95px}
.letter .art-break:has(.summit-view){margin-top:16px}
.letter .signoff{margin-top:2px}
@media(min-width:1200px){
 .letter{display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:48px;align-items:start;width:min(1120px,calc(100% - 64px));margin-inline:auto;padding-inline:0}
 .letter .letter-hero{grid-column:2;grid-row:1;width:100%}
 .letter .article-contents{grid-column:1;grid-row:1 / span 2;align-self:start;position:sticky;top:72px;margin-top:44px;max-width:none}
 .letter-reading-content{grid-column:2;grid-row:2}
}
@media(max-width:600px){
 .letter .article-contents{margin-top:18px}
 .letter .article-contents a{font-size:15px;min-height:44px;display:flex;align-items:center}
 .letter .art-break:has(.summit-view){margin-top:12px}
}
@media print{
 .letter{display:block;width:100%;padding:0}
 .letter .article-contents{display:none!important}
}

/* A paper surface on wide screens, with the contents panel outside the sheet. */
@media(min-width:1200px){
 .letter{margin-top:32px}
 .letter::before{content:'';grid-column:2;grid-row:1 / span 2;align-self:stretch;background:#fffdf7;border:1px solid #e4e0d6;box-shadow:none;pointer-events:none}
 .letter .letter-hero{position:relative;z-index:1;margin-top:56px;padding-inline:48px}
 .letter-reading-content{position:relative;z-index:1;padding:0 48px 56px;--paper:#fffdf7}
 .letter .article-contents{margin-top:56px}
 [data-theme="dark"] .letter::before{background:#24251f;border-color:#3c4034;box-shadow:none}
 [data-theme="dark"] .letter-reading-content{--paper:#24251f}
}
@media print{
 .letter{margin-top:0}
 .letter::before{display:none}
 .letter .letter-hero,.letter-reading-content{padding:0}
}

/* Keep the desktop letter's typography closer to a printed reading scale. */
@media screen and (min-width:601px){
 .letter{--read:620px;font-size:1.0625rem;line-height:1.65}
 .letter .hero-title{font-size:clamp(2.25rem,3.25vw,2.75rem)}
 .letter .hero-title .title-phrase{display:inline-block;max-width:100%;white-space:normal}
 .letter h2{font-size:1.625rem}
 .letter .vision>h2{font-size:1.875rem}
 .letter h3,.letter .pharmacy-label h3{font-size:1.1875rem}
 .letter .principle h3,.letter .pharmacy-learning h4{font-size:1.125rem}
 .letter .lead,.letter .key-line,.letter .pharmacy-opening{font-size:1.1875rem}
 .letter .pharmacy-outcome{font-size:1.25rem}
 .letter .closing .closing-line{font-size:1.3125rem}
 .letter .drop-cap{font-size:3.75rem;padding-top:6px}
 .letter .reading,.letter .pharmacy-story .reading,.letter .struggle,.letter .examples{gap:18px}
 .letter .introduction h2{margin-top:5px}
 .letter .how.has-learning-loop{--loop-space:18px;gap:18px}
}

/* Let the argument flow directly into the vision, without an illustration gap. */
.letter .introduction + .vision{margin-top:24px}
.letter .keep-together{display:inline-block;max-width:100%;white-space:normal}
.letter h4{text-wrap:balance}
.letter .article-contents a{text-wrap:balance}
@media(max-width:600px){
 .letter .introduction + .vision{margin-top:18px}
 .letter .hero-title{font-size:clamp(2rem,9.2vw,2.25rem)}
}
@media print{
 .letter .introduction + .vision{margin-top:11pt}
}

/* One type scale for the letter: title, section headings, body and metadata. */
.letter{font-size:.9375rem;line-height:1.6;--section-title-size:1.375rem}
.letter h2,.letter .vision>h2{font-size:var(--section-title-size);line-height:1.28;letter-spacing:-.022em}
.letter .lead,.letter .pharmacy-opening,.letter .pharmacy-outcome,.letter .closing .closing-line{font-size:inherit;line-height:inherit}
.letter .pharmacy-label{font:inherit}
.letter .pharmacy-label h3,.letter .pharmacy-learning h4{font-size:inherit;line-height:inherit;font-weight:600}
.letter .closing .closing-line{font-weight:500}
.letter .publication-date,.letter .founder-role{font-size:13px}
.letter .hero-title{font-size:2.125rem}
@media(max-width:600px){.letter .hero-title{font-size:1.875rem}}
@media print{.letter{font-size:10.5pt;--section-title-size:19pt}}

/* Trim unused canvas above the summit without changing the drawing itself. */
.letter .art-break:has(.summit-view){overflow:hidden}
.letter .summit-view{margin-top:-8%}

/* Account for the drawing's own whitespace and keep the sign-off close. */
@media screen{
 .letter .art-break:has(.summit-view){margin:8px auto 16px}
 .letter .closing{gap:12px}
 .letter .closing .signoff{margin-top:0}
}