:root{--article-red:#e11927;--article-text:#111317;--article-muted:#5f656d;--article-line:rgba(17,19,23,.10);--article-max:1180px}
*{box-sizing:border-box}body{margin:0;background:#f7f7f5;color:var(--article-text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.article-container{width:min(calc(100% - 40px),var(--article-max));margin-inline:auto}
.article-hero{padding:170px 0 76px;border-bottom:1px solid var(--article-line);background:radial-gradient(circle at 82% 10%,rgba(225,25,39,.09),transparent 28%),linear-gradient(180deg,#fafaf8,#f3f4f4)}
.article-breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:#6a7077;margin-bottom:38px}.article-breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.article-kicker{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:#626870;font-weight:800}
.article-hero h1{font-size:clamp(46px,7vw,94px);line-height:.98;letter-spacing:-.04em;max-width:1080px;margin:20px 0 28px}
.article-lead{font-size:clamp(19px,2vw,25px);line-height:1.6;color:#51575e;max-width:860px;margin:0}
.article-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.article-meta span{border:1px solid var(--article-line);background:#fff;border-radius:999px;padding:8px 11px;font-size:11px;color:#666c73}
.article-featured{display:block;width:100%;max-height:620px;object-fit:cover;margin-top:42px;border-radius:26px;border:1px solid var(--article-line)}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:82px;padding:82px 0 105px;align-items:start}
.article-body{font-size:18px;line-height:1.82;color:#30353a}.article-body>p:first-child{font-size:21px;color:#252a2f}
.article-body p{margin:0 0 24px}.article-body h2{font-size:clamp(32px,4vw,50px);line-height:1.08;letter-spacing:-.025em;margin:64px 0 20px;color:#111317}.article-body h3{font-size:26px;margin:38px 0 14px}
.article-body ul,.article-body ol{margin:18px 0 30px;padding-left:25px}.article-body li{margin:9px 0}.article-body a{color:#ad0f19;text-decoration:underline;text-underline-offset:3px}
.article-body blockquote{margin:42px 0;padding:28px 32px;border-left:3px solid var(--article-red);background:#eef0f1;border-radius:0 20px 20px 0;font-size:24px;line-height:1.45;color:#111317}
.article-aside{position:sticky;top:145px}.author-card{padding:24px;border:1px solid var(--article-line);border-radius:20px;background:#fff}.author-card small{font-size:9px;letter-spacing:.15em;color:#70767d}.author-card strong{display:block;font-size:20px;margin:10px 0 5px}.author-card p{font-size:12px;line-height:1.55;color:#676d74;margin:0}
.aside-link{display:block;margin-top:12px;padding:15px;border:1px solid var(--article-line);border-radius:14px;background:#fff;font-size:12px;font-weight:700}
.article-cta{padding:72px 0;background:#111317;color:#fff}.cta-grid{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end}.article-cta small{font-size:10px;letter-spacing:.16em;color:#bfc4ca}.article-cta h2{font-size:clamp(38px,5vw,68px);line-height:1.03;letter-spacing:-.03em;margin:16px 0 0}.article-cta h2 span{color:#ff3945}.cta-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 19px;border:1px solid rgba(255,255,255,.45);border-radius:999px;color:#fff;text-decoration:none;font-weight:700}
.article-footer{padding:28px 0;background:#0b0c0e;color:#aaa;font-size:11px}
@media(max-width:900px){.article-layout{grid-template-columns:1fr;gap:40px}.article-aside{position:static}.cta-grid{grid-template-columns:1fr;align-items:start}}
@media(max-width:640px){.article-hero{padding-top:135px}.article-layout{padding:58px 0 75px}.article-body{font-size:17px}.article-hero h1{font-size:46px}}

.article-preview-badge{
  position:fixed;right:18px;bottom:18px;z-index:1000;
  display:flex;align-items:center;gap:10px;
  max-width:calc(100vw - 36px);
  padding:11px 12px 11px 15px;
  border:1px solid rgba(17,19,23,.15);
  border-radius:999px;
  background:rgba(255,255,255,.96);
  box-shadow:0 16px 50px rgba(17,19,23,.16);
  backdrop-filter:blur(18px);
  color:#111317;font-size:11px;
}
.article-preview-badge strong{color:#e11927;letter-spacing:.08em;font-size:10px}
.article-preview-badge span{color:#5f656d}
.article-preview-badge button{
  border:0;border-radius:999px;background:#111317;color:#fff;
  padding:7px 10px;font:inherit;font-weight:700;cursor:pointer;
}
@media(max-width:640px){
  .article-preview-badge{left:12px;right:12px;bottom:12px;justify-content:space-between}
  .article-preview-badge span{display:none}
}