/* The library: the writing and resource indexes, the essays, and the AI dictionary. It sits on the
   reading layout (reading.css) and only adds what an index row, a byline, a source list and a
   dictionary entry need. Labels are Geist Mono; dates and counts read as labels, so they are too. */

/* The hero titles here are sentences, longer than the mission's, so they take a wider measure. */
.lb-page .an-hero h1{max-width:18ch;font-size:clamp(44px,5.6vw,84px);line-height:1.02;letter-spacing:-.04em;text-wrap:balance}
.lb-page .an-kicker a{color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#ffffff70}
.lb-page .an-kicker a:hover{text-decoration-color:#fff}
.lb-byline{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0 0;padding:0}
.lb-byline span{font-family:'Geist Mono','Geist Mono Fallback',ui-monospace,monospace;font-size:12px;line-height:18px;letter-spacing:.06em;text-transform:uppercase}
.lb-byline span{padding:8px 14px;border-radius:99px;background:#ffffff1f;color:#fff;box-shadow:inset 0 0 0 1px #ffffff40}
/* The author's photo inside the byline pill, and the signed-off end of a founder's note. */
.lb-byline .lb-author{display:inline-flex;align-items:center;gap:10px;padding:4px 14px 4px 4px}
.lb-byline .lb-author img,.lb-signoff img{display:block;border-radius:50%;object-fit:cover}
.rd-prose .lb-signoff{display:flex;align-items:center;gap:16px;margin:32px 0 0}
.rd-prose .lb-signoff p{display:flex;flex-direction:column;margin:0;font-size:15px;line-height:22px}
.rd-prose .lb-signoff b{font-weight:500;color:var(--sky-ink)}
.rd-prose .lb-signoff span{color:#46607f}

/* Labels: small capitals in mono, muted. */
.lb-label,.lb-kind,.lb-row-meta,.lb-promise span,.lb-section-head p,.lb-waiting small,.lb-sources small,.lb-entry-sources small,.lb-sources-head p,.lb-status dt,.lb-overheard b,.lb-sits li>span:first-child,.lb-rail-note{font-family:'Geist Mono','Geist Mono Fallback',ui-monospace,monospace;font-weight:400;font-size:11px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;color:#46607f}

/* An index: the promise, then one ruled row per piece. */
.lb-index{max-width:1440px;margin:0 auto;padding:clamp(72px,8vw,112px) 56px 0;color:var(--sky-ink)}
.lb-promise{display:flex;justify-content:space-between;align-items:baseline;gap:32px;margin:0 0 clamp(64px,7vw,96px);padding:20px 0 0;border-top:1px solid #15396226}
.lb-promise p{max-width:30ch;margin:0;font-family:'Inter Tight','Inter Tight Fallback',sans-serif;font-size:clamp(24px,2.4vw,32px);line-height:1.22;letter-spacing:-.02em;text-wrap:balance}
.lb-promise span{flex:none}
.lb-index .lb-label{margin:0 0 24px}
.lb-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--sky-ink)}
.lb-row{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr) 190px 24px;gap:32px;align-items:baseline;padding:32px 0;border-bottom:1px solid #15396226}
.lb-kind{margin:0;color:var(--sky-ink)}
.lb-row-main h3{margin:0;font-family:'Inter Tight','Inter Tight Fallback',sans-serif;font-weight:400;font-size:clamp(24px,2.2vw,30px);line-height:1.18;letter-spacing:-.02em;color:var(--sky-ink);text-wrap:balance}
.lb-row-main p{max-width:620px;margin:12px 0 0;font-size:16px;line-height:25px;color:#2c4a6e;text-wrap:pretty}
.lb-row-link{color:inherit;text-decoration:none;transition:color 160ms}
.lb-row-link::after{content:'';position:absolute;inset:0}
.lb-row-link:focus-visible{outline:none}.lb-row:has(.lb-row-link:focus-visible){outline:3px solid #93baf2;outline-offset:4px;border-radius:4px}
.lb-row-meta{display:flex;flex-direction:column;gap:4px;margin:0;text-align:right}
.lb-arrow{width:20px;height:20px;align-self:center;color:#46607f;transition:color 160ms,translate 200ms cubic-bezier(.2,.7,.2,1)}
.lb-row:hover .lb-row-link{color:var(--sky-top)}
.lb-row:hover .lb-arrow{color:var(--sky-top);translate:4px 0}
/* An index list inside the prose column keeps its own rules, not the prose list's indent and underline. */
.rd-prose .lb-list{margin:0;padding:0}
.rd-prose .lb-row{margin:0}
.rd-prose .lb-row-link{text-decoration:none}
.rd-prose .lb-row-main p,.rd-prose .lb-row p{margin-bottom:0}
.lb-list-small .lb-row{grid-template-columns:120px minmax(0,1fr) 24px;padding:22px 0}
.lb-list-small .lb-row-main h3{font-size:20px;line-height:26px}
.lb-list-small .lb-row-meta{grid-column:2;grid-row:2;text-align:left}
.lb-list-small .lb-arrow{grid-column:3;grid-row:1/3}

/* An essay: the published images, the summary panels, run-in labels, sources and what to read next. */
.lb-figure{margin:28px 0 36px}
.lb-figure img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:inset 0 0 0 1px #e4dccb}
.lb-lead-figure{margin:0 0 48px}
.rd-prose .lb-summary{margin:0 0 20px;font-size:16px;line-height:26px;color:var(--sky-ink)}
.rd-prose .lb-summary ul{list-style:none;margin:0;padding:0}
.rd-prose .lb-summary li{position:relative;padding-left:20px}
.rd-prose .lb-summary li::before{content:'';position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--sky-top)}
.rd-prose .lb-summary+.lb-summary{margin-top:0}
.rd-prose hr{margin:44px 0;border:0;border-top:1px solid #15396226}
.rd-prose .lb-runin{margin:32px 0 8px;color:var(--sky-ink)}
.rd-prose .lb-runin strong{font-weight:500}
.rd-prose h3+.lb-runin{margin-top:16px}
.rd-prose strong{font-weight:500;color:var(--sky-ink)}
.lb-table{overflow-x:auto}
.rd-prose section.lb-sources{padding-top:72px}
.lb-sources .lb-label{margin:0 0 16px;font-family:'Geist Mono','Geist Mono Fallback',ui-monospace,monospace;font-size:11px;line-height:16px;letter-spacing:.08em}
.lb-sources>ol:not(.lb-list){list-style:none;margin:0;padding:0;border-top:1px solid var(--sky-ink)}
.lb-sources>ol:not(.lb-list)>li,.lb-entry-sources ol>li{display:flex;gap:20px;margin:0;padding:16px 0;border-bottom:1px solid #15396226;font-size:16px;line-height:24px;color:var(--sky-ink)}
.lb-num{flex:none;width:24px;font-family:'Geist Mono','Geist Mono Fallback',ui-monospace,monospace;font-size:11px;line-height:24px;color:#46607f}
.lb-sources li>span:last-child,.lb-entry-sources li>span:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}
.lb-sources b{font-weight:500}
.lb-norail .rd-prose{grid-column:2}

/* The dictionary index: four questions, each with its words. */
.lb-page .rd-rail a small{display:block;margin-top:2px;font-family:'Geist Mono','Geist Mono Fallback',ui-monospace,monospace;font-size:10px;line-height:14px;letter-spacing:.08em;text-transform:uppercase;color:#46607f}
.lb-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin:0 0 20px}
.lb-section-head h2{margin:0!important}
.lb-section-head p{flex:none;margin:0!important}
.lb-terms{list-style:none!important;margin:0!important;padding:0!important;border-top:1px solid var(--sky-ink)}
.lb-terms li{margin:0!important;border-bottom:1px solid #15396226}
.lb-terms a{display:grid;grid-template-columns:200px minmax(0,1fr) 20px;gap:24px;align-items:baseline;padding:18px 0;color:inherit!important;text-decoration:none!important}
.lb-terms b{font-family:'Inter Tight','Inter Tight Fallback',sans-serif;font-weight:500;font-size:20px;line-height:26px;letter-spacing:-.01em;color:var(--sky-ink);transition:color 160ms}
.lb-terms a>span{font-size:16px;line-height:24px;color:#2c4a6e}
.lb-terms .lb-arrow{align-self:center}
.lb-terms a:hover b,.lb-terms a:hover .lb-arrow{color:var(--sky-top)}
.lb-terms a:hover .lb-arrow{translate:4px 0}
.lb-waiting{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:baseline;padding:18px 0}
.lb-waiting span{font-size:16px;line-height:24px;color:#7a8ca3}

/* A dictionary entry. Its section heads are smaller than an essay's: each is a part of one answer. */
.lb-entry .rd-prose section{padding-top:48px}
.lb-entry .rd-prose section:first-child{padding-top:0}
.lb-entry .rd-prose h2{margin:0 0 16px;font-size:26px;line-height:32px;letter-spacing:-.015em}
.lb-ruled{list-style:none!important;margin:0!important;padding:0!important;border-top:1px solid var(--sky-ink)}
.lb-ruled li{margin:0!important;padding:14px 0;border-bottom:1px solid #15396226;font-size:16px;line-height:25px}
.lb-overheard{display:flex;flex-direction:column;gap:18px;padding:24px 28px;border-radius:18px;background:#fffdf8;box-shadow:inset 0 0 0 1px #e4dccb}
.lb-overheard p{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;margin:0!important;color:var(--sky-ink)}
.lb-overheard b{padding-top:7px;line-height:16px}
.lb-overheard p+p b{color:var(--sky-top)}
.lb-centre{display:flex;align-items:center;gap:12px;margin:0 0 4px!important;font-size:16px;line-height:24px;font-weight:500;color:var(--sky-top)}
.lb-centre i{width:9px;height:9px;border-radius:50%;background:var(--sky-top)}
.lb-sits{list-style:none!important;margin:0 0 0 4px!important;padding:0!important;border-left:1px solid #15396259}
.lb-sits li{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;margin:0!important;padding:12px 0 0 20px;position:relative}
.lb-sits li::before{content:'';position:absolute;left:0;top:23px;width:12px;border-top:1px solid #15396259}
.lb-sits li>span:first-child{line-height:22px}
.lb-sits li>span:last-child{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:16px;line-height:22px}
.lb-grey{color:#7a8ca3}
.lb-note{margin:16px 0 0!important;font-size:14px;line-height:21px;color:#46607f}
.lb-sources-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.lb-sources-head p{margin:0!important}
.lb-entry-sources ol{list-style:none!important;margin:0 0 20px!important;padding:0!important;border-top:1px solid var(--sky-ink)}
.lb-entry-sources a{color:var(--sky-ink)}
.lb-ext{margin-left:6px;text-decoration:none;display:inline-block}
.lb-status{display:flex;flex-wrap:wrap;gap:8px 32px;margin:0}
.lb-status div{display:flex;gap:10px;align-items:baseline}
.lb-status dd{margin:0;font-size:14px;line-height:20px;color:var(--sky-ink)}

@media(max-width:900px){
 .lb-index{padding:56px 24px 0}
 .lb-promise{flex-direction:column;gap:14px}
 .lb-row{grid-template-columns:minmax(0,1fr);gap:10px;padding:26px 0}
 .lb-row-meta{flex-direction:row;flex-wrap:wrap;gap:4px 16px;text-align:left}
 .lb-row>.lb-arrow{display:none}
 .lb-list-small .lb-row{grid-template-columns:minmax(0,1fr)}
 .lb-list-small .lb-row-meta{grid-column:1;grid-row:auto}
 .lb-norail .rd-prose{grid-column:1}
 .lb-section-head{flex-direction:column;gap:8px}
 .lb-terms a{grid-template-columns:minmax(0,1fr) 20px;gap:4px 16px}
 .lb-terms a>span{grid-column:1}
 .lb-terms .lb-arrow{grid-column:2;grid-row:1/3}
 .lb-waiting{grid-template-columns:minmax(0,1fr);gap:6px}
 .lb-overheard{padding:20px}
 .lb-overheard p{grid-template-columns:minmax(0,1fr);gap:4px}
 .lb-overheard b{padding-top:0}
 .lb-sits li{grid-template-columns:minmax(0,1fr);gap:4px}
 .lb-sources-head{flex-direction:column;gap:4px;margin-bottom:12px}
}
@media(prefers-reduced-motion:reduce){.lb-arrow{transition:none}}

/* Articles: the header sits in the middle of the page, above the text. */
.lb-article .an-hero-copy{text-align:center}
.lb-article .an-hero h1{max-width:20ch;margin-left:auto;margin-right:auto;text-wrap:balance}
.lb-article .an-lead{margin-left:auto;margin-right:auto;text-wrap:pretty}
.lb-article .lb-byline{justify-content:center}