.blog-page{padding-block:34px 64px}.blog-wrap{max-width:1200px}.blog-intro{grid-template-columns:1.2fr 1fr;align-items:end;gap:48px;padding-block:20px 48px;display:grid}.blog-intro h1,.article-header h1{letter-spacing:-.035em;font-size:clamp(2.3rem,4.5vw,4rem);line-height:1.08}.blog-intro h1{max-width:13ch}.blog-intro p,.article-description{color:var(--muted);max-width:62ch;font-size:1.15rem;line-height:1.65}.blog-list{border-top:1px solid var(--line)}.blog-entry{border-bottom:1px solid var(--line);grid-template-columns:230px minmax(0,1fr);gap:40px;padding-block:36px;display:grid}.blog-entry-meta{color:var(--muted);flex-direction:column;align-items:flex-start;gap:8px;font-size:.85rem;display:flex}.blog-entry-meta>span:first-child{color:var(--accent);font-weight:600}.blog-entry h2{font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.22}.blog-entry h2 a{justify-content:space-between;align-items:center;gap:24px;min-height:44px;display:flex}.blog-entry h2 a:hover{color:var(--accent)}.blog-entry h2 svg,.article-related svg{flex:none;width:20px;height:20px}.blog-entry p{color:var(--muted);max-width:65ch;margin-top:16px}.blog-empty{border-block:1px solid var(--line);padding-block:40px}.blog-empty h2,.blog-help h2{font-size:1.6rem;line-height:1.25}.blog-empty p,.blog-help p{max-width:65ch;color:var(--muted);margin-block:16px 22px}.blog-help{padding-top:48px}.article-header{max-width:850px;padding-block:16px 36px}.article-description{margin-top:22px}.article-byline{color:var(--muted);flex-wrap:wrap;gap:8px 22px;margin-top:24px;font-size:.88rem;display:flex}.article-reviewer{color:var(--muted);margin-top:8px;font-size:.88rem}.article-reviewer a{text-underline-offset:3px;text-decoration:underline}.article-layout{border-top:1px solid var(--line);grid-template-columns:240px minmax(0,1fr);align-items:start;gap:64px;padding-top:32px;display:grid}.article-toc{position:sticky;top:110px}.article-toc-mobile{display:none}.article-toc h2{margin-bottom:16px;font-size:1rem}.article-toc a,.article-toc-mobile a{color:var(--muted);padding-block:10px;font-size:.9rem;line-height:1.45;display:block}.article-toc a:hover,.article-toc-mobile a:hover{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.article-content{overflow-wrap:anywhere;min-width:0;max-width:72ch;font-size:1.075rem;line-height:1.75}.article-content :is(h2,h3,section){scroll-margin-top:112px}.article-content h2{letter-spacing:-.025em;font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.25}.article-content h3{font-size:1.18rem;line-height:1.4}.article-answer{background:var(--accent-soft);border-radius:12px;padding:24px 28px}.article-answer h2{color:var(--accent-deep);margin-bottom:12px;font-size:1.1rem}.article-answer p{color:var(--ink-2)}.article-cover{margin:32px 0}.article-cover img{border-radius:12px;width:100%;height:auto;display:block}.article-prose h2{margin-block:44px 18px}.article-prose h3{margin-block:28px 12px}.article-prose p,.article-prose ul,.article-prose ol{margin-block:18px}.article-prose li{margin-block:7px}.article-prose a,.article-sources a{color:var(--accent-deep);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.article-prose a:hover,.article-sources a:hover{color:var(--ink)}.article-prose blockquote{border-inline-start:1px solid var(--accent);background:var(--card);margin:24px 0;padding:16px 24px}.article-prose pre{background:var(--dark);color:var(--on-dark);border-radius:8px;padding:20px;overflow:auto}.article-table{border:1px solid var(--line);border-radius:8px;margin-block:24px;overflow-x:auto}.article-table table{border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums;width:100%;font-size:.92rem}.article-table th{background:var(--paper-2);font-weight:600}.article-table th,.article-table td{vertical-align:top;min-width:140px;padding:14px 18px}.article-table tr+tr{border-top:1px solid var(--line)}.article-faq,.article-sources,.article-related,.article-contact{border-top:1px solid var(--line);margin-top:44px;padding-top:28px}.article-faq h3{margin-block:24px 10px}.article-sources ol{padding-left:24px}.article-sources li{padding-block:6px;font-size:.95rem}.article-related h2{margin-bottom:16px}.article-related a{color:var(--accent-deep);justify-content:space-between;align-items:center;gap:16px;padding-block:12px;display:flex}.article-contact .button{margin-top:22px}@media (width<=980px){.blog-intro{gap:28px}.article-layout{grid-template-columns:1fr;gap:32px}.article-toc{display:none}.article-toc-mobile{border-block:1px solid var(--line);margin-top:24px;display:block}.article-toc-mobile summary{cursor:pointer;min-height:48px;padding-block:14px;font-weight:600}.article-toc-mobile nav{padding-bottom:16px}.article-content{max-width:none}}@media (width<=600px){.blog-page{padding-block:22px 44px}.blog-intro{grid-template-columns:1fr;padding-bottom:28px}.blog-intro h1{max-width:16ch}.blog-entry{grid-template-columns:1fr;gap:16px;padding-block:26px}.blog-entry-meta{flex-flow:wrap;gap:6px 14px}.article-header{padding-bottom:24px}.article-header h1{font-size:2.2rem}.article-content{font-size:1rem}.article-answer{padding:20px}.article-content :is(h2,h3,section){scroll-margin-top:88px}}.article-cover figcaption{color:var(--muted);margin-top:12px;font-size:.94rem;line-height:1.55}
