/* OCI DigiTech — Services overview page. Primitives (pills, controls) live in style.css. */
.svc-groups{grid-template-columns:repeat(3,1fr)}
.svc-groups .icon{font-family:var(--font-display);font-weight:800;color:var(--teal-900);font-size:1.1rem}
.svc-includes{font-size:.8rem;color:var(--muted)}
.svc-group-block{margin:1.8rem 0 0;scroll-margin-top:calc(var(--header-h) + 170px)}
.svc-group-title{font-size:1.2rem;margin:0 0 .9rem}
.svc-dir{grid-template-columns:repeat(3,1fr)}
.svc-dir .tier-pill{font-size:.62rem;padding:.18rem .55rem}
.svc-filters-row{display:flex;gap:.5rem;flex-wrap:wrap}
@media(max-width:960px){
  .svc-groups,.svc-dir{grid-template-columns:1fr 1fr}
  .tech-controls{position:static}
  .svc-filters-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:thin}
  .svc-filters-row .filter-btn{flex:none}
}
@media(max-width:620px){
  .svc-groups,.svc-dir{grid-template-columns:1fr}
  .tech-controls{padding:1rem}
  .tech-search input{font-size:1rem}
  .tech-tier-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:thin}
  .tech-tier-filters .filter-btn{flex:none;min-height:44px}
}