/* Articles: the weekly "Anxiety and Languages" series.
   Colours, fonts, borders and shadows all come from /att.css tokens. */

.article-hero .hero-headline{font-size:clamp(2.2rem,4.6vw,3.4rem);}
.article-hero .hero-sub{max-width:46ch;}
.article-meta{font-weight:700; font-size:14px; margin:0;}

/* Reading column */
.article-body{font-size:18px; line-height:1.7;}
.article-body > p{margin:0 0 18px;}
.article-body h2{font-size:clamp(1.6rem,3.2vw,2.1rem); margin:44px 0 14px;}
.article-body h2:first-child{margin-top:0;}
.article-body h3{font-size:1.3rem; margin:28px 0 10px;}
.article-body ul,.article-body ol{padding-left:24px; margin:0 0 18px;}
.article-body li{margin-bottom:8px;}
.article-body hr{border:0; border-top:var(--border-hair) solid var(--ink); margin:36px 0;}
.article-body a{color:var(--green-dark); font-weight:700;}
.article-body .table-scroll{overflow-x:auto; margin:10px 0 22px;}
.article-body .table-scroll table{margin:0; min-width:520px; font-size:16px; line-height:1.5;}
.article-body td p{margin:0 0 8px;}

/* Keep going */
.next-grid{display:grid; grid-template-columns:1fr 1fr; gap:28px; margin:8px 0 26px;}
.next-card{display:flex; flex-direction:column; align-items:flex-start; gap:10px;}
.next-card p{margin:0;}
.next-card .eyebrow{margin-bottom:6px;}
.next-card a:not(.btn){color:var(--green-dark); font-weight:700;}
.talk-line{font-size:17px; margin:0 0 10px;}
.talk-line a{color:var(--ink); font-weight:700;}
.article-next .note{color:var(--ink);}
@media (max-width:760px){ .next-grid{grid-template-columns:1fr;} }

/* Lists of articles (hub, "More articles", lesson pages) */
.article-list{display:grid; gap:22px; margin:0 0 22px;}
.article-card{display:block; background:var(--white); color:var(--ink); text-decoration:none;
  border:var(--border-control) solid var(--ink); border-radius:var(--radius-card-sm);
  padding:22px 22px 18px; box-shadow:var(--shadow-card-sm); transition:transform .12s, box-shadow .12s;}
.article-card:hover{transform:translate(2px,2px); box-shadow:2px 2px 0 var(--yellow);}
.article-card h3{font-size:1.45rem; margin:10px 0 8px;}
.article-card p{font-family:var(--font-serif); font-style:italic; font-size:17px; color:var(--ink-soft); margin:0 0 10px;}
.article-card-meta{font-size:13px; font-weight:700; color:var(--green-text);}
.coming{font-size:16px; margin:6px 0 0;}

/* Articles page: one section per topic (articles/strands.json); the menu links to /articles/#<id> */
.topic{scroll-margin-top:24px;}
.topic+.topic{margin-top:52px; padding-top:40px; border-top:1px solid var(--line);}
.topic-title{font-size:clamp(1.6rem,3.2vw,2.1rem); margin:0 0 6px;}
.topic-blurb{font-family:var(--font-serif); font-style:italic; font-size:18px; color:var(--ink-soft); margin:0 0 22px;}