.blog-article-page{padding:70px 0 130px}.blog-breadcrumb{display:flex;align-items:center;gap:7px;width:min(100% - 56px,1000px);margin:0 auto 52px;color:#8b8179;font-size:12px}.blog-breadcrumb a{color:inherit;text-decoration:none}.blog-breadcrumb a:hover{color:var(--orange)}.blog-breadcrumb span{min-width:0;overflow:hidden;color:#6f665f;text-overflow:ellipsis;white-space:nowrap}.blog-article-page>header{width:min(100% - 56px,1000px);margin:0 auto 58px;text-align:center}.blog-article-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;color:#8b8179;font-size:13px}.blog-article-meta span{display:flex;align-items:center;gap:5px}.blog-article-page>header h1{max-width:760px;margin:24px auto 20px;line-height:.9}.blog-article-page>header>p{max-width:720px;margin:0 auto;color:#766d66;font-size:16px;line-height:1.65}.blog-article-art{overflow:hidden;width:min(100% - 56px,1080px);aspect-ratio:1200 / 630;height:auto;margin:0 auto 76px;border-radius:30px;background:#b64c1c}.blog-article-art img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 68%}.blog-article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,252px);align-items:start;gap:clamp(42px,5vw,68px);width:min(100% - 56px,1080px);margin:0 auto}.blog-article-layout .blog-article-body{width:auto;margin:0}.blog-article-toc{position:sticky;top:92px;min-width:0;max-height:calc(100dvh - 116px);overflow-y:auto;padding:8px 0 4px}.blog-toc{min-width:0}.blog-toc__desktop-title{display:flex;align-items:center;gap:8px;margin-bottom:19px;color:var(--n-500);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.blog-toc__mobile-toggle{display:none}.blog-toc__list-wrap{display:grid;grid-template-rows:1fr}.blog-toc__list{overflow:hidden;margin:0;padding:0;list-style:none}.blog-toc__list li{margin:0}.blog-toc__link{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:4px;padding:7px 4px 7px 17px;border-left:1px solid var(--n-200);color:var(--n-500);font-size:12px;line-height:1.45;text-decoration:none;transition:color .16s ease,transform .16s ease}.blog-toc__link:hover{color:var(--n-900);transform:translate(2px)}.blog-toc__marker{position:absolute;top:7px;bottom:7px;left:-1px;width:2px;border-radius:999px;background:var(--brand-base);opacity:0;transform:scaleY(.35);transform-origin:center;transition:opacity .16s ease,transform .18s ease}.blog-toc__link.is-active{color:var(--brand-ink);font-weight:620}.blog-toc__link.is-active .blog-toc__marker{opacity:1;transform:scaleY(1)}.blog-toc__number{color:var(--n-400);font-size:9px;font-variant-numeric:tabular-nums;letter-spacing:.06em;line-height:1.95}.blog-toc__label{min-width:0}.blog-toc__link:focus-visible,.blog-toc__mobile-toggle:focus-visible{outline:2px solid var(--brand-base);outline-offset:3px;border-radius:3px}.blog-share{margin-top:30px}.blog-share--end{width:min(100% - 56px,760px);margin:54px auto 0}.blog-share--mobile{display:none}.blog-share__heading{display:flex;align-items:center;gap:7px;color:#8b8179;font-size:10px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.blog-share__actions{display:flex;gap:8px;margin-top:12px}.blog-share__actions a,.blog-share__actions button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #d8d0c8;border-radius:9px;color:#6f665f;background:transparent;cursor:pointer;font-size:11px;font-weight:700;text-decoration:none;transition:border-color .16s ease,color .16s ease,background .16s ease}.blog-share__brand-icon{width:15px;height:15px;fill:currentColor}.blog-share__actions a:hover,.blog-share__actions button:hover{border-color:var(--orange);color:var(--orange);background:#fff9f5}.blog-share__copied{display:block;margin-top:9px;color:var(--orange);font-size:11px}.blog-article-divider{width:38px;margin:36px 0;border-top:1px solid var(--border-strong)}.blog-article-body{width:min(100% - 56px,760px);margin:0 auto;color:#56504c}.blog-article-body h1,.blog-article-body h2,.blog-article-body h3{margin:80px 0 28px;scroll-margin-top:112px;color:var(--ink);font-family:var(--font-serif);font-size:45px;font-weight:520;letter-spacing:-.045em;line-height:.98}.blog-article-body p,.blog-article-body li{margin:0 0 22px;color:#56504c;font-size:16px;line-height:1.85}.blog-article-body strong{color:#332b26;font-weight:700}.blog-article-body hr{width:38px;margin:36px 0;border:0;border-top:1px solid var(--border-strong)}.blog-article-body a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}@media (max-width: 1080px){.blog-article-layout{display:flex;flex-direction:column;width:min(100% - 56px,760px)}.blog-article-layout .blog-article-body{width:100%}.blog-article-toc,.blog-share--desktop{display:none}.blog-share--mobile{display:block}.blog-toc__desktop-title{display:none}.blog-toc__mobile-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:0 2px;border:0;border-radius:0;color:var(--n-700);background:transparent;cursor:pointer;font-size:12px;font-weight:650;text-align:left}.blog-toc__mobile-toggle>span{display:inline-flex;align-items:center;gap:8px}.blog-toc__chevron{transition:transform .18s ease}.blog-toc__chevron.is-open{transform:rotate(180deg)}.blog-toc__list-wrap{grid-template-rows:0fr;opacity:0;transition:grid-template-rows .22s ease,opacity .18s ease}.blog-toc__list-wrap.is-open{grid-template-rows:1fr;opacity:1}.blog-toc__list{min-height:0}.blog-toc__link{padding-left:15px}}@media (max-width: 680px){.blog-share--end{width:calc(100% - 30px);margin-top:42px}.blog-article-page{padding:44px 0 90px}.blog-breadcrumb{width:calc(100% - 36px);margin-bottom:42px}.blog-article-page>header{width:calc(100% - 36px);margin-bottom:52px}.blog-article-page>header>p{font-size:14px}.blog-article-art{width:calc(100% - 30px);aspect-ratio:1200 / 630;height:auto;margin-bottom:70px;border-radius:23px}.blog-article-body,.blog-article-layout{width:calc(100% - 44px)}.blog-article-body h1,.blog-article-body h2,.blog-article-body h3{margin-top:65px;font-size:38px}.blog-article-body p,.blog-article-body li{font-size:15px}}.dark .blog-article-page{color:var(--n-600)}.dark .blog-toc__mobile-toggle{color:var(--n-700)}@media (prefers-reduced-motion: reduce){.blog-toc__link,.blog-toc__marker,.blog-toc__chevron,.blog-toc__list-wrap{transition:none}.blog-toc__link:hover{transform:none}}