.blog-frame{border-inline:1px solid var(--reader-line);width:100%;max-width:1320px;margin-inline:auto}.blog-intro,.blog-toolbar{border-bottom:1px solid var(--reader-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}.blog-intro{padding:48px}.blog-index-title{letter-spacing:-.04em;font-size:36px;line-height:1.15}.blog-intro-description{color:var(--reader-muted);margin-top:12px;font-size:17px;line-height:1.6}.blog-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.blog-eyebrow{color:var(--reader-muted);font-family:var(--font-mono);letter-spacing:.025em;text-transform:uppercase;font-size:11px;line-height:1.7}.blog-featured{border-bottom:1px solid var(--reader-line);padding:48px;position:relative}.blog-featured-copy{max-width:840px}.blog-featured-title{letter-spacing:-.035em;text-wrap:pretty;font-size:36px;line-height:1.2}.blog-featured-description{max-width:760px;margin-top:20px;font-size:18px;line-height:1.7}.blog-byline{color:var(--reader-muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;font-size:13px;line-height:1.6;display:flex}.blog-author{color:var(--reader-fg)}.blog-read-link{min-height:44px;color:var(--reader-accent);align-items:center;gap:10px;margin-top:16px;font-size:14px;display:inline-flex}.blog-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.blog-post{border-bottom:1px solid var(--reader-line);flex-direction:column;align-items:flex-start;min-width:0;padding:44px 48px;display:flex;position:relative}.blog-post:nth-child(odd){border-inline-end:1px solid var(--reader-line)}.blog-post:nth-child(odd):after{z-index:3;border:1px solid var(--color-frame);background:var(--color-junction);pointer-events:none;content:"";border-radius:3px;width:12px;height:12px;position:absolute;top:-6px;right:-6px}.blog-post:last-child:nth-child(odd){border-inline-end:0;grid-column:1/-1}.blog-post:last-child:nth-child(odd):after{right:calc(50% - 6px)}.blog-post:last-child:nth-child(odd) .blog-post-title{max-width:840px}.blog-post-description{max-width:760px}.blog-post-title{letter-spacing:-.03em;text-wrap:pretty;font-size:26px;line-height:1.3}.blog-post-description{margin-top:20px;margin-bottom:24px;font-size:16px;line-height:1.75}.blog-post .blog-byline{margin-top:auto}.blog-author:hover,.blog-read-link:hover,.blog-post-title a:hover,.blog-featured-title a:hover,.blog-related-link:hover h3{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px}.blog-index-end{text-align:center;padding:28px 48px;font-size:12px}.blog-toolbar{gap:12px;padding:16px 48px}.blog-reading-layout{grid-template-columns:minmax(0,1fr) 240px;gap:40px;padding:0 32px;display:grid}.blog-reading-main{width:100%;min-width:0;max-width:760px;margin-inline:auto;padding-block:48px}.blog-article-title{letter-spacing:-.04em;overflow-wrap:anywhere;text-wrap:pretty;font-size:42px;line-height:1.12}.blog-reading-summary{color:var(--reader-fg);letter-spacing:-.015em;margin-block:36px;font-size:19px;line-height:1.75}.blog-prose{overflow-wrap:anywhere}.blog-prose>:first-child{margin-top:0}.blog-article-sidebar{min-width:0;padding-block:48px}.blog-contents-list{margin-top:14px;padding:0;list-style:none}.blog-contents-list li{margin:0}.blog-contents-heading{color:var(--reader-fg);font-size:14px;font-weight:600;line-height:1.5}.blog-contents-list a{min-height:36px;color:var(--reader-muted);letter-spacing:-.01em;overflow-wrap:anywhere;border-inline-start:2px solid #0000;padding:8px 12px;font-size:13px;line-height:1.55;display:block}.blog-contents-list li[data-depth="3"] a{padding-inline-start:24px}.blog-contents-list a[aria-current=location]{border-color:var(--reader-accent);color:var(--reader-fg);font-weight:500}.blog-contents-list a:hover,.blog-contents-list a:focus-visible{color:var(--reader-fg);text-underline-offset:4px;text-decoration:underline}.blog-sidebar-feedback{border-top:1px solid var(--reader-line);margin-top:26px;padding-top:24px}.blog-feedback-heading{color:var(--reader-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600;line-height:1.6}.blog-feedback-options{gap:8px;margin-top:14px;display:flex}.blog-feedback-option{border:1px solid var(--reader-line);min-height:40px;color:var(--reader-fg);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:7px 14px;font-size:13px;line-height:1.5;transition:background-color .15s,border-color .15s;display:inline-flex}.blog-feedback-option svg{color:var(--reader-muted)}.blog-feedback-option:hover,.blog-feedback-option[aria-pressed=true]{background:var(--reader-hover);border-color:var(--reader-muted)}.blog-feedback-option:disabled{cursor:wait;opacity:.6}.blog-sidebar-actions{gap:2px;margin-top:18px;display:grid}.blog-sidebar-actions a{min-height:40px;color:var(--reader-muted);text-align:start;align-items:center;gap:10px;padding-block:8px;font-size:13px;line-height:1.5;display:flex}.blog-sidebar-actions a:hover{color:var(--reader-fg)}.blog-sidebar-actions svg{flex-shrink:0}.blog-contents-list a:focus-visible,.blog-sidebar-feedback :is(a,button):focus-visible{outline:2px solid var(--reader-accent);outline-offset:-2px;border-radius:4px}.blog-mobile-contents{border-block:1px solid var(--reader-line);margin-bottom:32px;padding-block:12px;font-size:14px;display:none}.blog-editorial-note{margin-top:0;padding-bottom:32px}.blog-related{border-top:1px solid var(--reader-line)}.blog-related-heading{border-bottom:1px solid var(--reader-line);letter-spacing:-.025em;padding:32px 48px;font-size:24px;position:relative}.blog-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.blog-related-link{min-width:0;padding:32px}.blog-related-link+.blog-related-link{border-inline-start:1px solid var(--reader-line)}.blog-related-link h3{letter-spacing:-.02em;margin-top:12px;font-size:19px;font-weight:500;line-height:1.4}@media (width>=1200px){.blog-reading-layout{grid-template-columns:minmax(0,1fr) minmax(0,760px) 240px;gap:32px;padding-inline:32px}.blog-reading-main{grid-column:2}}@media (width<=999px){.blog-reading-layout{padding-block:48px;display:block}.blog-reading-main{padding-block:0}.blog-sidebar-contents{display:none}.blog-article-sidebar{max-width:760px;margin-inline:auto;padding-block:0}.blog-sidebar-feedback{margin-top:8px}.blog-sidebar-actions{flex-wrap:wrap;gap:4px 24px;display:flex}.blog-mobile-contents{display:block}}@media (width<=809px){.blog-frame{border-inline:0}.blog-intro,.blog-featured,.blog-post,.blog-reading-layout{padding:32px 24px}.blog-post-grid,.blog-related-grid{grid-template-columns:minmax(0,1fr)}.blog-post:nth-child(odd),.blog-related-link+.blog-related-link{border-inline:0}.blog-post:nth-child(odd):after{display:none}.blog-related-link+.blog-related-link{border-top:1px solid var(--reader-line)}.blog-index-title{font-size:32px}.blog-featured-title{font-size:30px}.blog-article-title{font-size:34px}.blog-post-title{font-size:25px}.blog-toolbar{padding:12px 24px}.blog-related-heading,.blog-related-link{padding:28px 24px}}@media print{.blog-toolbar,.blog-article-sidebar,.blog-mobile-contents{display:none}.blog-reading-layout{padding:24px 0;display:block}.blog-reading-main{padding-block:0}}
