/* Articles: built on .legal, which already sets the measure and the type.
   Only the bits a prose page needs that a terms page does not. */
.article .standfirst{font-size:1.0625rem;line-height:1.7;color:#3f5045;border-left:3px solid #bcd2ae;
                     padding-left:15px;margin:0 0 28px}
.article h2{font-size:1.25rem;margin:34px 0 10px;letter-spacing:-.3px}
.article h3{font-size:1rem;margin:22px 0 6px;color:#2a4a34}
.article p,.article li{line-height:1.7}
.article ol{padding-left:20px}
.article li{margin:7px 0}

.calc{font:.875rem var(--mono);background:#f2f6ec;border:1px solid #dfe8d5;border-radius:9px;
      padding:13px 15px;overflow-x:auto;line-height:1.7;color:#2f4a36;white-space:pre}

.kt{background:#eef6e4;border:1px solid #cfe0bd;border-radius:10px;padding:14px 16px;margin:24px 0;
    font-size:.9375rem;line-height:1.65;color:#38513c}
.kt b{color:#1f4429}

table.cmp{width:100%;border-collapse:collapse;margin:22px 0;font-size:.875rem}
table.cmp th{text-align:left;font:.75rem var(--mono);letter-spacing:.3px;color:#54655a;
             background:#f4f7ef;padding:10px 12px;border-bottom:1px solid #dde6d6}
table.cmp td{padding:11px 12px;border-bottom:1px solid #eaf0e4;color:#4f5f55;vertical-align:top}
table.cmp td:first-child{color:#2d4636;font-weight:500}
table.cmp .pos{color:#0a7a52}
table.cmp .neg{color:#b1355a}
table.cmp.wide td+td{font-size:.8438rem}

.next{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:34px 0 8px}
.next a{display:block;padding:15px 17px;border:1px solid #dde6d6;border-radius:11px;text-decoration:none;
        background:#fbfdf8}
.next a:hover{border-color:#8aa982;background:#f5faf0}
.next b{display:block;font-size:.9375rem;color:#1f4429;margin-bottom:5px}
.next span{display:block;font-size:.8125rem;line-height:1.55;color:#5c6a55}

.articlecta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
            background:#13221d;color:#e6f0df;border-radius:13px;padding:22px 24px;margin:30px 0 18px}
.articlecta h3{margin:0 0 7px;font-size:1.0625rem;color:#fff}
.articlecta p{margin:0;font-size:.875rem;line-height:1.6;color:#b9cbb1;max-width:52ch}
.articlecta .btn{white-space:nowrap}

@media(max-width:600px){
  .next{grid-template-columns:1fr}
  .articlecta{padding:18px}
  .articlecta .btn{width:100%;text-align:center}
  table.cmp{font-size:.8125rem}
  table.cmp th,table.cmp td{padding:9px 8px}
  .calc{white-space:pre-wrap}          /* a scrollbar for one formula is worse than a wrap */
}