/* JMDA — services page styles. Loaded after css/jmda-core.css */

.bg-brand .card p{color:#EDF5F1}
.post{display:flex;flex-direction:column;height:100%;text-decoration:none;overflow:hidden}
.post .body{padding:1rem 1.15rem;display:flex;flex-direction:column;flex:1}
.post h3{font-size:1.02rem;margin-bottom:.35rem}
.post p{font-size:.85rem;color:var(--slate);margin:0 0 .85rem}
.post:hover h3{color:var(--green)}
.meta{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
.article{max-width:72ch}
.article p{font-size:1.02rem;line-height:1.72;margin-bottom:1.15rem}
.article h2{margin:2.2rem 0 .85rem}
.article h3{margin:1.6rem 0 .6rem;font-size:1.1rem}
.article ul,.article ol{margin:0 0 1.3rem;padding-left:0;list-style:none}
.article ul li{position:relative;padding-left:22px;margin-bottom:.6rem;font-size:1rem;line-height:1.6;color:var(--ink-2)}
.article ul li::before{content:'';position:absolute;left:0;top:.62rem;width:9px;height:2px;background:var(--gold);border-radius:2px}
.article ol{counter-reset:oi}
.article ol li{position:relative;padding-left:38px;margin-bottom:.85rem;font-size:1rem;line-height:1.6;color:var(--ink-2)}
.article ol li::before{counter-increment:oi;content:counter(oi,decimal-leading-zero);position:absolute;left:0;top:.1rem; font-family:var(--mono);font-size:11px;color:var(--gold-t);border:1px solid var(--line);border-radius:5px;padding:2px 6px}
.article strong{color:var(--ink)}
.callout{border-left:3px solid var(--gold);background:var(--surface);border-radius:0 10px 10px 0; padding:1.1rem 1.25rem;margin:1.6rem 0}
.callout p:last-child{margin-bottom:0}
.callout .lbl{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase; color:var(--gold-t);display:block;margin-bottom:.5rem}
.toc{position:sticky;top:calc(var(--nav-h) + 16px)}
.toc a{display:block;font-size:.86rem;color:var(--slate);text-decoration:none;padding:.4rem 0;border-left:2px solid var(--line);padding-left:.8rem}
.toc a:hover,.toc a.active{color:var(--green);border-left-color:var(--green)}
@media (max-width:991.98px){
  .toc{position:static}
}
@media (max-width:767.98px){
  .article p{font-size:1rem}
}
.frame.ar-32{aspect-ratio:3/2}
.post .frame{border:0;border-radius:10px 10px 0 0}
.post .cat{font-family:var(--mono);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase; color:var(--gold-t);margin-bottom:.4rem}
.post .more{margin-top:auto;font-size:.83rem;font-weight:600;color:var(--green)}
.chip{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase; border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:99px; padding:.55rem .95rem;min-height:38px;transition:.15s}
.chip.active{background:var(--green);border-color:var(--green);color:#fff}

/* service cards — toggled by the category filter script */
.svc-col[hidden]{display:none}