
.article-page{background:#fff}
.article-shell{width:min(980px,calc(100% - 40px));margin:auto}
.article-hero{padding:68px 0 50px;background:linear-gradient(135deg,#f7f8f9,#eef1f3);border-bottom:1px solid #e3e7ea}
.article-hero h1{font-size:clamp(38px,5vw,62px);line-height:1.03;letter-spacing:-.045em;margin:12px 0 18px}
.article-hero p{font-size:17px;color:#5f6972;max-width:800px}
.article-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;color:#7a858e;font-size:12px}
.article-body{padding:58px 0 86px}
.article-body h2{font-size:30px;line-height:1.18;margin:46px 0 16px;letter-spacing:-.02em}
.article-body h3{font-size:21px;line-height:1.28;margin:28px 0 10px}
.article-body p,.article-body li{font-size:16px;color:#38434d}
.article-body ul,.article-body ol{padding-left:24px}
.article-body li{margin:7px 0}
.article-body .lead{font-size:18px;color:#4f5a64}
.article-body hr{border:0;border-top:1px solid #e3e7ea;margin:42px 0}
.note{background:#fff7f6;border-left:4px solid #c73b35;padding:16px 18px;border-radius:0 12px 12px 0;margin:22px 0;color:#5f5553}
.formula{background:#11181f;color:#fff;padding:18px 20px;border-radius:14px;margin:18px 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}
.article-table{width:100%;border-collapse:collapse;margin:18px 0 28px;font-size:14px}
.article-table th,.article-table td{border:1px solid #dfe4e8;padding:12px;vertical-align:top;text-align:left}
.article-table th{background:#f3f5f6;font-weight:800}
.related{margin-top:50px;padding:26px;border:1px solid #e3e7ea;border-radius:18px;background:#f8fafb}
.related h3{margin-top:0}
.related-links{display:grid;gap:8px}
.related-links a{color:#c73b35;font-weight:700}
@media(max-width:760px){
  .article-shell{width:calc(100% - 28px)}
  .article-hero{padding:44px 0 34px}
  .article-hero h1{font-size:35px}
  .article-body{padding:42px 0 64px}
  .article-body h2{font-size:26px;margin-top:38px}
  .article-body h3{font-size:19px}
  .article-body p,.article-body li{font-size:15px}
  .article-table{display:block;overflow-x:auto;white-space:normal}
}
