/* Service reading layouts. Design #3's homepage and portal are unchanged. */
.lia-service-page .svc-layout { grid-template-columns:minmax(0,1fr) 330px; gap:56px; }
.lia-service-page .svc-body { min-width:0; }
.lia-service-page .svc-body p,
.lia-service-page .svc-body li { font-size:17px; line-height:1.75; }
.lia-service-page .svc-body > p:first-of-type { font-size:19px; color:#334b64; }
.lia-service-page .service-content-section { padding:34px 0; border-bottom:1px solid #e0e5eb; }
.lia-service-page .service-content-section:last-child { border-bottom:0; padding-bottom:0; }
.lia-service-page .service-content-section > h2 { margin:0 0 20px; font-size:29px; line-height:1.3; text-wrap:balance; scroll-margin-top:155px; }
.lia-service-page .service-content-section > :last-child { margin-bottom:0; }
.lia-service-page .service-content-section p { max-width:66ch; }
.lia-service-page .service-content-section a:not(.btn):not(.card):not(.service-guidance-link) { text-decoration:underline; text-underline-offset:4px; }

/* A compact index provides orientation without hiding any of the answers. */
.lia-service-page .service-index { padding:24px 26px; background:#f2f5f8; border:1px solid #dce4ec; border-radius:8px; margin-bottom:30px; }
.lia-service-page .service-index > strong { display:block; color:#0b2545; font-size:16px; margin-bottom:12px; }
.lia-service-page .service-index ul { display:flex; flex-wrap:wrap; gap:10px 22px; padding:0; margin:0; list-style:none; }
.lia-service-page .service-index ul li { display:block; font-size:14px; line-height:1.5; }
.lia-service-page .service-index a { color:#284f73; text-decoration:underline; text-decoration-color:#b0c1d1; text-underline-offset:4px; }
.lia-service-page .service-index a:hover { color:#805f1c; text-decoration-color:currentColor; }

/* Evidence checklists and ordinary prose lists have different layouts. */
.lia-service-page .svc-body .service-checklist { gap:0; border:1px solid #e0e5eb; border-radius:8px; padding:0 22px; background:#fafbfd; }
.lia-service-page .service-checklist > li { display:flex; gap:13px; padding:15px 0; border-bottom:1px solid #e0e5eb; }
.lia-service-page .service-checklist > li:last-child { border-bottom:0; }
.lia-service-page .service-checklist > li > svg { margin-top:5px; color:#896820; }
.lia-service-page .service-checklist > li > span { flex:1; min-width:0; }
.lia-service-page .svc-body .service-bullets { list-style:disc; display:block; padding-left:23px; }
.lia-service-page .service-bullets > li { display:list-item; padding-left:5px; margin:10px 0; }
.lia-service-page .service-bullets > li::marker { color:#987426; }

/* These are issue/explanation lists, not tables. A stable grid keeps each pair together. */
.lia-service-page .svc-body .service-comparison { display:block; overflow:hidden; padding:0; margin:24px 0; border:1px solid #d7dfe7; border-radius:8px; }
.lia-service-page .service-comparison > li { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr); align-items:stretch; gap:0; margin:0; padding:0; border-bottom:1px solid #d7dfe7; }
.lia-service-page .service-comparison > li:last-child { border-bottom:0; }
.lia-service-page .service-comparison .issue-title { display:block; padding:20px; font-size:16px; font-weight:600; line-height:1.65; color:#0b2545; background:#f3f0e8; }
.lia-service-page .service-comparison .issue-detail { display:block; padding:20px 24px; font-size:16px; line-height:1.7; background:#fff; }
.lia-service-page .service-comparison > li:nth-child(even) .issue-detail { background:#fafbfd; }

.lia-service-page .svc-body .service-steps { list-style:none; padding:0; counter-reset:service-step; }
.lia-service-page .service-steps > li { display:block; position:relative; padding:2px 0 24px 52px; counter-increment:service-step; }
.lia-service-page .service-steps > li::before { content:counter(service-step); position:absolute; left:0; top:0; width:32px; height:32px; display:grid; place-items:center; border-radius:50%; background:#0b2545; color:#e6c783; font-weight:600; font-size:15px; }
.lia-service-page .service-steps > li > strong { display:block; margin-bottom:5px; color:#0b2545; }
.lia-service-page .timeline { padding:6px 0 0; }
.lia-service-page .timeline .tl-item { padding-bottom:22px; }

/* Complete fee-panel palette: sufficient contrast for price, qualifiers and every action. */
.lia-service-page .svc-sidebar { top:150px; gap:22px; }
.lia-service-page .svc-sidebar .side-card.fee { background:#0b2545; border:1px solid #0b2545; border-top:4px solid #c9a24e; border-radius:10px; color:#fff; padding:27px; }
.lia-service-page .svc-sidebar .side-card.fee .tag { display:block; font-size:14px; font-weight:600; color:#e6c783; margin-bottom:16px; }
.lia-service-page .svc-sidebar .side-card.fee .big { color:#fff; font-size:54px; letter-spacing:-.035em; }
.lia-service-page .svc-sidebar .side-card.fee .big small { color:#d7e3ee; display:block; font-size:16px; line-height:1.5; margin-top:6px; }
.lia-service-page .svc-sidebar .side-card.fee .big.sponsor-fee-range { font-size:34px; }
.lia-service-page .svc-sidebar .side-card.fee .price-person { color:#f3dca8; background:transparent; padding:0; border:0; margin:9px 0 18px; font-size:16px; }
.lia-service-page .svc-sidebar .side-card.fee .fee-scope { color:#d5e1ed; font-size:14px; line-height:1.75; margin-bottom:20px; }
.lia-service-page .svc-sidebar .side-card.fee .btn { font-size:14px; padding:13px 14px; white-space:normal; text-align:center; }
.lia-service-page .svc-sidebar .side-card.fee :is(.btn-outline,.btn-ghost-light) { color:#fff; border-color:#93a6ba; background:transparent; }
.lia-service-page .svc-sidebar .side-card.fee :is(.btn-outline,.btn-ghost-light):hover { background:#244262; }
.lia-service-page .svc-sidebar .side-card.fee .sales-contact-link { color:#e6c783; font-size:13px; }
.lia-service-page .svc-sidebar .side-card:not(.fee) { border:1px solid #dce3e9; border-radius:8px; padding:25px; }
.lia-service-page .svc-sidebar .checklist li { font-size:15px; }

/* Passport information and the existing service choices now sit where readers need them. */
.lia-service-page .service-overview-image { width:100%; height:245px; object-fit:cover; border-radius:10px; margin:0 0 12px; }
.lia-service-page .passport-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:24px; }
.lia-service-page .passport-choices .svc-card { min-height:0; padding:24px; background:#f8fafc; border:1px solid #dce4ec; border-radius:8px; text-decoration:none; }
.lia-service-page .passport-choices .pill { display:none; }
.lia-service-page .passport-choices h3 { margin:0 0 12px; font-size:21px; }
.lia-service-page .passport-choices p { font-size:15px; line-height:1.65; }
.lia-service-page .passport-choices .svc-link { font-size:14px; }
.lia-service-page .service-content-section.service-scope-note { padding:26px 28px; margin-top:26px; border:1px solid #ded6c4; border-radius:8px; background:#f6f1e6; }
.lia-service-page .service-scope-note > h2 { font-size:23px; margin-bottom:13px; }
.lia-service-page .passport-enquiry { position:sticky; top:150px; background:#0b2545; border:0; border-top:4px solid #c9a24e; padding:28px; border-radius:10px; }
.lia-service-page .passport-enquiry h2 { color:#fff; font-size:25px; line-height:1.35; }
.lia-service-page .passport-enquiry p { color:#d5e1ed; font-size:15px; }
.lia-service-page .passport-enquiry a:not(.btn) { color:#ecd194; text-decoration:underline; }
.lia-service-page .passport-enquiry .btn { white-space:normal; margin-block:10px 16px; font-size:15px; }
.lia-service-page .ads-consent-settings { left:18px; right:auto; transform:none; max-width:calc(100vw - 160px); font-size:12px; }
@media(max-width:1000px) {
  .lia-service-page .svc-layout { grid-template-columns:1fr; gap:38px; }
  .lia-service-page .svc-sidebar,.lia-service-page .passport-enquiry { position:static; width:100%; max-width:650px; }
}
@media(max-width:600px) {
  .lia-service-page .ads-consent-settings { left:14px; }
  .lia-service-page .service-index { padding:20px; }
  .lia-service-page .service-index ul { gap:12px 20px; }
  .lia-service-page .service-content-section { padding:28px 0; }
  .lia-service-page .service-content-section > h2 { font-size:25px; scroll-margin-top:125px; }
  .lia-service-page .svc-body p,.lia-service-page .svc-body li { font-size:16px; }
  .lia-service-page .service-comparison > li { grid-template-columns:1fr; }
  .lia-service-page .service-comparison .issue-title { padding:17px 19px 12px; }
  .lia-service-page .service-comparison .issue-detail { padding:15px 19px 20px; }
  .lia-service-page .svc-body .service-checklist { padding-inline:18px; }
  .lia-service-page .passport-choices { grid-template-columns:1fr; }
  .lia-service-page .service-content-section.service-scope-note { padding:22px; }
  .lia-service-page .service-scope-note > h2 { font-size:22px; }
  .lia-service-page .service-overview-image { height:190px; }
}
