/* Case study article (Oct 2026): tables, figures, CTA. Square corners, no letter-spacing. */
.cs-detail h1{letter-spacing:0;margin-bottom:14px}
.cs-dek{font-size:1.25rem;line-height:1.5;color:var(--tx,#3d4a4f);font-weight:500;margin:0 0 30px;max-width:46ch}
.cs-detail .art-cover,.cs-detail .art-cover img{border-radius:0}
.art-prose .cs-figure{border-radius:0;box-shadow:none;border:1px solid var(--line);background:#fff;padding:clamp(16px,2vw,26px);margin:clamp(28px,4vw,40px) 0;overflow-x:auto}
.art-prose .cs-figure .ix-cap{font-weight:400;font-size:.875rem}
.cs-table-wrap{overflow-x:auto;margin:22px 0 26px;border:1px solid var(--line)}
.cs-table{width:100%;border-collapse:collapse;font-size:1rem;line-height:1.55}
.cs-table thead th{background:var(--teal,#1D7686);color:#fff;font-weight:600;text-align:left;padding:12px 18px}
.cs-table tbody th{font-weight:600;color:var(--ink);text-align:left;vertical-align:top;padding:13px 18px;width:36%;background:#f6fafa}
.cs-table td{color:#3d4a4f;padding:13px 18px;vertical-align:top}
.cs-table tbody tr+tr th,.cs-table tbody tr+tr td{border-top:1px solid var(--line)}
.cs-caps tbody th{width:32%}
.cs-list{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:12px}
.cs-list li{position:relative;padding-left:24px;line-height:1.65;color:#3d4a4f}
.cs-list li::before{content:"";position:absolute;left:0;top:.75em;width:12px;height:2px;background:var(--teal)}
.cs-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:#ECFFFF;border-left:3px solid var(--teal);padding:22px 26px;margin:36px 0 30px}
.cs-cta p{margin:0 !important;font-size:1.125rem !important}
.cs-cta .btn{text-decoration:none;color:#fff}
@media(max-width:640px){.cs-table tbody th{width:42%}.cs-table thead th,.cs-table tbody th,.cs-table td{padding:11px 12px}}

/* Case study label, list treatment and filter (Oct 21) */
.art-cat{border-radius:0 !important;letter-spacing:0 !important;text-transform:none !important;font-size:.8125rem !important}
.art-cat--case{background:#1D7686 !important;color:#fff !important}
.art-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.art-filter button{font:inherit;font-size:.95rem;font-weight:600;color:var(--ink);background:#fff;border:1px solid var(--line);padding:9px 14px;cursor:pointer}
.art-filter button span{color:var(--muted);font-weight:500;margin-left:4px}
.art-filter button:hover{border-color:var(--teal)}
.art-filter button.on{background:#1D7686;border-color:#1D7686;color:#fff}
.art-filter button.on span{color:#d4f0ee}
.art-filter button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.art-row.is-case{background:#f1f9fa;border-color:#b9dde2}
.art-row.is-case h3{font-size:1.25rem}
.art-row[hidden]{display:none !important}

/* Case study page: At a glance panel */
.cs-glance{border:1px solid #b9dde2;background:#f1f9fa;margin:0 0 30px}
.cs-glance-k{background:#1D7686;color:#fff;font-weight:600;font-size:1rem;padding:10px 20px}
.cs-glance dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}
.cs-glance dl div{padding:16px 20px;border-left:1px solid #d3e8eb}
.cs-glance dl div:first-child{border-left:0}
.cs-glance dt{font-size:.875rem;color:#5e7480;margin:0 0 4px}
.cs-glance dd{margin:0;font-weight:600;color:var(--ink);font-size:1rem;line-height:1.45}
@media(max-width:820px){.cs-glance dl{grid-template-columns:1fr 1fr}.cs-glance dl div:nth-child(3){border-left:0}.cs-glance dl div:nth-child(n+3){border-top:1px solid #d3e8eb}}
@media(max-width:480px){.cs-glance dl{grid-template-columns:1fr}.cs-glance dl div{border-left:0;border-top:1px solid #d3e8eb}.cs-glance dl div:first-child{border-top:0}}