@layer components{.blog-index{min-height:70vh;padding-block:var(--section-space-sm)}.blog-eyebrow{color:var(--secondary);letter-spacing:.06em;font-size:11px;line-height:1.8}.blog-intro{max-width:620px;margin-bottom:72px}.blog-intro h1{margin:12px 0 24px;font-size:clamp(48px,8vw,88px);font-weight:600}.blog-intro>p:last-child{color:var(--secondary);font-size:19px;line-height:1.6}.blog-post{border-top:1px solid var(--rule);transition:background var(--duration-fast) var(--ease);grid-template-columns:200px 1fr auto;align-items:baseline;gap:32px;padding-block:32px;display:grid}.blog-post h2{font-size:26px;font-weight:600}.blog-post p{color:var(--secondary);margin-top:12px;line-height:1.6}.blog-post:is(:hover,:focus-visible){background:color-mix(in oklab, var(--calibration) 7%, transparent)}.blog-empty{border-top:1px solid var(--rule);color:var(--secondary);padding-block:32px}body.reading:before{animation:none}.reader{max-width:1280px;padding:72px calc(var(--pad) + env(safe-area-inset-right,0px)) 0 calc(var(--pad) + env(safe-area-inset-left,0px));grid-template-columns:220px minmax(0,660px);align-items:start;gap:clamp(48px,8vw,128px);margin-inline:auto;display:grid}.reader-sidebar{max-height:calc(100dvh - 96px);margin:-6px;padding:6px;position:sticky;top:48px;overflow-y:auto}.reader-monogram{letter-spacing:-.08em;width:fit-content;transition:color var(--duration-fast) var(--ease);margin-bottom:36px;font-size:28px;font-weight:600;display:block}.reader-monogram:is(:hover,:focus-visible){color:var(--calibration)}.reader-monogram span{color:var(--secondary)}.reader-back{font-size:var(--text-sm);color:var(--secondary);align-items:center;gap:10px;padding-block:8px;display:inline-flex}.reader-toc{margin-top:36px}.reader-toc ol{margin-top:12px;padding:0;list-style:none}.reader-toc a{color:var(--secondary);font-size:var(--text-sm);border-left:1px solid var(--rule);transition:color var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease);padding:7px 0 7px 14px;line-height:1.55;display:block}.reader-toc a:is(:hover,:focus-visible),.reader-toc a[aria-current]{color:var(--ink);border-color:var(--ink)}.reader-toc .nested a{font-size:var(--text-xs);padding-left:26px}.reader-main{min-width:0;padding-top:8px}.reader .blog-eyebrow{font-size:12px}.article-header{margin-bottom:56px}.article-header h1{margin:24px 0;font-size:clamp(36px,4vw,52px);font-weight:600;line-height:1.08}.article-header .blog-eyebrow span{margin-inline:10px}.article-deck{color:var(--secondary);font-size:24px;line-height:1.5}.article-byline{color:var(--secondary);margin-top:12px;font-size:15px;line-height:1.8}.article-byline a,.article-related a{text-decoration:underline}.article-related{margin-bottom:32px}.article-related h2{color:var(--ink);font-size:21px;font-weight:500}.article-related ul{margin-top:12px;padding-left:20px}.article-related li{margin-block:12px;line-height:1.6}.article-source{color:var(--secondary);margin-top:20px;font-size:14px;text-decoration:underline;display:inline-block}.article-cover{border-radius:var(--radius-sm);width:100%;height:auto;margin-bottom:40px}.article-body{overflow-wrap:anywhere;font-size:20px;line-height:1.7}.article-body p,.article-body ul,.article-body ol{margin-block:28px}.article-body h2{margin:72px 0 24px;scroll-margin-top:64px;font-size:30px;font-weight:600;line-height:1.3}.article-body h3{margin:40px 0 16px;scroll-margin-top:64px;font-size:23px;font-weight:600}.article-body a{text-decoration:underline}.article-body blockquote{border-left:2px solid var(--rule);color:var(--secondary);margin-block:36px;padding-left:28px}.article-body pre{border:1px solid var(--rule);border-radius:var(--radius-sm);margin-block:32px;padding:24px;font-size:15px;line-height:1.7;overflow-x:auto}.article-body :not(pre)>code{background:var(--surface);padding:2px 5px;font-size:.85em}.article-body img{border-radius:var(--radius-sm);height:auto;margin-block:32px}.article-cover,.article-body img{--feather:clamp(16px, 4vw, 40px);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--feather), #000 calc(100% - var(--feather)), transparent), linear-gradient(to bottom, transparent, #000 var(--feather), #000 calc(100% - var(--feather)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--feather), #000 calc(100% - var(--feather)), transparent), linear-gradient(to bottom, transparent, #000 var(--feather), #000 calc(100% - var(--feather)), transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.article-body table{border-collapse:collapse;display:block;overflow-x:auto}.article-body td,.article-body th{border:1px solid var(--rule);padding:8px 16px}.article-end{border-top:1px solid var(--rule);color:var(--secondary);margin-top:72px;padding-block:28px 64px;font-size:15px}@media (width>=1366px){.reader{grid-template-columns:220px minmax(0,1fr) 220px;gap:clamp(48px,6vw,96px);max-width:none}.reader-main{max-width:660px;margin-inline:auto}}@media (width<=860px){.reader{max-width:700px;padding-top:28px;display:block}.reader-sidebar{max-height:none;margin-bottom:44px;position:static}.reader-monogram{display:none}.reader-toc{margin-top:24px}.reader-toc ol{flex-wrap:wrap;gap:4px 18px;display:flex}.reader-toc a,.reader-toc .nested a{text-decoration:underline;text-decoration-color:var(--rule);border-left:0;padding:5px 0;font-size:12px}.reader-toc a[aria-current]{text-decoration-color:var(--ink)}.article-body{font-size:18px}.blog-post{grid-template-columns:1fr auto;gap:12px}.blog-post>.blog-eyebrow{grid-column:1/-1}}}