.article-shell{margin-left:190px;max-width:1180px;padding:62px 54px 100px;color:#f0f1f3}
.article-top{max-width:790px;margin-bottom:38px}.article-top .label,.content-card .label{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#9b63ff}
.article-top h1{font-size:42px;line-height:1.08;letter-spacing:-1.4px;margin:12px 0 16px}.article-deck{font-size:17px;line-height:1.65;color:#a4a7af}
.byline{display:flex;gap:14px;flex-wrap:wrap;color:#737781;font-size:11px;margin-top:22px}
.article-grid{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:32px}.article-body{font-size:15px;line-height:1.78;color:#b7bac1}
.article-body h2{color:#f0f1f3;font-size:23px;letter-spacing:-.4px;margin:42px 0 13px}.article-body h3{color:#e5e6e9;font-size:17px;margin:28px 0 8px}
.article-body p{margin:0 0 18px}.article-body strong{color:#eee}.article-body ul{padding-left:18px}.article-body li{margin:8px 0}
.callout{border-left:2px solid #8958df;background:#0d0f13;padding:17px 19px;margin:28px 0;color:#d2d3d7}
.article-aside{position:sticky;top:28px;height:max-content}.aside-box{border:1px solid #292c32;background:#0b0d10;border-radius:8px;padding:18px;margin-bottom:12px}
.aside-box h4{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#777b85;margin:0 0 13px}.reading{font-size:25px;color:#f3f3f4}.reading small{font-size:11px;color:#8c9098;display:block;margin-top:5px}
.key-list{list-style:none;padding:0;margin:0}.key-list li{padding:8px 0;border-bottom:1px solid #202329;color:#a7aab1;font-size:12px}.key-list li:last-child{border:0}
.content-card{border:1px solid #282b31;background:#0b0d10;border-radius:8px;padding:26px;display:flex;flex-direction:column;min-height:230px}
.content-card h2,.content-card h3{font-size:19px;margin:18px 0 10px}.content-card p{color:#999da6;line-height:1.6;flex:1}.content-card a{color:#c69cff;text-decoration:none;font-size:12px;margin-top:20px}
.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.library-intro{max-width:760px;margin-bottom:34px}.library-intro h1{font-size:42px;margin:8px 0 12px}.library-intro p{color:#9da0a9;line-height:1.65}
.lesson-index{font-variant-numeric:tabular-nums;color:#8e5ee6;font-size:11px}
.term{border-bottom:1px dotted #6f7280}
@media(max-width:900px){.article-shell{margin-left:0;padding:80px 20px}.article-grid{grid-template-columns:1fr}.article-aside{position:static}.content-grid{grid-template-columns:1fr}.article-top h1,.library-intro h1{font-size:34px}}

/* v11.1 aesthetic alignment */
.article-shell{max-width:1320px;padding:72px 64px 110px}
.library-intro{max-width:860px;margin-bottom:42px}
.library-intro .label,.article-top .label{font-size:11px}
.library-intro h1{font-size:48px;letter-spacing:-1.6px;margin:10px 0 14px}
.library-intro p{font-size:16px;max-width:720px}
.content-grid{grid-template-columns:repeat(3,minmax(250px,1fr));gap:16px;max-width:1080px}
.content-card{min-height:270px;padding:30px;border-color:#30333a}
.content-card h2{font-size:21px;line-height:1.3;margin:20px 0 14px}
.content-card p{font-size:14px;line-height:1.7}
.content-card a{font-size:13px;margin-top:28px}
.article-top{max-width:860px;margin-bottom:44px}.article-top h1{font-size:48px}
.article-deck{font-size:18px;max-width:800px}
.article-grid{grid-template-columns:minmax(0,800px) 280px;gap:40px}
.article-body{font-size:16px;line-height:1.82}
.article-body h2{font-size:25px;margin-top:46px}
.aside-box{padding:20px}
@media(min-width:1500px){.article-shell{padding-left:72px}}
@media(max-width:1100px){.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.article-shell{padding:84px 22px}.content-grid{grid-template-columns:1fr}.library-intro h1,.article-top h1{font-size:36px}}


/* v12.4 — centered content axis for Research, Education and About */
@media (min-width:901px){
  .article-shell{
    width:calc(100% - 190px);
    max-width:none;
    margin-left:190px;
    box-sizing:border-box;
  }

  .article-shell > .library-intro,
  .article-shell > .content-grid{
    width:min(1080px, 100%);
    margin-left:auto;
    margin-right:auto;
  }

  .article-shell > .article-top,
  .article-shell > .article-grid{
    width:min(1120px, 100%);
    margin-left:auto;
    margin-right:auto;
  }

  .article-shell > .article-top{
    max-width:1120px;
  }
}
\n\n/* v12.5 — library heading aligns with card grid */\n@media (min-width:901px){\n  .article-shell > .library-intro{\n    width:min(1080px, 100%);\n    max-width:1080px;\n    margin-left:auto;\n    margin-right:auto;\n  }\n}\n

/* v12.6 — exact Research/Education header-to-grid alignment */
@media (min-width:901px){
  .article-shell > .library-intro{
    width:min(1080px, 100%) !important;
    max-width:1080px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .article-shell > .content-grid{
    width:min(1080px, 100%) !important;
    max-width:1080px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}