.reading-page{padding-block:clamp(1.75rem,4vw,3.5rem) clamp(3rem,7vw,5rem)}.reading-grid{display:grid;grid-template-columns:[full-start] minmax(0,1fr) [wide-start] minmax(0,var(--reading-breakout)) [text-start] min(100%,var(--reading-measure)) [text-end] minmax(0,var(--reading-breakout)) [wide-end] minmax(0,1fr) [full-end]}.reading-grid>*{grid-column:text;min-width:0}.reading-head>*{margin:0}.reading-back{justify-self:start;display:inline-flex;align-items:center;gap:.4em;margin-bottom:var(--sp-md);font-family:var(--font-sans);font-size:var(--fs-sm);letter-spacing:var(--ls-normal);text-decoration:none}.reading-back:any-link,.reading-link:any-link{color:var(--color-accent-text)}.reading-back:any-link:hover,.reading-link:any-link:hover{color:var(--color-accent-text-hover)}.reading-back svg{flex-shrink:0;transition:transform .16s ease}.reading-back:hover svg{transform:translate(-3px)}.reading-title{grid-column:text-start / wide-end;font-family:var(--font-serif);font-size:var(--reading-title-size);font-weight:var(--fw-normal);line-height:1.12;letter-spacing:var(--heading-letter-spacing-tight);color:var(--color-black);text-wrap:balance}.reading-meta{margin-top:var(--sp-sm);font-family:var(--font-sans);font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--color-gray-600)}.reading-meta :where(p){margin:0;font:inherit;color:inherit}.reading-meta :where(span,time){white-space:nowrap}.reading-meta .at-a-glance span+span:before{content:none}.reading-meta .at-a-glance span:not(:last-child):after{content:"·";margin-inline:.4em}.reading-standfirst{margin-top:var(--sp-md);font-family:var(--font-body);font-size:var(--reading-standfirst-size);font-weight:var(--fw-body);line-height:1.5;color:var(--color-gray-700);text-wrap:pretty;hyphens:manual;-webkit-hyphens:manual}.reading-standfirst strong{font-weight:var(--fw-medium);color:var(--color-black)}.reading-facts{margin-top:var(--sp-lg);padding-block:var(--sp-md);border-block:1px solid var(--reading-color-border);font-family:var(--font-sans);font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--color-gray-700)}.reading-facts ul{list-style:none;margin:0;padding:0;display:grid;gap:.45em;font:inherit;width:auto}.reading-facts li{position:relative;padding-inline-start:1.5em}.reading-facts li:before{content:"—";position:absolute;inset-inline-start:0;color:var(--color-accent-text)}.reading-facts code{font-family:var(--font-mono);font-size:.875em}.reading-facts__row{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-xs);margin-top:var(--sp-md)}.reading-facts__row:first-child{margin-top:0}.reading-facts__stack{margin:0;font:inherit;color:var(--color-gray-700);width:auto}.reading-label{font-family:var(--font-sans);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-gray-600);margin-inline-end:.75em}.reading-link{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-sans);font-size:var(--fs-sm);text-decoration:none;white-space:nowrap}.reading-link:hover{text-decoration:underline;text-underline-offset:.2em}.reading-link svg{flex-shrink:0}.reading-topics{list-style:none;display:flex;flex-wrap:wrap;gap:.25em 1em;margin-top:var(--sp-sm);padding:0;font-family:var(--font-sans);font-size:var(--fs-sm);line-height:var(--lh-normal);width:auto}.reading-topics a:any-link{color:var(--color-gray-700);text-decoration:none;white-space:nowrap}.reading-topics a:any-link:hover{color:var(--color-accent-text-hover);text-decoration:underline;text-underline-offset:.2em}.reading-head--ruled:after{content:"";grid-column:text;margin-top:var(--sp-lg);border-bottom:1px solid var(--reading-color-border)}:is(.reading-back,.reading-link,.reading-topics a):focus-visible{outline:2px solid var(--reading-color-outline);outline-offset:3px;border-radius:var(--radius-sm)}.reading-main{margin-top:var(--sp-xl);align-items:start}.reading-main>.blog-typography{grid-column:wide}.reading-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-sm) var(--sp-md);margin-top:var(--sp-2xl);padding-top:var(--sp-md);border-top:1px solid var(--reading-color-border)}.reading-end .reading-back{margin-bottom:0}.blog-typography{min-width:0;font-family:var(--font-body);font-weight:var(--fw-body);font-size:var(--reading-body-size);line-height:var(--reading-line-height);letter-spacing:var(--ls-normal);color:var(--color-black);overflow-wrap:break-word}.blog-typography>*{max-width:var(--reading-measure);margin-inline:auto;margin-block:0}.blog-typography>*+*{margin-top:1.25em}.blog-typography :is(p,ul,ol){font-family:inherit;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;hyphenate-limit-chars:8 3 3;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-lines:1}.blog-typography strong{font-weight:var(--fw-medium)}.blog-typography :is(h1,h2,h3,h4,h5,h6){position:relative;font-family:var(--font-serif);font-weight:var(--fw-normal);letter-spacing:var(--heading-letter-spacing-tight);color:var(--color-black);text-wrap:balance;scroll-margin-top:6rem}.blog-typography>:is(h1,h2){font-size:1.7em;line-height:1.2;margin-top:1.55em}.blog-typography>h3{font-size:1.3em;line-height:1.3;margin-top:1.45em}.blog-typography>:is(h4,h5,h6){font-size:1.1em;line-height:1.4;margin-top:1.35em}.blog-typography>:is(h1,h2)+*{margin-top:.7em}.blog-typography>:is(h3,h4,h5,h6)+*{margin-top:.5em}.blog-typography a:any-link{color:var(--reading-color-link);font-family:inherit;font-weight:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.blog-typography a:any-link:hover{color:var(--reading-color-link-hover);text-decoration-thickness:2px}.blog-typography a:focus-visible{outline:2px solid var(--reading-color-outline);outline-offset:3px}.blog-typography :where(ul,ol){padding-inline-start:1.4em}.blog-typography li+li,.blog-typography li>:is(ul,ol){margin-top:.45em}.blog-typography li::marker{color:var(--color-accent-text)}.blog-typography>blockquote{margin-block:1.75em;padding:0;padding-inline-start:1.5em;font-family:var(--font-body);font-size:1.05em;font-weight:var(--fw-body);font-style:italic;line-height:var(--reading-line-height);color:var(--color-gray-700)}.blog-typography blockquote>*+*{margin-top:.75em}.blog-typography blockquote cite{display:block;margin-top:.75rem;font-family:var(--font-sans);font-size:var(--fs-xs);font-style:normal;letter-spacing:.05em;text-transform:uppercase;color:var(--color-gray-600);line-height:var(--lh-normal)}.blog-typography code{font-family:var(--font-mono);font-size:.875em;background:var(--reading-color-inline-code-bg);border:1px solid var(--reading-color-inline-code-border);border-radius:var(--radius-sm);padding:.1em .4em;color:var(--color-black);font-weight:var(--fw-normal);hyphens:none;-webkit-hyphens:none}.blog-typography .astro-code span[style*="#6A737D"]{color:#959da5!important}.blog-typography hr{width:4rem;height:1px;margin-block:2.5em;border:0;background:var(--color-gray-500)}.blog-typography :where(.callout,.note,.tip,.warning){padding:1.25rem 1.5rem;border:1px solid var(--reading-color-callout-border);border-radius:var(--radius-md);background:var(--reading-color-callout-bg)}.blog-typography>table{display:block;overflow-x:auto;border-collapse:collapse;font-size:.9em;line-height:var(--lh-normal)}.blog-typography :where(th,td){padding:.7em 1.25em .7em 0;border-bottom:1px solid var(--reading-color-border);text-align:left;vertical-align:top}.blog-typography :where(th,td):last-child{padding-right:0}.blog-typography th{font-family:var(--font-sans);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-gray-700);border-bottom-color:var(--color-gray-500);white-space:nowrap}.blog-typography td:first-child{white-space:nowrap}.blog-typography>:is(figure,pre,.walkthrough,.reading-wide){max-width:none;margin-block:2em}.blog-typography>:is(h1,h2,h3,h4)+:is(figure,pre,.walkthrough,.reading-wide){margin-top:1em}.blog-typography>figure{display:grid}.blog-typography>figure>img,.blog-typography>figure>picture,.blog-typography>figure>picture>img{display:block;width:100%;height:auto}.blog-typography>figure>img,.blog-typography>figure>picture>img{border:1px solid var(--color-tinted-cream);border-radius:var(--radius-md)}.blog-typography>.walkthrough .walkthrough__tabs{max-width:var(--reading-measure);margin-inline:auto}.blog-typography figcaption{width:100%;max-width:var(--reading-measure);margin:.875rem auto 0;font-family:var(--font-sans);font-size:var(--fs-sm);font-style:normal;line-height:var(--lh-normal);text-align:left;text-wrap:pretty;color:var(--color-gray-700)}.blog-typography>pre{padding:1.25rem 1.5rem;border:1px solid var(--reading-color-code-border);border-radius:var(--radius-md);background:var(--reading-color-code-bg);color:#f1f5f9;font-family:var(--font-mono);font-size:.8125em;line-height:var(--lh-code);overflow-x:auto}.blog-typography pre code{padding:0;border:0;background:none;color:inherit;font-size:inherit}.blog-typography .anchor-link{display:inline-flex;align-items:center;margin-inline-start:.35em;vertical-align:middle;color:var(--color-gray-600);opacity:0;transition:opacity .16s ease,color .16s ease}.blog-typography :is(h2,h3,h4):is(:hover,:focus-within) .anchor-link{opacity:1;color:var(--color-accent-text-hover)}.blog-typography .anchor-link:focus-visible{opacity:1;outline:2px solid var(--reading-color-outline);outline-offset:2px;border-radius:var(--radius-sm)}@media(max-width:640px){.blog-typography{font-size:var(--reading-body-size-phone);line-height:1.68}.blog-typography>*+*{margin-top:1em}.blog-typography>:is(h1,h2){font-size:1.45em;line-height:1.22;margin-top:1.5em}.blog-typography>h3{font-size:1.2em}.blog-typography>:is(h1,h2)+*{margin-top:.6em}.blog-typography>:is(figure,pre,.walkthrough,.reading-wide){margin-block:1.75em}.blog-typography>pre{padding:1rem}.reading-main{margin-top:var(--sp-lg)}}@media(prefers-reduced-motion:reduce){.reading-back svg{transition:none}}