/* B1English palette: deep green + amber, navy text shared with B2English. */
:root{--brand:#0B6E4F;--brand2:#08553D;--accent:#F59E0B;--ink:#0F2D57}
.btn-primary{background:#0B6E4F;border-color:#0B6E4F}
.btn-primary:hover{background:#08553D;border-color:#08553D}
.eyebrow{color:#0B6E4F}
a{color:#0B6E4F}
.notice{border-left-color:#F59E0B}
.cta-box{border-color:#0B6E4F}
.alert-top{border-color:#0B6E4F}
.brand-logo{height:34px;width:auto}
.sister{font-size:.9rem;color:#475467}

/* Content tables: a tinted header, row lines, alternate shading and a bold
   first column, so each test reads as one row across. */
.article table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #d9e6df;border-radius:14px;overflow:hidden;font-size:.98rem;margin:8px 0 6px}
.article thead th{background:#0B6E4F;color:#fff;font-weight:700;text-align:left;padding:13px 16px;vertical-align:bottom}
.article tbody th,.article tbody td{padding:13px 16px;text-align:left;vertical-align:top;border-top:1px solid #e6efe9;line-height:1.45}
.article tbody tr:nth-child(even) td,.article tbody tr:nth-child(even) th{background:#f3f8f5}
.article tbody tr:hover td,.article tbody tr:hover th{background:#fff7e6}
.article tbody td:first-child,.article tbody th[scope=row]{font-weight:700;color:#0F2D57}
.article tbody th[scope=row]{background:#f7faf8;white-space:nowrap}
.article tbody th[scope=row]{white-space:normal;min-width:130px}
@media(max-width:640px){
  .article table{font-size:.94rem}
  .article thead th,.article tbody th,.article tbody td{padding:10px 12px}
  /* Tables with a header row become one card per row on a phone. */
  .article table.stack,.article table.stack tbody,.article table.stack tr,.article table.stack td{display:block;width:100%}
  .article table.stack{border:0;background:none}
  .article table.stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .article table.stack tr{background:#fff;border:1px solid #d9e6df;border-radius:12px;margin:0 0 12px;overflow:hidden}
  .article table.stack tbody tr td{border-top:1px solid #e6efe9;background:#fff;display:flex;gap:12px}
  .article table.stack tbody tr td:first-child{border-top:0;background:#0B6E4F;color:#fff}
  .article table.stack td[data-label]:not(:first-child)::before{content:attr(data-label);flex:0 0 38%;font-weight:700;color:#475467}
  /* Row-header tables scroll sideways with the labels pinned. */
  .article tbody th[scope=row]{position:sticky;left:0;z-index:1;box-shadow:1px 0 0 #e6efe9;min-width:110px;max-width:120px}
  .article table:not(.stack) td,.article table:not(.stack) thead th{min-width:160px}
}