/* ==========================================================================
   Contact the Court (page-contact.php) — editorial rebuild, 2026-08-10.
   Task cards borrow the homepage quick-access winner's anatomy (white card,
   bare Logo-Royal icon, quiet arrow); everything else is the ledger language:
   ruled columns with split-rule chips, the navy location plate, and the
   enquiry form as an editorial split. Loaded only on this page.
   ========================================================================== */

/* ---- task router: qa-white anatomy ---------------------------------------- */
.ct-tasks{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-grid)}
.ct-task{display:flex;flex-direction:column;gap:.5rem;background:#fff;border-radius:9px;padding:1.5rem 1.5rem 1.3rem}
.ct-task .ico{width:38px;height:38px;color:#323392;stroke-width:1.6;transition:color .2s ease;margin-bottom:.35rem}
.ct-task:hover .ico{color:#01A3DD}
.ct-task h3{font-size:1.05rem;margin:0;color:var(--teal)}
.ct-task p{font-size:.92rem;line-height:1.55;color:var(--muted);margin:0}
.ct-task .ctc-arrow{margin-top:auto;align-self:flex-end;color:#A9B4C6;transition:color .18s ease,transform .18s ease;padding-top:.6rem}
.ct-task:hover .ctc-arrow{color:#323392;transform:translateX(3px)}
@media(max-width:900px){.ct-tasks{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ct-tasks{grid-template-columns:1fr}}

/* ---- contact channels: ruled columns with split-rule chips ----------------- */
.ct-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.8rem,4vw,3.2rem)}
.ct-col{position:relative;border-top:1px solid rgba(21,35,59,.16);padding-top:1.35rem}
.ct-col::before{content:"";position:absolute;left:0;top:-2px;height:3px;width:64px;border-radius:1px;
  background:linear-gradient(90deg,#323392 0 46px,transparent 46px 52px,#01A3DD 52px)}
.ct-col h3{font-size:1.12rem;margin:0 0 1rem;color:var(--teal)}
.ct-col dl{display:flex;flex-direction:column;gap:.7rem;margin:0}
.ct-col dt{font-family:var(--sans);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#323392}
.ct-col dd{margin:.1rem 0 0;font-size:.98rem;line-height:1.5;color:var(--ink)}
.ct-col dd a{color:#0E6E9E;font-weight:600}
.ct-col dd a:hover{color:#323392}
@media(max-width:900px){.ct-cols{grid-template-columns:1fr;gap:1.6rem}}

/* ---- location split -------------------------------------------------------- */
.ct-loc{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(1.8rem,4vw,3rem);align-items:start}
.ct-loc .sl-rows{margin-top:0}
@media(max-width:900px){.ct-loc{grid-template-columns:1fr}}

/* ---- registry services: ruled columns -------------------------------------- */
.ct-svcs{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.6rem,3.5vw,2.8rem)}
.ct-svc{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;border-top:1px solid rgba(21,35,59,.16);padding-top:1.2rem}
.ct-svc .ico{width:30px;height:30px;color:#323392;stroke-width:1.6;margin-bottom:.2rem;transition:color .2s ease}
.ct-svc:hover .ico{color:#01A3DD}
.ct-svc h3{font-size:1.04rem;margin:0;color:var(--teal)}
.ct-svc p{font-size:.93rem;line-height:1.55;color:var(--muted);margin:0}
.ct-svc .link{margin-top:.35rem;font-size:.93rem}
.ct-svc .link .arrow{transition:transform .18s ease}
.ct-svc:hover .link .arrow{transform:translateX(3px)}
@media(max-width:900px){.ct-svcs{grid-template-columns:1fr;gap:1.5rem}}

/* ---- enquiry: editorial split, form on a white plate ------------------------ */
.ct-form{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:clamp(2rem,4.5vw,4rem);align-items:start}
.ct-form-note{display:flex;flex-direction:column;gap:.9rem}
.ct-form-note .sl-rows{margin-top:.4rem}
.ct-formcard{background:#fff;border:1px solid rgba(21,35,59,.07);border-radius:9px;padding:clamp(1.6rem,3vw,2.2rem)}
@media(max-width:900px){.ct-form{grid-template-columns:1fr}}