/* Centered editorial layout, 2026-10-02. */
.story-page{max-width:1440px;width:calc(100% - 64px);margin-inline:auto}
.story-header{max-width:1100px;margin:52px auto 56px;text-align:center}
.story-header h1{max-width:none;font-size:clamp(34px,3.4vw,52px);line-height:1.14;letter-spacing:-.04em;margin:0}
.story-layout{max-width:none;grid-template-columns:minmax(180px,220px) minmax(0,1fr) minmax(180px,220px);gap:28px;align-items:start}
.story-body{background:#fff;border:1px solid #eef0ea;border-radius:24px;padding:32px;min-width:0}
.story-article-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:24px;margin-bottom:26px;border-bottom:1px solid #e8ebe3}
.story-author{display:flex;align-items:center;gap:10px;flex-shrink:0;line-height:1.4}
.story-author img{width:44px;height:44px;object-fit:cover;object-position:center 35%;border-radius:50%;flex:none}
.story-author span{display:block;font-size:12px;color:#757b70}
.story-body .story-author a{display:block;font-size:14px;font-weight:600;text-decoration:none;color:#292d27}
.story-article-top .story-meta{gap:8px;font-size:11px;line-height:1.5}
.story-meta button{margin-left:0;padding:0;min-height:32px;font-size:11px}
.story-body>.story-lead{font-size:19px;line-height:1.65;color:#343c30;max-width:none;margin:0 0 30px}
.story-sidebar{padding:0;top:calc(var(--story-header-height,88px) + 20px)}
.story-toc{border:0;background:transparent;padding:0;border-radius:0}
.story-toc summary{font-size:14px;padding:0 12px!important}
.story-toc nav{margin-top:12px;gap:5px}
.story-toc nav a{font-size:13px;padding:11px 12px;line-height:1.5}
.story-toc nav a[aria-current=location]{background:#fff;box-shadow:0 4px 18px #23341b06}
.story-promo{position:sticky;top:calc(var(--story-header-height,88px) + 20px);min-width:0}
.story-promo .story-catalog-banner{display:block;margin:0;width:100%}
.story-promo .story-catalog-banner img{width:100%;height:auto;aspect-ratio:1.3;object-fit:cover}
.story-body .story-answer{padding:24px}.story-body h2{font-size:28px}.story-body .story-answer h2{font-size:24px}
@media(min-width:1500px){.story-layout{gap:36px;grid-template-columns:230px minmax(0,1fr) 230px}.story-body{padding:40px}}
@media(max-width:1100px) and (min-width:801px){.story-page{width:calc(100% - 40px)}.story-layout{grid-template-columns:155px minmax(0,1fr) 155px;gap:16px}.story-body{padding:24px}.story-promo .story-catalog-banner-copy{padding:16px}.story-promo .story-catalog-banner strong{font-size:20px}.story-promo .story-catalog-banner p{font-size:13px}.story-promo .catalog-banner-button{font-size:12px}.story-toc nav a{padding:9px 6px;font-size:12px}}
@media(max-width:800px){.story-page{width:calc(100% - 32px)}.story-header{margin:30px auto 28px}.story-header h1{font-size:clamp(29px,5vw,38px)}.story-layout{grid-template-columns:minmax(0,1fr);gap:20px}.story-promo{display:none}.story-toc{background:#fff;border:1px solid #e8ebe3;border-radius:16px;padding:16px}.story-sidebar{position:static}.story-body{padding:24px;border-radius:20px}.story-article-top{gap:12px;margin-bottom:22px;padding-bottom:20px}.story-body>.story-lead{font-size:18px}.story-body h2{font-size:26px}}
@media(max-width:480px){.story-body{padding:20px 16px}.story-body>.story-lead{font-size:17px}.story-article-top{align-items:flex-start;flex-direction:column}.story-article-top .story-meta{width:100%;font-size:11px}.story-meta button{margin-left:auto}.story-body .story-answer{padding:20px}.story-body .story-answer h2{font-size:23px}}
@media print{.story-promo{display:none!important}.story-page{width:100%}.story-body{border:0;padding:0}.story-header{margin:20px 0}.story-layout{display:block}}