/* Article/prose styles for the content pages. Uses the site's own
   custom properties where they exist so it follows the theme. */
.wrap-article{max-width:820px;margin:0 auto;padding:18px 16px 60px}
.crumbs{font-size:.86rem;opacity:.75;margin:14px 0 6px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0}
.crumbs li+li::before{content:"›";margin-right:6px;opacity:.6}
.crumbs a{text-decoration:none}
.wrap-article h1{font-size:1.85rem;line-height:1.25;margin:.35em 0 .5em}
.wrap-article h2{font-size:1.28rem;margin:1.7em 0 .5em}
.wrap-article h3{font-size:1.06rem;margin:1.3em 0 .4em}
.wrap-article p,.wrap-article li{line-height:1.72;font-size:1rem}
.wrap-article ul,.wrap-article ol{padding-left:1.25em}
.wrap-article li{margin:.35em 0}
.lede{font-size:1.08rem;opacity:.92}
.tbl{width:100%;border-collapse:collapse;margin:1em 0;font-size:.97rem}
.tbl th,.tbl td{padding:9px 11px;text-align:left;border-bottom:1px solid rgba(128,128,128,.25)}
.tbl th{font-weight:700}
.tbl tr:hover td{background:rgba(0,179,0,.05)}
.note{border-left:4px solid #00B300;padding:11px 14px;margin:1.2em 0;
      background:rgba(0,179,0,.07);border-radius:0 8px 8px 0}
.warn{border-left:4px solid #e6a700;background:rgba(230,167,0,.09)}
.cta{display:inline-block;background:#00B300;color:#fff;font-weight:700;
     padding:13px 24px;border-radius:10px;text-decoration:none;margin:.6em 0}
.cta:hover{filter:brightness(1.08)}
.qa{margin:1.1em 0}
.qa h3{margin-bottom:.25em}
.related{margin-top:2.4em;padding-top:1.2em;border-top:1px solid rgba(128,128,128,.25)}
.related a{display:block;padding:7px 0;text-decoration:none}