:root{--page:#fff;--ink:#2f2f2f;--muted:#6f6f6f;--soft:#f5f5f5;--panel:#ededed;--line:#e8e6e6;--dark:#605e5e;--mid:#eee;--accent:#b21127;--accent-soft:#fff0f2;--accent-panel:#ffdce2;--tag-accent:#4b3fe4;--tag-soft:#f3f4ff;--tag-line:#d8dcff;--card-shadow:0 8px 18px rgba(150,150,150,.12);--canvas:1440px;--gutter:clamp(20px,5vw,80px)}.blog-article{background:#fff}.article-hero{width:auto;margin-inline:var(--gutter);background:#fff;grid-template-columns:minmax(0,.9fr) minmax(360px,1fr);align-items:center;gap:56px;padding:48px 0;display:grid}.article-hero-copy{gap:18px;display:grid}.article-hero-copy>a{color:var(--accent);font-size:14px;font-weight:700;text-decoration:none;transition:opacity .2s}.article-hero-copy>a:hover{opacity:.85}.article-hero h1{color:var(--ink);margin:0;font-size:max(32px,min(3vw,46px));font-weight:600;line-height:1.16}.article-hero-copy>p{max-width:720px;color:var(--muted);margin:0;font-size:17px;line-height:1.75}.article-cover{background:#d9d9d9;border-radius:16px;min-height:380px;max-height:460px;margin:0;overflow:hidden}.article-cover img{object-fit:cover;width:100%;height:100%;display:block}.article-layout{margin-inline:var(--gutter)!important;grid-template-columns:260px minmax(0,1fr)!important;align-items:start!important;gap:48px!important;padding:48px 0 112px!important;display:grid!important}.article-toc{border-left:3px solid var(--accent,#b21127)!important;z-index:10!important;flex-direction:column!important;grid-column:1!important;max-height:calc(100vh - 80px)!important;padding-left:20px!important;display:flex!important;position:-webkit-sticky!important;position:sticky!important;top:30px!important;overflow-y:auto!important}.article-toc strong{color:var(--accent,#b21127)!important;letter-spacing:-.01em!important;margin-bottom:18px!important;font-size:17px!important;font-weight:700!important;display:block!important}.article-toc a{color:#3a3a3a!important;margin-bottom:14px!important;font-size:15px!important;font-weight:500!important;line-height:1.5!important;text-decoration:none!important;transition:color .2s,transform .2s!important;display:block!important}.article-toc a:last-child{margin-bottom:0!important}.article-toc a.toc-h1{color:#2f2f2f!important;font-weight:600!important}.article-toc a.toc-h2{color:#3a3a3a!important;font-weight:500!important}.article-toc a.toc-h3{color:#666!important;padding-left:14px!important;font-size:14px!important}.article-toc a:hover{color:var(--accent,#b21127)!important}.article-content{color:#303030;grid-column:2!important;width:100%!important;min-width:0!important}.article-content h1,.article-content h2,.article-content h3,.article-content h4{color:var(--ink);scroll-margin-top:30px;font-weight:600}.article-content h1{margin:48px 0 20px;font-size:max(28px,min(2.5vw,36px));line-height:1.2}.article-content h2{margin:44px 0 18px;font-size:max(24px,min(2.3vw,32px));line-height:1.25}.article-content h3{margin:30px 0 12px;font-size:20px;line-height:1.35}.article-content p,.article-content li{font-size:17px;line-height:1.85}.article-content p{margin:0 0 22px}.article-content ul{gap:12px;margin:0 0 24px;padding-left:22px;display:grid}.article-content li::marker{color:var(--accent)}.article-content strong{color:var(--ink);font-weight:600}@media (max-width:720px){.article-hero{gap:28px;margin-left:20px;margin-right:20px;padding:36px 0 28px;grid-template-columns:1fr!important}.article-layout{grid-template-columns:1fr!important;gap:36px!important;margin-left:20px!important;margin-right:20px!important;padding:36px 0 72px!important}.article-toc{grid-column:1!important;max-height:none!important;margin-bottom:24px!important;position:static!important}.article-content{grid-column:1!important}.article-hero h1{font-size:28px;line-height:1.16}.article-cover{min-height:240px}.article-content h1,.article-content h2{margin-top:36px}.article-content p,.article-content li{font-size:16px;line-height:1.75}}