/* Long-form guides inherit the site's palette and type while keeping a reading measure. */
.blog-series-header {max-width:1000px;padding:12px 0 46px;border-bottom:1px solid var(--line)}
.blog-series-header h1 {max-width:27ch;margin:12px 0 24px;font:500 clamp(36px,5.2vw,68px)/1.08 var(--display);letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere}
.blog-series-meta {color:var(--text-3);font:12px/1.7 var(--mono);margin-bottom:28px}
.blog-series-lede {max-width:760px;font-size:18px;line-height:1.85;color:var(--text-2)}
.blog-series-layout {display:grid;grid-template-columns:220px minmax(0,760px);gap:56px;padding-top:40px;align-items:start}
.blog-series-toc {position:sticky;top:30px;padding:0 12px 24px 0}
.blog-series-toc h2 {font-size:14px;margin:0 0 16px}
.blog-series-toc ol {padding-left:20px;margin:0;color:var(--text-3);font-size:13px;line-height:1.65}
.blog-series-toc li {margin:0 0 14px}
.blog-series-toc a {text-decoration:none}
.blog-series-toc a:hover {text-decoration:underline}
.blog-series-prose {min-width:0;color:var(--text-2);font-size:17px;line-height:1.85;overflow-wrap:anywhere}
.blog-series-prose section {margin-bottom:48px;scroll-margin-top:32px}
.blog-series-prose h2 {color:var(--text);font-size:clamp(24px,3vw,32px);line-height:1.25;letter-spacing:-.02em;margin:0 0 20px;text-wrap:balance}
.blog-series-prose p {margin:0 0 20px}
.blog-series-prose ul,.blog-series-prose ol {padding-left:24px;margin:0 0 24px}
.blog-series-prose li {margin-bottom:12px}
.blog-series-prompt {margin:24px 0;padding:24px;background:var(--bg-2);border-left:3px solid var(--coral);font-size:16px;line-height:1.85}
.blog-series-prompt p:last-child {margin-bottom:0}
.blog-series-table {max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid var(--line)}
.blog-series-table table {width:100%;min-width:520px;border-collapse:collapse;font-size:14px;line-height:1.6;overflow-wrap:normal}
.blog-series-table th,.blog-series-table td {padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);border-right:1px solid var(--line);min-width:120px}
.blog-series-table th {background:var(--bg-2);color:var(--text)}
.blog-series-table tr:last-child td {border-bottom:0}
.blog-series-table th:last-child,.blog-series-table td:last-child {border-right:0}
.blog-series-related {padding:28px;background:var(--bg-2);border:1px solid var(--line)}
.blog-series-list {margin:0 0 64px;padding-bottom:48px;border-bottom:1px solid var(--line)}
.blog-series-list>header {max-width:760px;margin:0 0 28px}
.blog-series-list>header h2 {font-size:clamp(26px,4vw,42px);line-height:1.15;letter-spacing:-.025em;margin:0 0 18px}
.blog-series-list>header p {color:var(--text-2);font-size:17px;line-height:1.75}
.blog-series-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.blog-series-card {position:relative;display:block;padding:28px;background:var(--bg-2);border:1px solid var(--line);color:var(--text);text-decoration:none;min-width:0;overflow-wrap:anywhere}
.blog-series-card:hover {border-color:var(--coral)}
.blog-series-card .kicker {padding-right:45px}
.blog-series-card h3 {font-size:24px;line-height:1.3;letter-spacing:-.02em;margin:20px 0 14px;text-wrap:balance}
.blog-series-card>p:not(.kicker) {font-size:15px;line-height:1.75;color:var(--text-2);margin:0 0 24px}
.blog-series-card time {font:11px/1.6 var(--mono);color:var(--text-3)}
.blog-series-number {position:absolute;top:22px;right:24px;font:24px/1.2 var(--mono);color:var(--text-3)}
.blog-series-list :focus-visible,.blog-series-page :focus-visible {outline:3px solid var(--coral);outline-offset:4px}
@media(max-width:900px){.blog-series-layout{grid-template-columns:minmax(0,1fr);gap:28px}.blog-series-toc{position:static;border-bottom:1px solid var(--line)}.blog-series-toc ol{columns:2;column-gap:40px}.blog-series-toc li{break-inside:avoid}.blog-series-prose{max-width:760px}}
@media(max-width:600px){.blog-series-grid{grid-template-columns:minmax(0,1fr)}.blog-series-card{padding:24px}.blog-series-card h3{font-size:22px}.blog-series-toc ol{columns:1}.blog-series-header{padding-bottom:28px}.blog-series-lede{font-size:17px}.blog-series-prose{font-size:16px}.blog-series-prompt,.blog-series-related{padding:20px}.blog-series-list{margin-bottom:40px}}