/* MC Services Directory: server-rendered cards, filter chips, phone accordion. */
.mc-svc{font:400 17px/1.7 var(--mc-serif);color:var(--mc-body)}
.mc-svc *{box-sizing:border-box}
.mc-svc :where(h3,p){margin:0}
.mc-svc__filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.mc-chip{border:1px solid var(--mc-line);background:var(--mc-paper);color:var(--mc-ink);border-radius:999px;padding:11px 18px;font:500 12px/1 var(--mc-ui);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;display:inline-flex;gap:8px;align-items:center;transition:background .2s,color .2s,border-color .2s}
.mc-chip:hover{border-color:var(--mc-deep);background:var(--mc-paper);color:var(--mc-ink)}
.mc-chip:focus-visible{outline:2px solid var(--mc-deep);outline-offset:4px}
.mc-chip span{color:var(--mc-slate);font-variant-numeric:tabular-nums}
.mc-chip[aria-pressed="true"]{background:var(--mc-deep);border-color:var(--mc-deep);color:#fff}
.mc-chip[aria-pressed="true"] span{color:var(--mc-aqua)}
.mc-svc__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--mc-line);border:1px solid var(--mc-line)}
.mc-svc__card{background:var(--mc-paper);padding:24px 22px 20px;display:flex;flex-direction:column;gap:10px;min-width:0}
.mc-svc__card[hidden]{display:none}
.mc-svc__h{font:500 18px/1.3 var(--mc-serif);color:var(--mc-heading,#000)}
.mc-svc__toggle{all:unset;box-sizing:border-box;display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:14px;cursor:default;font:inherit;color:inherit}
.mc-svc__label{display:grid;gap:10px}
.mc-svc__tags{display:block;font:500 10.5px/1.5 var(--mc-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--mc-slate)}
.mc-svc__title{display:block;text-wrap:balance}
.mc-svc__pm{display:none;flex:0 0 22px;height:22px;position:relative}
.mc-svc__pm::before,.mc-svc__pm::after{content:"";position:absolute;left:3px;right:3px;top:50%;height:1.2px;background:var(--mc-deep);transition:transform .25s}
.mc-svc__pm::after{transform:rotate(90deg)}
.mc-svc__toggle[aria-expanded="true"] .mc-svc__pm::after{transform:rotate(0)}
.mc-svc__body{display:flex;flex-direction:column;gap:10px;flex:1}
.mc-svc__body p{font-size:15px;line-height:1.6;flex:1}
.mc-svc__actions{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:4px}
.mc-svc__actions a,.mc-svc__actions button{all:unset;font:500 11px/1.4 var(--mc-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--mc-deep);cursor:pointer;text-decoration:underline;text-decoration-color:var(--mc-aqua);text-underline-offset:5px}
.mc-svc__actions a:hover,.mc-svc__actions button:hover{color:var(--mc-deep);text-decoration-color:var(--mc-deep)}
.mc-svc__actions a:focus-visible,.mc-svc__actions button:focus-visible{outline:2px solid var(--mc-deep);outline-offset:4px}
.mc-svc__count{margin-top:18px;font:400 13px/1.5 var(--mc-ui);color:var(--mc-slate);text-align:center}
@media (max-width:1024px){.mc-svc__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.mc-svc__grid{grid-template-columns:1fr}}
/* Phone accordion: .is-phone is set by services.js at Elementor's mobile breakpoint. */
.mc-svc.is-phone .mc-svc__card{padding:6px 18px}
.mc-svc.is-phone .mc-svc__toggle{align-items:center;min-height:48px;cursor:pointer}
.mc-svc.is-phone .mc-svc__toggle:focus-visible{outline:2px solid var(--mc-deep);outline-offset:4px}
.mc-svc.is-phone .mc-svc__label{gap:4px;font:500 17px/1.35 var(--mc-serif);color:var(--mc-heading,#000)}
.mc-svc.is-phone .mc-svc__pm{display:block}
.mc-svc.is-phone .mc-svc__body{padding-bottom:16px}
.mc-svc.is-phone .mc-svc__body[hidden]{display:none!important}
