.post-reading-shell{grid-template-columns:minmax(11rem,.38fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,6vw,6rem);display:grid}.post-reading-shell>.blog-prose{width:100%;min-width:0;max-width:68ch}.reading-contents{border-top:1px solid var(--rule-strong);padding-top:1rem;font-size:.85rem;line-height:1.55;position:sticky;top:6rem}.reading-contents>p{color:var(--ink);margin:0 0 .75rem;font-weight:700}.reading-contents ul{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.reading-contents a{color:var(--muted);text-decoration:none}.reading-contents a:hover{color:var(--evidence);text-decoration:underline}[data-platform-story] .platform-reading-width{max-width:66rem}[data-platform-story] .platform-story-header{padding:2.5rem 1.25rem 2rem}[data-platform-story] .platform-story-header h1{letter-spacing:-.035em;margin-top:1.5rem;font-size:clamp(1.875rem,3.8vw,3rem);line-height:1.3}[data-platform-story] .platform-story-header [data-blog-track]{letter-spacing:.04em;margin-top:.75rem;font-family:inherit}[data-platform-story] .platform-story-header [data-blog-track]+p{margin-top:1rem;font-size:1.0625rem;line-height:1.75}[data-platform-story] .platform-story-meta{flex-wrap:wrap;align-items:baseline;gap:.5rem 1.25rem;margin-top:1.5rem;display:flex}[data-platform-story] .platform-story-meta p{margin:0;font-size:.75rem;line-height:1.6}[data-platform-story] .platform-story-meta [data-blog-version]{letter-spacing:0;text-transform:none;font-family:inherit}[data-platform-story] .platform-story-body{padding:2rem 1.25rem 3.5rem}[data-platform-story] .blog-prose{font-size:1.0625rem;line-height:1.8}[data-platform-story] .blog-prose h2{margin-top:3rem;scroll-margin-top:6rem;font-size:clamp(1.4rem,2.7vw,1.8rem);line-height:1.4}[data-platform-story] .blog-prose h3{font-size:1.15rem;line-height:1.5}[data-platform-story] .platform-contents{border-bottom:1px solid var(--rule);margin-bottom:2rem;padding-bottom:1.5rem;font-size:.875rem;line-height:1.7}[data-platform-story] .platform-contents p{margin-bottom:.5rem;font-weight:600}[data-platform-story] .platform-contents ul{gap:.4rem;display:grid}[data-platform-story] .platform-contents a{color:var(--muted);text-underline-offset:.2em;text-decoration:underline}[data-platform-story] .platform-contents a:focus-visible{outline:2px solid var(--focus);outline-offset:4px}[data-platform-story] .platform-figure{margin:2.5rem 0}[data-platform-story] .platform-figure img{border:1px solid var(--rule);border-radius:.75rem;width:100%;height:auto;display:block}[data-platform-story] .platform-figure figcaption{color:var(--muted);margin-top:.8rem;font-size:.875rem;line-height:1.7}[data-platform-story] .product-example{background:var(--surface);margin:2rem 0;padding:1.4rem 1.5rem}[data-platform-story] .product-example .example-label{color:var(--muted);margin:0 0 1rem;font-size:.8rem}[data-platform-story] .product-example dt{color:var(--muted);margin-top:1rem;font-size:.8rem;font-weight:600}[data-platform-story] .product-example dd{margin-top:.25rem}[data-platform-story] .implementation-note{border-block:1px solid var(--rule);margin:2.5rem 0;padding:1.25rem 0;font-size:.9375rem}[data-platform-story] .implementation-note summary{cursor:pointer;font-weight:600}[data-platform-story] .implementation-note summary:focus-visible{outline-offset:4px;outline:2px solid}@media (width>=768px){[data-platform-story] .platform-story-header{padding-block:3.5rem 2.5rem}[data-platform-story] .platform-story-body{padding-top:2.5rem}[data-platform-story] .blog-prose{font-size:1.125rem}}.blog-prose{font-size:1.0625rem;line-height:1.8}.blog-prose>:first-child{margin-top:0}.blog-prose h2{letter-spacing:-.025em;margin:2.75rem 0 1rem;font-size:clamp(1.6rem,4vw,2.1rem);line-height:1.25}.blog-prose h3{margin:2.25rem 0 .75rem;font-size:1.3rem;line-height:1.35}.blog-prose p,.blog-prose ul,.blog-prose ol,.blog-prose blockquote,.blog-prose pre,.blog-prose table{margin:1.25rem 0}.blog-prose ul,.blog-prose ol{padding-inline-start:1.4rem}.blog-prose li+li{margin-top:.45rem}.blog-prose a{text-underline-offset:.2em;text-decoration:underline}.blog-prose a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.blog-prose code{vertical-align:bottom;white-space:nowrap;border-radius:var(--rounded-control,.6rem);background:var(--surface);direction:ltr;unicode-bidi:isolate;max-width:100%;padding:.12rem .35rem;font-size:.9em;display:inline-block;overflow-x:auto}.blog-prose pre{text-align:left;border:1px solid var(--rule);direction:ltr;border-radius:.75rem;padding:1rem;overflow-x:auto}.blog-prose pre code{white-space:pre;background:0 0;max-width:none;padding:0;display:inline;overflow:visible}.blog-prose blockquote{border-inline-start:1px solid var(--rule-strong);color:var(--muted);padding-inline-start:1rem}.blog-prose table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.blog-prose th,.blog-prose td{border:1px solid var(--rule);text-align:start;padding:.6rem .75rem}.blog-prose .blog-figure-wide{--blog-figure-width:min(64rem, calc(100vw - 2rem));width:var(--blog-figure-width);max-width:none;margin:3rem calc((100% - var(--blog-figure-width)) / 2)}.blog-prose .blog-figure-image-link{border:1px solid var(--rule);background:#000;border-radius:.75rem;text-decoration:none;display:block;overflow:hidden}.blog-prose .blog-figure-image-link:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.blog-prose .blog-figure-image-link img{width:100%;height:auto;display:block}.blog-prose .blog-figure-wide figcaption{max-width:48rem;color:var(--muted);text-align:center;margin:.9rem auto 0;font-size:.875rem;line-height:1.6}@media (width<=52rem){.post-reading-shell{grid-template-columns:1fr;gap:2rem}.reading-contents{position:static}}
