/* /en-sg/services/ — Singapore services hub. Shared classes live in /css/theme.css. */

.hero-figure{aspect-ratio:4/5;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-card);background:var(--surface);border:1px solid var(--border)}
.hero-figure img{width:100%;height:100%;object-fit:cover;display:block}

/* svc-grid — 4-col service overview grid (collapses 2-col then 1-col).
   Sits inside a .related (cream) section background from theme.css. */
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.svc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px 26px 30px;display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit;box-shadow:var(--shadow-soft);min-height:280px}
.svc-card .num{font-family:var(--font-ui);font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--coral)}
.svc-card h3{font-size:1.15rem;color:var(--navy);line-height:1.3}
.svc-card p{font-family:var(--font-body);font-size:0.95rem;line-height:1.6;color:var(--body);margin-top:auto}
.svc-card .cue{font-family:var(--font-ui);font-size:0.78rem;font-weight:700;letter-spacing:0.08em;color:var(--coral);padding-top:14px;border-top:1px solid var(--border);margin-top:14px}

/* uk-links — compact list of UK-from-Singapore handoff links inside the .callout answer column */
.uk-links{display:grid;gap:10px;margin-top:18px}
.uk-links li{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--body);padding-left:18px;position:relative}
.uk-links li::before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--coral)}
.uk-links li a{color:var(--coral);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

@media (max-width: 1100px){
  .svc-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 720px){
  .svc-grid{grid-template-columns:1fr}
}