/* Little Scholars — article page styles (shared by all static article pages) */
.artwrap{max-width:760px;margin:0 auto;padding:0 28px}
.ahero{background:var(--teal-800);color:#fff;padding:60px 0 56px}
.ahero .eyebrow{color:var(--gold-soft)}
.ahero .back{display:inline-flex;align-items:center;gap:8px;font-family:'Spline Sans Mono';font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:26px;transition:.2s}
.ahero .back:hover{color:var(--gold-soft)}
.ahero h1{font-family:'Archivo';font-weight:800;font-size:clamp(28px,4.4vw,48px);line-height:1.1;letter-spacing:-.02em;margin:16px 0 0;color:#fff;max-width:19em}
.ahero .byline{display:flex;align-items:center;gap:14px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line-d)}
.ahero .byline img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:center top}
.ahero .byline b{font-family:'Archivo';font-size:15px;color:#fff;display:block}
.ahero .byline span{font-size:13px;color:rgba(255,255,255,.6)}
.ahero .byline .sep{margin-left:auto;font-family:'Spline Sans Mono';font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55);text-align:right;line-height:1.5}
.hero-img-wrap{max-width:1100px;margin:-32px auto 0;padding:0 28px}
.hero-img-wrap img{width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:12px;display:block;box-shadow:0 30px 60px -30px rgba(13,54,54,.5)}

.abody{padding:54px 0 40px}
.abody .dek{font-family:'Spectral';font-size:22px;line-height:1.5;color:var(--ink);font-style:italic;margin-bottom:30px}
.abody p,.abody li{font-family:'Spectral';font-size:19px;line-height:1.62;color:var(--ink);margin-bottom:22px}
.abody h2{font-family:'Archivo';font-weight:800;font-size:clamp(23px,3vw,26px);color:var(--teal);letter-spacing:-.01em;margin:42px 0 16px;line-height:1.16}
.abody strong{font-weight:600;color:var(--teal)}

.artcta{background:var(--teal);color:#fff;border-radius:16px;padding:40px 42px;margin:50px 0 0;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.artcta .eyebrow{color:var(--gold-soft)}
.artcta h3{font-family:'Archivo';font-weight:800;font-size:25px;color:#fff;margin:12px 0 8px;line-height:1.12}
.artcta p{font-family:'Figtree';font-size:15px;color:rgba(255,255,255,.78);margin:0;max-width:30em}
.artcta .acts{display:flex;flex-direction:column;gap:12px;white-space:nowrap}

.related{padding:56px 0}
.related .eyebrow{color:var(--gold)}
.related h3{font-family:'Archivo';font-size:24px;color:var(--teal);font-weight:800;margin:12px 0 26px}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.rel{display:block;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;text-decoration:none;transition:.2s}
.rel:hover{transform:translateY(-4px);box-shadow:0 26px 44px -30px rgba(13,54,54,.5)}
.rel .ri{height:120px;overflow:hidden;background:var(--teal-600)}
.rel .ri img{width:100%;height:100%;object-fit:cover}
.rel .rb{padding:18px 22px 22px}
.rel .cat{font-family:'Spline Sans Mono';font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);font-weight:600}
.rel h4{font-family:'Archivo';font-size:16px;color:var(--teal);font-weight:700;line-height:1.2;margin-top:8px}

@media(max-width:760px){
  .ahero{padding:42px 0 40px}
  .ahero .byline .sep{margin-left:0}
  .abody p,.abody li{font-size:17.5px}
  .artcta{grid-template-columns:1fr;padding:32px 26px}
  .artcta .acts{flex-direction:column}
  .artcta .acts .btn{width:100%;justify-content:center}
  .rel-grid{grid-template-columns:1fr}
}