/* Articles (/articles/) — builds on site.css tokens and .doc */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13.5px;color:var(--muted);padding-top:22px;max-width:820px;margin:0 auto}
.crumbs a{color:var(--green-d);text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs [aria-current]{color:var(--ink2);overflow-wrap:anywhere}
.menu a[aria-current="page"],.mnav a[aria-current="page"]{color:var(--green-d);font-weight:700}
.doc.art{padding-top:18px;padding-bottom:40px}
.doc.art h1{overflow-wrap:anywhere}
.doc .lead,.aidx .lead{font-size:18.5px;line-height:1.65;color:var(--ink);border-inline-start:4px solid var(--green);padding-inline-start:14px;margin:6px 0 8px}
.abody{margin-top:18px}
.abody h2{font-family:var(--display);font-weight:400;font-size:clamp(22px,2.6vw,27px);margin:34px 0 10px;color:var(--ink)}
.abody h3{font-family:var(--body);font-weight:700;font-size:18px;margin:24px 0 6px}
.abody p,.abody li{color:var(--ink2);font-size:17px;line-height:1.8}
.abody p+p{margin-top:12px}
.abody ul,.abody ol{margin:10px 0 4px;padding-inline-start:22px;display:grid;gap:7px}
.abody strong{color:var(--ink)}
.abody blockquote{margin:18px 0;background:var(--mint);border-radius:14px;padding:14px 18px;border:1px solid var(--mint2)}
.abody blockquote p{color:var(--ink)}
.tscroll{overflow-x:auto;margin:16px 0;border:1px solid var(--line);border-radius:12px}
.abody table{border-collapse:collapse;width:100%;font-size:15px}
.abody th,.abody td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:right;vertical-align:top}
.abody th{background:var(--wash);font-weight:700;color:var(--ink)}
.abody a,.srcs a{overflow-wrap:anywhere}
.acta{margin:36px 0 10px;background:var(--mint);border:1px solid var(--mint2);border-radius:18px;padding:20px 22px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.acta b{font-family:var(--display);font-weight:400;font-size:21px;color:var(--ink)}
.acta p{color:var(--ink2);font-size:15.5px;margin-top:4px;max-width:36em}
.acta div{flex:1 1 280px}
.srcs{margin-top:30px;border-top:1px solid var(--line);padding-top:6px}
.srcs h2{font-size:18px}
.srcs ul{font-size:15px}
.srcs li{color:var(--ink2)}
.doc .srcs .disc{color:var(--muted);font-size:13.5px;margin-top:14px}
.related{max-width:820px;margin:0 auto;padding-bottom:64px}
.related h2{font-size:24px;margin-bottom:14px}
.alist{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.related .alist{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.acard a{display:block;height:100%;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s}
.acard a:hover{border-color:var(--green);box-shadow:var(--shadow-s)}
.acard small{display:block;color:var(--green-d);font-size:12.5px;font-weight:700}
.acard b{display:block;font-family:var(--display);font-weight:400;font-size:20px;line-height:1.3;margin-top:6px;color:var(--ink)}
.acard .ad{display:block;color:var(--ink2);font-size:14.5px;margin-top:8px;line-height:1.6}
.acard .am{display:block;color:var(--muted);font-size:13px;margin-top:10px}
.aidx{max-width:900px;margin:0 auto;padding-block:18px 72px}
.aidx h1{font-size:clamp(30px,4vw,44px);margin:10px 0 12px}
.aidx .alist{margin-top:26px}
@media (max-width:760px){
  .abody p,.abody li{font-size:16.5px}
  .doc .lead,.aidx .lead{font-size:17px}
  .acta{padding:18px}
  .acta .btn{width:100%}
  .abody table{font-size:14px}
  .abody th,.abody td{padding:8px}
}