.blog-index,.blog-article{padding-top:48px;padding-bottom:80px;color:var(--ui-strong)}.blog-index-head{max-width:760px;margin-bottom:40px}.blog-index h1{font-size:clamp(38px,5vw,64px);line-height:1.08;letter-spacing:-.035em;margin:0 0 20px;text-wrap:balance}.blog-index-head p,.blog-lead{font-size:19px;line-height:1.7;color:var(--ui-muted)}.blog-controls{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;align-items:end;margin-bottom:20px}.blog-controls label{grid-column:1;font-weight:600;margin-bottom:8px}.blog-search-row{grid-column:1;display:flex;gap:8px}.blog-controls input{min-width:0;width:100%;padding:12px;background:var(--ui-inset);color:var(--ui-strong);border:1px solid var(--ui-control-line);border-radius:8px;font:inherit;caret-color:var(--ui-accent)}.blog-controls input::placeholder{color:var(--ui-muted)}.blog-controls button,#blog-reset,#blog-copy{min-height:44px;padding:10px 16px;border:1px solid var(--ui-control-line);border-radius:8px;background:var(--ui-surface);color:var(--ui-strong);font:inherit;cursor:pointer}.blog-controls button:hover,#blog-copy:hover,#blog-reset:hover{background:var(--ui-raised)}.blog-controls fieldset{grid-column:2;grid-row:1/3;margin:0;padding:0;border:0;display:flex;gap:8px;flex-wrap:wrap}.blog-controls legend{margin-bottom:8px;font-weight:600}.blog-controls [aria-pressed=true]{background:var(--ui-strong);color:var(--ui-bg);border-color:var(--ui-strong)}#blog-count{font-size:14px;color:var(--ui-muted);margin:24px 0 0}.blog-entry{display:grid;grid-template-columns:300px 1fr;gap:36px;padding:32px 0;border-bottom:1px solid var(--ui-line);align-items:center}.blog-entry:not(:has(.blog-entry-image)){grid-template-columns:1fr}.blog-entry-image{height:196px;overflow:hidden;border-radius:12px;display:block;background:var(--ui-inset)}.blog-entry img{width:100%;height:100%;object-fit:cover}.blog-entry h2{font-size:clamp(24px,2.4vw,31px);line-height:1.25;letter-spacing:-.025em;margin:12px 0;text-wrap:balance}.blog-entry h2 a{color:var(--ui-strong);text-decoration:none}.blog-entry h2 a:hover{text-decoration:underline}.blog-entry p{color:var(--ui-muted);max-width:70ch;line-height:1.65;margin:0 0 14px}.blog-read{font-weight:600}.blog-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--ui-muted);font-size:13px;line-height:1.7}.blog-meta a,.blog-breadcrumb a,.blog-toc a,.blog-prose a,.blog-read,.blog-back{color:var(--ui-accent);text-underline-offset:4px}.blog-featured .blog-meta>span:first-child{color:var(--ui-accent)}#blog-empty{padding:48px 0}.blog-list [hidden],#blog-empty[hidden]{display:none}.blog-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;color:var(--ui-muted);margin-bottom:36px}.blog-article-head{max-width:900px;margin:0 auto 32px}.blog-article-head h1{font-size:clamp(34px,4.3vw,54px);line-height:1.13;letter-spacing:-.03em;margin:0 0 22px;text-wrap:balance}.blog-lead{max-width:70ch;margin:0 0 24px}.blog-updated{font-size:13px;color:var(--ui-muted);margin:6px 0}.blog-cover{max-width:900px;margin:0 auto 48px}.blog-cover img{width:100%;height:440px;object-fit:contain;background:var(--ui-inset);border-radius:12px}.blog-cover figcaption{color:var(--ui-muted);font-size:13px;line-height:1.6;margin-top:10px;max-width:75ch}.blog-reading{display:grid;grid-template-columns:220px minmax(0,72ch);gap:48px;justify-content:center;align-items:start}.blog-toc{position:sticky;top:100px;font-size:14px;line-height:1.5}.blog-toc summary{font-weight:600;margin-bottom:14px;cursor:pointer}.blog-toc nav{display:grid;gap:12px;border-top:1px solid var(--ui-line);padding-top:14px}.blog-toc a{color:var(--ui-muted);text-decoration:none}.blog-toc a:hover{color:var(--ui-accent);text-decoration:underline}#blog-copy{margin-top:24px;font-size:13px}#blog-copy-status{display:block;color:var(--ui-muted);margin-top:8px}.blog-prose{font-size:17px;line-height:1.85;min-width:0;overflow-wrap:anywhere}.blog-prose h2{font-size:28px;line-height:1.25;letter-spacing:-.025em;margin:48px 0 18px;scroll-margin-top:110px;text-wrap:balance}.blog-prose>section:first-child h2{margin-top:0}.blog-prose h3{font-size:20px;line-height:1.4;margin:26px 0 8px}.blog-prose p{margin:0 0 20px}.blog-prose ul,.blog-prose ol{padding-left:24px;margin:18px 0 26px}.blog-prose li{padding-left:5px;margin-bottom:14px}.blog-prose li h3{margin-top:20px}.blog-prose blockquote{margin:28px 0;padding:20px 24px;border:1px solid var(--ui-line);background:var(--ui-inset)}.blog-prose blockquote p{margin:0}.blog-prose details{padding:18px 0;border-bottom:1px solid var(--ui-line)}.blog-prose summary{font-weight:600;cursor:pointer;line-height:1.5}.blog-prose details p{margin:14px 0 0}.blog-inline-cta{padding:28px;margin:36px 0;background:var(--ui-inset);border-radius:12px}.blog-inline-cta h2,.blog-inline-cta h3{margin:0 0 12px}.blog-inline-cta .primary{color:var(--ui-on-action);font-size:15px}.blog-editorial{font-size:14px;color:var(--ui-muted);padding-top:24px;border-top:1px solid var(--ui-line)}.blog-editorial p:last-child{margin-bottom:0}.blog-prose figure{margin:28px 0}.blog-prose figure img{display:block;max-width:100%;height:auto;margin-inline:auto;border:1px solid var(--ui-line);border-radius:12px}.blog-prose figcaption{font-size:14px;line-height:1.6;color:var(--ui-muted);margin-top:12px}.blog-related{max-width:900px;margin:64px auto 0;border-top:1px solid var(--ui-line);padding-top:28px}.blog-related h2{font-size:30px;margin:0 0 20px}.blog-related>a:not(.blog-back){display:grid;gap:6px;padding:18px 0;border-bottom:1px solid var(--ui-line);color:var(--ui-strong);text-decoration:none}.blog-related span{font-size:13px;color:var(--ui-muted)}.blog-related strong{font-size:20px;font-weight:500}.blog-related a:hover strong{text-decoration:underline}.blog-back{display:inline-block;margin-top:24px}@media(max-width:900px){.blog-controls{grid-template-columns:1fr;gap:16px}.blog-controls fieldset{grid-column:1;grid-row:auto}.blog-controls label{margin:0}.blog-reading{grid-template-columns:1fr;gap:30px;max-width:72ch;margin:auto}.blog-toc{position:static}.blog-cover img{height:360px}.blog-entry{grid-template-columns:240px 1fr;gap:24px}}@media(max-width:600px){.blog-index,.blog-article{padding-top:30px;padding-bottom:48px}.blog-index-head{margin-bottom:28px}.blog-index-head p,.blog-lead{font-size:17px}.blog-controls fieldset{gap:6px}.blog-controls button{font-size:13px;padding:10px 12px}.blog-entry{grid-template-columns:1fr;gap:20px;padding:28px 0}.blog-entry-image{height:220px}.blog-entry h2{font-size:26px}.blog-cover{margin-bottom:32px}.blog-cover img{height:300px}.blog-prose{font-size:16px;line-height:1.8}.blog-prose h2{font-size:25px}.blog-inline-cta{padding:22px}.blog-meta{gap:6px 12px}.blog-breadcrumb{margin-bottom:28px}.blog-toc details:not([open]) summary{margin-bottom:0}}.blog-read .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.blog-prose .answer-table table{min-width:0;width:100%;table-layout:fixed}.blog-prose .answer-table th:first-child{width:30%}.blog-prose .answer-table :is(th,td){overflow-wrap:anywhere}
