/*!
 * Ariade: services styles. Loaded only on pages that use these blocks or templates (see inc/styles.php).
 * Author: Shivaji Mitra / M/S. Anblik
 */
/* ---- Services: colourful numbered cards, facts, rail (v1.6.1) --- */
main .ariade-svc-grid.ariade-svc-grid{list-style:none;margin-block-start:2.5rem;margin-block-end:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.4rem;counter-reset:ariade-svc}
.ariade-svc-card{--svc:#534ab7;--svc-tint:#f6f5fd;position:relative;counter-increment:ariade-svc;background:linear-gradient(160deg,var(--svc-tint) 0%,#ffffff 55%);border:1.5px solid rgba(14,27,54,.14);border-top:5px solid var(--svc);border-radius:16px;padding:1.5rem 1.5rem 1.2rem;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.ariade-svc-card::before{content:counter(ariade-svc,decimal-leading-zero);display:block;font-size:2rem;font-weight:800;line-height:1;color:var(--svc);opacity:.9;margin-bottom:.7rem;letter-spacing:.02em}
.ariade-svc-grid li:nth-child(4n+2) .ariade-svc-card,li:nth-child(4n+2).ariade-svc-card{--svc:#d4537e;--svc-tint:#fdf3f7}
.ariade-svc-grid li:nth-child(4n+3).ariade-svc-card{--svc:#0e7c6b;--svc-tint:#eefaf7}
.ariade-svc-grid li:nth-child(4n).ariade-svc-card{--svc:#9a5500;--svc-tint:#fff8ec}
.ariade-svc-card h2{margin:0 0 .45rem;font-size:1.3rem}
.ariade-svc-card h2 a{text-decoration:none;color:#0e1b36}
.ariade-svc-card h2 a::after{content:"";position:absolute;inset:0}
.ariade-svc-card h2 a:hover,.ariade-svc-card h2 a:focus-visible{text-decoration:underline}
.ariade-svc-card h2 a:focus-visible{outline:2.4px solid var(--svc);outline-offset:3px}
.ariade-svc-card p{margin:0;color:#3c4a63;font-size:.95rem;line-height:1.55}
.ariade-svc-card .svc-more{margin-top:auto;padding-top:.9rem;font-weight:800;font-size:1.15rem;color:var(--svc);transition:transform .18s ease}
.ariade-svc-card:hover,.ariade-svc-card:focus-within{transform:translateY(-4px);box-shadow:0 14px 30px rgba(14,27,54,.13);border-color:var(--svc)}
.ariade-svc-card:hover .svc-more,.ariade-svc-card:focus-within .svc-more{transform:translateX(6px)}
@media (prefers-reduced-motion:reduce){
  .ariade-svc-card,.ariade-svc-card .svc-more{transition:none}
  .ariade-svc-card:hover,.ariade-svc-card:focus-within{transform:none}
}
/* Services listing: ledger rows (insertable pattern) */
main .ariade-svc-ledger.ariade-svc-ledger{list-style:none;margin-block-start:2.5rem;margin-block-end:0;padding:0;counter-reset:ariade-svc}
.ariade-svc-row{--svc:#534ab7;--svc-tint:#f6f5fd;counter-increment:ariade-svc;position:relative;display:grid;grid-template-columns:5.5rem 1fr auto;align-items:center;gap:1.2rem;padding:1.35rem .6rem;border-bottom:1.5px solid rgba(14,27,54,.12);transition:box-shadow .18s ease,background .18s ease}
main .ariade-svc-ledger li:first-child{border-top:1.5px solid rgba(14,27,54,.12)}
main .ariade-svc-ledger li:nth-child(4n+2){--svc:#d4537e;--svc-tint:#fdf3f7}
main .ariade-svc-ledger li:nth-child(4n+3){--svc:#0e7c6b;--svc-tint:#eefaf7}
main .ariade-svc-ledger li:nth-child(4n){--svc:#9a5500;--svc-tint:#fff8ec}
.ariade-svc-row .svc-ghost{font-size:2.9rem;font-weight:800;line-height:1;color:rgba(14,27,54,.12);letter-spacing:.02em;transition:color .18s ease}
.ariade-svc-row .svc-ghost::before{content:counter(ariade-svc,decimal-leading-zero)}
.ariade-svc-row h2{margin:0 0 .15rem;font-size:1.25rem}
.ariade-svc-row h2 a{text-decoration:none;color:#0e1b36;transition:color .18s ease}
.ariade-svc-row h2 a::after{content:"";position:absolute;inset:0}
.ariade-svc-row h2 a:hover,.ariade-svc-row h2 a:focus-visible{text-decoration:underline}
.ariade-svc-row h2 a:focus-visible{outline:2.4px solid var(--svc);outline-offset:3px}
.ariade-svc-row .svc-body p{margin:0;color:#3c4a63;font-size:.92rem;line-height:1.55}
.ariade-svc-row .svc-more{font-weight:800;font-size:1.3rem;color:#4a5670;transition:transform .18s ease,color .18s ease}
.ariade-svc-row:hover,.ariade-svc-row:focus-within{box-shadow:inset 4px 0 0 var(--svc);background:rgba(14,27,54,.02)}
.ariade-svc-row:hover .svc-ghost,.ariade-svc-row:focus-within .svc-ghost{color:var(--svc)}
.ariade-svc-row:hover h2 a,.ariade-svc-row:focus-within h2 a{color:var(--svc)}
.ariade-svc-row:hover .svc-more,.ariade-svc-row:focus-within .svc-more{transform:translateX(6px);color:var(--svc)}
@media (max-width:560px){
  .ariade-svc-row{grid-template-columns:3.2rem 1fr auto;gap:.8rem}
  .ariade-svc-row .svc-ghost{font-size:1.9rem}
}
@media (prefers-reduced-motion:reduce){
  .ariade-svc-row,.ariade-svc-row .svc-ghost,.ariade-svc-row h2 a,.ariade-svc-row .svc-more{transition:none}
  .ariade-svc-row:hover .svc-more,.ariade-svc-row:focus-within .svc-more{transform:none}
}
/* Services listing: compact chip index (insertable pattern) */
main .ariade-svc-index.ariade-svc-index{list-style:none;margin-block-start:2.5rem;margin-block-end:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:.8rem;counter-reset:ariade-svc}
.ariade-svc-pill{--svc:#534ab7;--svc-tint:#f6f5fd;counter-increment:ariade-svc;position:relative;display:flex;align-items:center;gap:.9rem;border:1.5px solid rgba(14,27,54,.14);border-radius:999px;padding:.65rem 1.1rem .65rem .65rem;background:#fff;transition:border-color .18s ease,background .18s ease}
main .ariade-svc-index li:nth-child(4n+2){--svc:#d4537e;--svc-tint:#fdf3f7}
main .ariade-svc-index li:nth-child(4n+3){--svc:#0e7c6b;--svc-tint:#eefaf7}
main .ariade-svc-index li:nth-child(4n){--svc:#9a5500;--svc-tint:#fff8ec}
.ariade-svc-pill .svc-chip{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--svc-tint);color:var(--svc);font-weight:800;font-size:.85rem}
.ariade-svc-pill .svc-chip::before{content:counter(ariade-svc,decimal-leading-zero)}
.ariade-svc-pill :is(h2,h3){margin:0;font-size:1rem;font-weight:600}
.ariade-svc-pill :is(h2,h3) a{text-decoration:none;color:#0e1b36;transition:color .18s ease}
.ariade-svc-pill :is(h2,h3) a::after{content:"";position:absolute;inset:0;border-radius:999px}
.ariade-svc-pill :is(h2,h3) a:hover,.ariade-svc-pill :is(h2,h3) a:focus-visible{text-decoration:underline}
.ariade-svc-pill :is(h2,h3) a:focus-visible{outline:2.4px solid var(--svc);outline-offset:3px}
.ariade-svc-pill .svc-more{margin-left:auto;font-weight:800;color:#4a5670;transition:transform .18s ease,color .18s ease}
.ariade-svc-pill:hover,.ariade-svc-pill:focus-within{border-color:var(--svc);background:var(--svc-tint)}
.ariade-svc-pill:hover :is(h2,h3) a,.ariade-svc-pill:focus-within :is(h2,h3) a{color:var(--svc)}
.ariade-svc-pill:hover .svc-more,.ariade-svc-pill:focus-within .svc-more{transform:translateX(4px);color:var(--svc)}
main .ariade-svc-pill.ariade-svc-pill :is(h2,h3){margin-block:0;font-size:1rem}
main .ariade-svc-row.ariade-svc-row h2{margin-block:0 .15rem}
main .ariade-svc-card.ariade-svc-card h2{margin-block:0 .45rem}
@media (prefers-reduced-motion:reduce){
  .ariade-svc-pill,.ariade-svc-pill h2 a,.ariade-svc-pill .svc-more{transition:none}
  .ariade-svc-pill:hover .svc-more,.ariade-svc-pill:focus-within .svc-more{transform:none}
}