.blog-page{--page-accent:var(--accent);padding-top:134px}.blog-page a{text-underline-offset:5px}.blog-page .button{gap:10px}.blog-page .section-kicker{margin-bottom:18px}.blog-page :is(section,article,aside,header,div){min-width:0}.blog-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.8fr);grid-gap:70px;gap:70px;align-items:center;padding:16px 0 76px}.blog-hero h1{font-size:clamp(2.8rem,5vw,4.4rem);line-height:1.12;margin-bottom:26px}.blog-hero h1 em{color:var(--accent);font-weight:inherit}.blog-hero .lead-text{max-width:510px}.blog-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}.blog-hero-actions>a:last-child{color:var(--text-primary);font-size:.92rem}.blog-hero-caption{font-size:.78rem;margin-top:28px}.blog-portrait{position:relative;margin:0}.blog-portrait img{display:block;width:100%;max-height:450px;object-fit:cover;object-position:center 28%;border-radius:var(--radius)}.blog-portrait figcaption{display:flex;flex-direction:column;gap:4px;padding:15px 0 0;font-size:.76rem;color:var(--text-secondary)}.blog-portrait figcaption span:first-child{font-size:.92rem;color:var(--text-primary)}.blog-featured{display:grid;grid-template-columns:210px minmax(0,1fr);grid-gap:48px;gap:48px;padding:42px 0;border-block:1px solid var(--line)}.blog-featured-label{display:flex;flex-direction:column;justify-content:space-between}.blog-featured-label>span:last-child{font-family:Playfair Display,Georgia,serif;font-size:4.5rem;line-height:1;color:var(--accent);opacity:.45}.blog-featured h2{font-size:clamp(1.7rem,3vw,2.55rem);max-width:730px;margin-bottom:16px}.blog-featured h2 a,.blog-post-row h3 a,.blog-start h3 a{color:inherit;text-decoration:none}.blog-featured h2 a:hover,.blog-post-row h3 a:hover,.blog-start h3 a:hover{color:var(--accent-bright)}.blog-featured p{max-width:710px}.blog-text-link{color:var(--accent-bright);display:inline-flex;gap:28px;font-size:.9rem}.blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;font-size:.74rem;line-height:1.6;color:var(--text-secondary);margin-bottom:14px}.blog-meta>:first-child{color:var(--accent-bright)}.blog-feed,.blog-related,.blog-start{padding:68px 0 0;scroll-margin-top:100px}.blog-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:24px}.blog-section-heading h2{font-size:2.15rem;margin:0}.blog-section-heading>a,.blog-section-heading>span{font-size:.83rem;color:var(--text-secondary)}.blog-filters{display:flex;flex-wrap:wrap;gap:8px}.blog-search{margin-bottom:26px}.blog-search label{display:block;color:var(--text-primary);font-size:.85rem;margin-bottom:10px}.blog-search>div{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.blog-search input{flex:1 1 280px;min-width:0;max-width:620px;min-height:48px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-secondary);color:var(--text-primary);font:inherit}.blog-search input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.blog-search input::placeholder{color:var(--text-secondary)}.blog-search p{font-size:.75rem;margin:9px 0 0}.blog-filters button{background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--text-secondary);min-height:44px;padding:10px 17px;cursor:pointer;font:inherit;font-size:.81rem}.blog-filters button:hover{border-color:var(--accent);color:var(--text-primary)}.blog-filters button[aria-pressed=true]{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.blog-result-count{margin:18px 0 6px;font-size:.75rem;min-height:22px}.blog-post-row{display:grid;grid-template-columns:165px minmax(0,1fr) 48px;grid-gap:34px;gap:34px;align-items:start;padding:30px 0;border-bottom:1px solid var(--line)}.blog-row-date{display:flex;flex-direction:column;gap:9px;font-size:.76rem;color:var(--text-secondary);padding-top:3px}.blog-row-date span{font-size:.72rem}.blog-post-row h3{font-size:1.65rem;margin-bottom:12px}.blog-post-row p{margin:0;font-size:.9rem;max-width:690px}.blog-row-arrow{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;text-decoration:none;color:var(--accent-bright)}.blog-row-arrow:hover{border-color:var(--accent)}.blog-empty{padding:36px;margin:12px 0 0;background:var(--bg-secondary);border:1px solid var(--line);border-radius:var(--radius)}.blog-empty h3{font-size:1.65rem}.blog-empty p{max-width:600px}.blog-empty>div{display:flex;flex-wrap:wrap;align-items:center;gap:24px}.blog-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:28px;gap:28px}.blog-start-grid article{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:22px}.blog-start-index{color:var(--accent);font-family:Playfair Display,Georgia,serif;font-size:1.5rem;margin-bottom:20px}.blog-small-label{font-size:.69rem;color:var(--text-secondary);margin-bottom:10px}.blog-start-grid h3{font-size:1.5rem}.blog-start-grid p{font-size:.86rem;flex:1 1}.blog-start-grid article>a{font-size:.82rem;color:var(--accent-bright);text-decoration:none}.blog-start-grid article>a span{margin-left:14px}.blog-subscribe{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.7fr);grid-gap:48px;gap:48px;align-items:center;padding:40px;margin-top:76px;background:var(--bg-secondary);border:1px solid var(--line);border-radius:var(--radius)}.blog-subscribe h2{font-size:2rem}.blog-subscribe p{font-size:.88rem;margin-bottom:0;max-width:600px}.blog-subscribe-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}.blog-subscribe-actions>span{font-size:.7rem;text-align:center;color:var(--text-secondary)}.blog-detail .article-breadcrumb{margin-bottom:38px}.blog-article-header{max-width:900px;margin:0 auto;padding-bottom:44px;border-bottom:1px solid var(--line)}.blog-article-header h1{font-size:clamp(2.25rem,4.3vw,3.65rem);line-height:1.14}.blog-article-header .lead-text{margin-top:24px}.blog-byline{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:.79rem;color:var(--text-secondary);margin-top:26px}.blog-byline a{color:var(--text-primary)}.blog-update{font-size:.75rem;margin-top:12px}.blog-reading-layout{display:grid;grid-template-columns:205px minmax(0,740px);grid-gap:60px;gap:60px;justify-content:center;padding-top:48px}.blog-reading-body:only-child{grid-column:1/-1;max-width:740px;margin:0 auto}.blog-toc nav{position:-webkit-sticky;position:sticky;top:108px;font-size:.76rem}.blog-toc strong{color:var(--accent-bright);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.blog-toc ol{list-style:none;padding:0;margin-top:18px}.blog-toc li{margin-bottom:14px;line-height:1.5}.blog-toc a{color:var(--text-secondary);text-decoration:none}.blog-toc a:hover{color:var(--accent-bright)}.blog-prose{font-size:1.05rem;line-height:1.85;overflow-wrap:anywhere}.blog-prose li,.blog-prose p{color:var(--text-primary)}.blog-prose p{margin-bottom:24px}.blog-prose h2{font-size:2rem;margin:48px 0 22px;scroll-margin-top:108px}.blog-prose h3,.blog-prose h4,.blog-prose h5,.blog-prose h6{font-size:1.5rem;margin:36px 0 18px;scroll-margin-top:108px}.blog-prose>:first-child{margin-top:0}.blog-prose ol,.blog-prose ul{padding-left:26px;margin-bottom:26px}.blog-prose li{padding-left:6px;margin-bottom:10px}.blog-prose a{color:var(--accent-bright)}.blog-prose blockquote{margin:32px 0;padding:18px 24px;border-left:3px solid var(--accent);background:var(--bg-secondary)}.blog-prose blockquote p:last-child{margin-bottom:0}.blog-prose code{font-size:.85em;background:var(--bg-secondary);border-radius:4px;padding:3px 6px}.blog-prose pre{padding:22px;overflow-x:auto;background:var(--bg-secondary);border:1px solid var(--line);border-radius:12px}.blog-prose pre code{padding:0}.blog-prose hr{border:0;border-top:1px solid var(--line);margin:36px 0}.blog-inline-image{display:block;width:100%;height:auto;border-radius:12px;margin:24px 0}.blog-figure{margin:40px 0}.blog-figure .blog-inline-image{margin:0;border:1px solid var(--line)}.blog-figure figcaption{margin-top:12px;color:var(--text-secondary);font-size:.85rem;line-height:1.65}.blog-table{max-width:100%;overflow-x:auto;margin:28px 0}.blog-table table{border-collapse:collapse;min-width:480px;width:100%;font-size:.85rem}.blog-table td,.blog-table th{padding:12px 16px;text-align:left;border:1px solid var(--line)}.blog-article-end{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:.8rem;margin:44px 0 28px}.blog-article-end>span:first-child{color:var(--accent)}.blog-share{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:30px}.blog-share>span{min-height:22px;color:var(--text-secondary);font-size:.8rem}.blog-share input{width:100%}.blog-related h2{font-size:2rem}.blog-related>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.blog-related>div>a{display:flex;justify-content:space-between;gap:20px;padding:24px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--text-primary)}.blog-related>div>a span{color:var(--accent)}.blog-editor-notice,.blog-preview-banner{background:var(--bg-elevated);border-left:3px solid var(--accent);padding:18px 22px;margin:24px 0;color:var(--text-primary);font-size:.88rem}.blog-preview-banner{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.blog-editor-header{max-width:930px;margin-bottom:38px}.blog-editor-header h1{margin-top:26px;font-size:clamp(2rem,4vw,3.4rem)}.blog-editor-list{display:grid;grid-gap:22px;gap:22px}.blog-editor-card,.blog-editor-guide{padding:30px;border:1px solid var(--line);background:var(--bg-secondary);border-radius:var(--radius);margin-bottom:24px}.blog-editor-card h2,.blog-editor-guide h2{font-size:1.75rem}.blog-editor-card h2 a{text-decoration:none}.blog-version-list{display:flex;flex-wrap:wrap;gap:12px;font-size:.78rem;color:var(--text-secondary)}.blog-editor-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:24px}.blog-editor-guide{margin-top:36px}.blog-editor-guide li{margin-bottom:16px}.blog-editor-guide code,.blog-empty code{overflow-wrap:anywhere}.blog-copy-draft label{display:block;margin:22px 0 8px;font-size:.85rem}.blog-copy-draft textarea,.blog-share input{font:inherit;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--line);padding:14px;border-radius:8px}.blog-copy-draft textarea{width:100%;resize:vertical;min-height:240px}.blog-copy-draft>div{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:16px 0}.blog-copy-draft>div span{font-size:.85rem}@media (max-width:1024px){.blog-hero{gap:36px;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr)}.blog-reading-layout{grid-template-columns:170px minmax(0,1fr);gap:32px}.blog-featured{grid-template-columns:150px minmax(0,1fr);gap:30px}.blog-subscribe{gap:28px;padding:30px}.blog-start-grid{gap:20px}}@media (max-width:767px){.blog-page{padding-top:108px}.blog-hero{grid-template-columns:1fr;gap:30px;padding-bottom:44px}.blog-hero h1{font-size:clamp(2.6rem,8.5vw,3.5rem)}.blog-hero .section-kicker{font-size:.64rem}.blog-hero-caption{margin-bottom:0}.blog-portrait{width:min(280px,82%)}.blog-portrait img{height:250px;object-position:center 28%}.blog-featured{grid-template-columns:1fr;gap:16px;padding:28px 0}.blog-featured-label{flex-direction:row;align-items:center}.blog-featured-label .section-kicker{margin:0}.blog-featured-label>span:last-child{font-size:2rem}.blog-feed,.blog-related,.blog-start{padding-top:46px}.blog-section-heading{flex-wrap:wrap;gap:12px}.blog-section-heading h2{font-size:1.8rem}.blog-filters button{font-size:.76rem;padding:9px 13px}.blog-post-row{grid-template-columns:minmax(0,1fr) 40px;gap:18px;padding:24px 0}.blog-row-date{grid-column:1/-1;flex-direction:row;gap:20px}.blog-post-row h3{font-size:1.45rem}.blog-row-arrow{width:38px;height:44px}.blog-start-grid{grid-template-columns:1fr;gap:28px}.blog-start-index{margin-bottom:10px}.blog-start-grid h3{font-size:1.4rem}.blog-subscribe{grid-template-columns:1fr;padding:24px;margin-top:46px}.blog-subscribe h2{font-size:1.65rem}.blog-empty{padding:24px}.blog-article-header{padding-bottom:30px}.blog-article-header h1{font-size:2.25rem}.blog-detail .article-breadcrumb{font-size:.72rem;margin-bottom:24px}.blog-reading-layout{grid-template-columns:1fr;gap:30px;padding-top:30px}.blog-toc{border-bottom:1px solid var(--line)}.blog-toc nav{position:static}.blog-prose{font-size:1rem;line-height:1.8}.blog-prose h2{font-size:1.7rem}.blog-related>div{grid-template-columns:1fr}.blog-editor-card,.blog-editor-guide{padding:22px}}