.article-page .page-hero{padding-bottom:68px;background:#f7f6f2;color:#15171a;border-bottom-color:rgba(17,24,39,.13)}
.article-page .page-hero h1{max-width:840px}
.article-page .page-hero .lede{max-width:760px;color:#5d646e}
.article-page .page-hero .eyebrow{color:#1761ee}
.article-page .page-hero .hero-meta{border-top-color:rgba(35,108,242,.32);color:#69717d}
.article-page .page-hero .hero-meta b{color:#15171a}
.article-page .proof-strip{background:#eeece6;border-bottom-color:rgba(17,24,39,.13)}
.article-page .proof-strip .proof-cell{border-color:rgba(17,24,39,.13)}
.article-page .proof-strip .proof-cell b{color:#15171a}
.article-page .proof-strip .proof-cell span{color:#69717d}

.article-page main>.section{
  --text:#15171a;
  --muted:#5d646e;
  --dim:#747b84;
  --line:rgba(17,24,39,.13);
  --line-strong:rgba(35,108,242,.28);
  --panel:#fff;
  --panel-soft:#f2f4f7;
  --blue:#1761ee;
  position:relative;
  background:#f7f6f2;
  color:var(--text);
}
.article-page main>.section .shell{max-width:1060px}
.article-page main>.section h2,.article-page main>.section h3{color:#15171a}
.article-page main>.section h2{max-width:700px;line-height:1.08}
.article-page main>.section .eyebrow{color:#1761ee}
.article-page main>.section .section-copy{max-width:650px;color:#5d646e;font-size:18px;line-height:1.76}
.article-page main>.section .section-head{grid-template-columns:minmax(0,.9fr) minmax(300px,.6fr);gap:56px;margin-bottom:52px}

.article-page main>.section .answer-box{border-color:rgba(17,24,39,.13);border-left-color:#1761ee;background:#fff;box-shadow:0 8px 30px rgba(25,34,50,.045)}
.article-page main>.section .answer-box b{color:#1761ee}.article-page main>.section .answer-box p{color:#29313c}
.article-page main>.section .info-card,.article-page main>.section .method-card,.article-page main>.section .profile-card,.article-page main>.section .mini-card{border-color:rgba(17,24,39,.13);background:rgba(255,255,255,.72)}
.article-page main>.section .info-card:hover,.article-page main>.section .method-card:hover{border-color:rgba(35,108,242,.34);background:#fff}
.article-page main>.section .info-card p,.article-page main>.section .method-card p,.article-page main>.section .profile-card dd{color:#5d646e}
.article-page main>.section .step,.article-page main>.section .steps,.article-page main>.section .source-list,.article-page main>.section .source-list li{border-color:rgba(17,24,39,.13)}
.article-page main>.section .step p,.article-page main>.section .source-list li{color:#5d646e}
.article-page main>.section .step-id,.article-page main>.section .source-list a{color:#1761ee}
.article-page main>.section .data-table-wrap{border-color:rgba(17,24,39,.14);background:#fff;box-shadow:0 8px 30px rgba(25,34,50,.035)}
.article-page main>.section table{background:#fff}.article-page main>.section th{color:#1761ee;background:#f3f5f8}.article-page main>.section th,.article-page main>.section td{border-color:rgba(17,24,39,.12)}.article-page main>.section td{color:#5d646e}.article-page main>.section td strong{color:#15171a}
.article-page main>.section .callout{border-color:rgba(35,108,242,.28);background:linear-gradient(135deg,#e9f0ff,#fff)}
.article-page main>.section .callout h3{color:#15171a}.article-page main>.section .callout p{color:#5d646e}.article-page main>.section .callout .number{color:#15171a}.article-page main>.section .callout .number span{color:#747b84}
.article-page main>.section .profile-grid{border-color:rgba(17,24,39,.13)}.article-page main>.section .profile-card,.article-page main>.section .profile-top,.article-page main>.section .profile-card dl div{border-color:rgba(17,24,39,.13)}.article-page main>.section .profile-top h3,.article-page main>.section .profile-top b{color:#15171a}.article-page main>.section .profile-top span,.article-page main>.section .profile-card dt{color:#1761ee}
.article-page main>.section .inline-links a{color:#4b5563;border-bottom-color:rgba(17,24,39,.18)}.article-page main>.section .inline-links a:hover{color:#111827;border-bottom-color:#1761ee}
.article-page main>.section a{color:#165acb}

.article-toc{display:none}
@media(min-width:1120px){
  .article-page main>.section>.shell{padding-left:250px}
  .article-toc{display:block;position:fixed;z-index:12;top:104px;left:max(20px,calc((100vw - 1180px)/2));width:215px;max-height:calc(100vh - 140px);overflow:auto;padding:20px 14px;border:1px solid rgba(17,24,39,.13);background:rgba(255,255,255,.96);box-shadow:0 14px 40px rgba(17,24,39,.09);color:#5d646e;opacity:0;transform:translateY(10px);pointer-events:none;scrollbar-width:thin;transition:opacity .18s ease,transform .18s ease}
  .article-toc.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
  .article-toc-label{display:block;margin:0 8px 14px;color:#15171a;font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
  .article-toc a{display:block;padding:8px 10px;border-left:1px solid rgba(17,24,39,.14);color:#69717d;font-size:12px;line-height:1.45;text-decoration:none;transition:color .15s ease,border-color .15s ease,background .15s ease}
  .article-toc a:hover,.article-toc a.active{border-left-color:#1761ee;background:#eef3ff;color:#15171a}
}
@media(max-width:900px){
  .article-page main>.section .section-head{grid-template-columns:1fr;gap:18px;margin-bottom:38px}
  .article-page main>.section .section-copy{font-size:17px}
}
@media(max-width:640px){
  .article-page .page-hero{padding-top:64px;padding-bottom:52px}
  .article-page main>.section{padding:68px 0}
  .article-page main>.section .info-card,.article-page main>.section .method-card,.article-page main>.section .profile-card{background:#fff}
}