.blog-reading-page{--blog-reading-measure: 42rem;--blog-reading-wide: 56rem;background:var(--background, #fff)}.blog-reading-hero{padding-bottom:0}.blog-reading-title{max-width:20ch;margin-inline:auto;text-align:center;font-size:clamp(2.4rem,4.6vw,4.75rem);line-height:1.08;letter-spacing:-.045em;font-weight:600;text-wrap:balance;overflow-wrap:anywhere}.blog-reading-crumbs>ol{justify-content:center;text-align:center}.blog-reading-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem 2.5rem;max-width:var(--blog-reading-measure);margin-inline:auto;padding:2rem 0;margin-top:1.5rem;border-top:1px solid var(--border)}.blog-reading-contents{max-width:var(--blog-reading-measure);margin-inline:auto;border-block:1px solid var(--border);margin-bottom:3.5rem}.blog-reading-contents summary{display:flex;align-items:center;gap:1rem;padding:1.1rem 0;cursor:pointer;font-size:.9rem;font-weight:600;list-style:none}.blog-reading-contents summary::-webkit-details-marker{display:none}.blog-reading-contents summary svg{margin-left:auto;transition:transform .2s}.blog-reading-contents[open] summary svg{transform:rotate(180deg)}.blog-reading-count{font-size:.75rem;font-variant-numeric:tabular-nums;opacity:.55}.blog-reading-contents ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3rem;padding-bottom:1.5rem}.blog-reading-anchor{display:flex;align-items:baseline;gap:1rem;padding:.75rem 0;line-height:1.6;font-size:.95rem;overflow-wrap:anywhere}.blog-reading-anchor>span:first-child{flex:0 0 1.5rem;opacity:.5;font-size:.75rem;font-variant-numeric:tabular-nums}.blog-reading-anchor:hover,.blog-reading-anchor.is-active{color:var(--color-brand, #1839ba)}.dark .blog-reading-anchor:hover,.dark .blog-reading-anchor.is-active{color:#b9c4ff}.blog-reading-contents :is(summary,a):focus-visible{outline:2px solid currentColor;outline-offset:4px}.blog-reading-body{display:grid;grid-template-columns:minmax(0,1fr);max-width:var(--blog-reading-measure);margin-inline:auto;row-gap:1.6rem}.blog-reading-body>*{width:100%;max-width:none;margin-inline:auto;min-width:0}.blog-reading-body>:is(figure,.blog-reading-table){margin-block:1.5rem}@media(min-width:64rem){.blog-reading-body>:is(figure,.blog-reading-table){width:var(--blog-reading-wide);margin-inline:calc((var(--blog-reading-measure) - var(--blog-reading-wide)) / 2)}}.blog-reading-body>:is(h2,h3,h4,h5,h6){max-width:100%;margin-top:2rem;margin-bottom:0;text-wrap:balance;overflow-wrap:anywhere}.blog-reading-body>h2{font-size:clamp(1.75rem,3vw,2.65rem);line-height:1.2;letter-spacing:-.025em}.blog-reading-body>:first-child{margin-top:0}.blog-reading-body>.prose{font-size:1.1875rem;line-height:1.85;overflow-wrap:anywhere}.blog-reading-body>.prose p:last-child{margin-bottom:0}.blog-reading-body img{height:auto}@media(min-width:1024px){.blog-reading-body>:is(h2,h3,h4,h5,h6){width:100%}}@media(max-width:640px){.blog-reading-meta{margin-top:1.25rem;padding-block:1.5rem;gap:1rem}.blog-reading-contents{margin-bottom:2rem}.blog-reading-contents ol{grid-template-columns:minmax(0,1fr)}.blog-reading-body{row-gap:1.2rem}.blog-reading-body>.prose{font-size:1.0625rem;line-height:1.8}}@media(prefers-reduced-motion:reduce){.blog-reading-contents summary svg{transition:none}}
