.article-page header{position:relative;top:auto;background:#17181b;border-bottom:1px solid #ffffff1c}
.article-page header.scrolled{background:#17181b}
.article-main{min-height:70vh;background:#f2f1ee;color:#25272c}
.article-intro{position:relative;overflow:hidden;background:linear-gradient(105deg,#111216 0%,#1c1d21 72%,#251519 100%);color:#fff;padding:34px 0 38px}
.article-intro:after{content:"";position:absolute;width:72px;height:3px;left:max(22px,calc((100vw - 1160px)/2));bottom:0;background:var(--theme-color)}
.article-kicker{display:flex;align-items:center;gap:10px;color:var(--theme-color);font-size:9px;font-weight:900;letter-spacing:.25em;text-transform:uppercase;margin-bottom:8px}
.article-kicker:before{content:"";width:22px;height:1px;background:var(--theme-color)}
.article-intro h1{font-size:38px;line-height:1;letter-spacing:-.045em;margin:0 0 9px;font-weight:750}
.article-intro p{max-width:720px;margin:0;color:#aeb0b5;font-size:13px;line-height:1.55}
.article-breadcrumb{display:flex;align-items:center;gap:9px;padding-top:24px;color:#818389;font-size:11px}
.article-breadcrumb a{transition:color .2s}.article-breadcrumb a:hover{color:var(--theme-color)}
.article-layout{display:grid;grid-template-columns:minmax(0,780px) 300px;gap:58px;align-items:start;padding-top:25px;padding-bottom:90px}
.article-content{min-width:0}.article-heading{position:static!important;width:auto!important;background:none!important;border:0!important;color:inherit!important;box-shadow:none!important}
.article-category{display:inline-flex;align-items:center;height:27px;padding:0 10px;border-radius:3px;background:var(--theme-color);color:#fff;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.article-heading h2{max-width:760px;margin:16px 0 16px;font-size:44px;line-height:1.08;letter-spacing:-.045em;color:#1d2025}
.article-lead{max-width:720px;margin:0;color:#65686e;font-size:17px;line-height:1.7}
.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin-top:20px;padding-top:17px;border-top:1px solid #d9d6d0;color:#777a80;font-size:11px;letter-spacing:.025em}
.article-meta-item{display:inline-flex;align-items:center;gap:8px;min-height:28px;white-space:nowrap}
.article-meta-item strong{color:#3f4248;font-weight:750}
.article-meta-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:color-mix(in srgb,var(--theme-color) 10%,#fff);color:var(--theme-color);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-color) 14%,transparent)}
.article-meta-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.article-cover{margin:30px 0 34px}.article-cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:5px;box-shadow:0 18px 42px #17181b18}.article-cover figcaption{margin-top:9px;color:#8b8d92;font-size:10px;line-height:1.5}
.article-text{font-size:16px;line-height:1.85;color:#4e5157}.article-text p{margin:0 0 23px}.article-text .article-opening{font-size:18px;line-height:1.8;color:#373a40}.article-text h3{scroll-margin-top:25px;margin:43px 0 13px;color:#1f2227;font-size:25px;line-height:1.25;letter-spacing:-.025em}
.article-summary{margin:33px 0 42px;padding:25px 28px;background:#fff;border:1px solid #e1ded8;border-left:3px solid var(--theme-color)}
.article-summary strong{display:block;margin-bottom:13px;color:#202328;font-size:12px;letter-spacing:.11em;text-transform:uppercase}.article-summary ol{margin:0;padding-left:19px;columns:2;column-gap:35px}.article-summary li{break-inside:avoid;margin:0 0 8px;padding-left:3px;color:#74767b;font-size:12px;line-height:1.55}.article-summary a:hover{color:var(--theme-color)}
.article-text blockquote{position:relative;margin:36px 0;padding:26px 30px 26px 43px;background:#191a1e;color:#fff;border-radius:4px;overflow:hidden}.article-text blockquote:before{content:"“";position:absolute;left:14px;top:8px;color:var(--theme-color);font-size:50px;line-height:1}.article-text blockquote p{margin:0;font-size:19px;line-height:1.55;font-weight:650}
.article-tip{margin:34px 0;padding:23px 25px;background:var(--theme-soft);border:1px solid color-mix(in srgb,var(--theme-color) 22%,transparent);border-radius:4px}.article-tip strong{display:block;margin-bottom:7px;color:var(--theme-color);font-size:10px;letter-spacing:.13em;text-transform:uppercase}.article-tip p{margin:0;color:#4d5056;font-size:14px}
.article-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:38px;padding-top:23px;border-top:1px solid #d9d6d0}.article-tags span{padding:8px 11px;background:#e6e3dd;color:#62656a;border-radius:3px;font-size:10px;font-weight:700}
.article-share{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding:14px 16px;background:#fff;border:1px solid #e0ddd7;border-radius:5px}.article-share h3{margin:0;color:#202328;font-size:14px;font-weight:700}.share-actions{display:flex;align-items:center;gap:7px}.share-actions .share-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;border:0;border-radius:50%;color:#fff;text-decoration:none;box-shadow:0 2px 7px rgba(24,27,31,.12);transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.share-actions .share-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.share-actions .share-icon span{font:700 16px/1 Arial,sans-serif}.share-actions .share-icon:hover{color:#fff;filter:brightness(.9);transform:translateY(-2px);box-shadow:0 5px 12px rgba(24,27,31,.18)}.share-actions .share-icon:focus-visible{outline:3px solid rgba(201,31,39,.25);outline-offset:2px}.share-facebook{background:#1877f2}.share-x{background:#111}.share-pinterest{background:#bd081c}.share-whatsapp{background:#25d366}.share-rss{background:#f28c28}.share-email{background:#68717d}.share-facebook svg{width:19px;height:19px}.share-pinterest span{font-family:Georgia,serif;font-size:18px;font-weight:700}.share-whatsapp svg{width:18px;height:18px}.share-rss svg circle{fill:currentColor;stroke:none}.share-email svg{width:17px;height:17px}
.article-back{margin-top:25px}.article-back a{color:#61646a;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.article-back a:hover{color:var(--theme-color)}
.article-sidebar{padding-top:7px}.sidebar-title{padding-bottom:15px;border-bottom:1px solid #d8d5cf}.sidebar-title span{color:var(--theme-color);font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.sidebar-title h3{margin:5px 0 0;color:#202328;font-size:19px}
.related-mini{display:grid;grid-template-columns:88px minmax(0,1fr);gap:13px;padding:16px 0;border-bottom:1px solid #d8d5cf}.related-mini>a{display:block}.related-mini img{display:block;width:88px;height:70px;object-fit:cover;border-radius:3px}.related-category{display:flex;align-items:center;gap:5px;margin-bottom:5px;color:var(--theme-color);font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.related-category svg{width:11px;height:11px;flex:0 0 11px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.related-mini h4{margin:0 0 7px;color:#292c31;font-size:12px;line-height:1.38}.related-mini h4 a:hover{color:var(--theme-color)}.related-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;color:#85888e;font-size:8.5px}.related-meta time,.related-meta span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.related-meta svg{width:11px;height:11px;flex:0 0 11px;fill:none;stroke:var(--theme-color);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sidebar-help{margin-top:25px;padding:24px;background:#191a1e;color:#fff;border-radius:4px;border-bottom:3px solid var(--theme-color)}.sidebar-help>span{color:var(--theme-color);font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.sidebar-help h3{margin:8px 0;color:#fff;font-size:20px}.sidebar-help p{margin:0 0 17px;color:#b4b6ba;font-size:11px;line-height:1.65}.sidebar-help a{display:inline-flex;padding:11px 13px;background:var(--theme-color);color:#fff;border-radius:3px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.sidebar-help a:hover{background:var(--theme-hover)}
.article-page footer{margin-top:0}
.article-page.theme-white header,.article-page.theme-white header.scrolled{background:#fff;border-bottom:1px solid #dedbd5;box-shadow:0 10px 35px #17181b0a}.article-page.theme-white .article-intro{background:#fff;color:#202328;border-bottom:1px solid #e2dfd9}.article-page.theme-white .article-intro p{color:#696c72}.article-page.theme-white .article-main{background:#f6f5f2}
@media(max-width:1050px){.article-intro:after{left:22px}.article-layout{grid-template-columns:minmax(0,1fr) 270px;gap:35px}}
@media(max-width:820px){.article-layout{grid-template-columns:1fr}.article-sidebar{padding-top:5px;border-top:1px solid #d8d5cf}.related-mini{grid-template-columns:100px minmax(0,1fr)}.related-mini img{width:100px;height:76px}.sidebar-help{max-width:440px}.article-heading h2{font-size:38px}}
@media(max-width:760px){.article-page header{position:relative}.article-intro{padding:28px 0 32px}.article-intro h1{font-size:34px}.article-layout{padding-top:20px;padding-bottom:65px}.article-heading h2{font-size:34px}.article-lead{font-size:15px}.article-summary ol{columns:1}.article-share{align-items:center}.share-actions{flex-wrap:wrap;justify-content:flex-end}.article-breadcrumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:480px){.article-intro h1{font-size:32px}.article-heading h2{font-size:30px}.article-cover{margin-left:-2px;margin-right:-2px}.article-text{font-size:15px}.article-text .article-opening{font-size:16px}.article-summary{padding:21px}.article-text blockquote{padding:24px 22px 24px 37px}.article-share{align-items:flex-start;padding:14px;flex-direction:column}.share-actions{width:100%;justify-content:flex-start}.article-meta{display:grid;gap:8px}.article-meta-item{white-space:normal}}
