/* CLP Legal Help journey — production CSS (scoped). Atlas UI from production handoff. */
.legal-help-page {
  --background: #f8f6ef;
  --foreground: #112d46;
  --ink: #112d46;
  --ink-soft: #506272;
  --paper: #f8f6ef;
  --paper-white: #fffefa;
  --paper-deep: #eceae0;
  --line: #d9d6ca;
  --vermillion: #b7382f;
  --vermilion-pale: #f3e4dd;
  --sage: #778c84;
  --mist: #edf0e9;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  overflow: hidden;
  background: var(--paper);
  color: var(--ink);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  margin: 0 -15px; /* bleed slightly within article container when needed */
}
.legal-help-page *, .legal-help-page *::before, .legal-help-page *::after { box-sizing: border-box; }
.legal-help-page button { font: inherit; }
.legal-help-page a { color: inherit; }
.legal-help-page svg { flex-shrink: 0; }
.legal-help-page .lh-icon { width: 18px; height: 18px; display: inline-block; }
/* Legal Help journey system: the China-entry switchboard, business control room and personal status navigator. */
.legal-help-page { overflow: hidden; background: #f8f6ef; color: var(--ink); }
.lh-eyebrow { margin: 0; color: var(--vermillion); font-size: 10px; font-weight: 800; letter-spacing: .17em; line-height: 1.4; text-transform: uppercase; }
.lh-brand { display: flex; align-items: center; gap: 9px; color: var(--ink); font-size: 10px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.lh-brand-symbol { position: relative; display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(17,45,70,.2); border-radius: 50%; }
.lh-brand-symbol img { width: 22px; height: 22px; object-fit: contain; }
.lh-brand-symbol i { position: absolute; right: -2px; bottom: 3px; width: 5px; height: 5px; border-radius: 50%; background: var(--vermillion); }
.lh-brand span { padding-left: 9px; border-left: 1px solid var(--line); color: var(--ink-soft); }
.lh-hero { position: relative; min-height: 490px; overflow: hidden; border-bottom: 1px solid var(--line); background: #fffefa; }
.lh-hero-content, .lh-business-hero-content, .lh-living-hero-content { position: relative; z-index: 2; width: min(1240px, calc(100% - 48px)); margin: 0 auto; padding: 65px 0; }
.lh-hero-grid, .lh-business-title, .lh-living-title { display: grid; grid-template-columns: minmax(0, 1fr) 360px; align-items: end; gap: 64px; margin-top: 62px; }
.lh-hero h1, .lh-business h1, .lh-living h1, .lh-section-intro h2, .lh-preview-copy h2, .lh-process h2, .lh-choice-ways h2, .lh-lane-section h2, .lh-project-form h2, .lh-readiness h2, .lh-guide-handoffs h2, .lh-living h2, .lh-personal-card h2, .lh-status-board h2, .lh-matcher h2 { margin: 12px 0 0; font-family: "DM Serif Display", Georgia, serif; font-weight: 400; letter-spacing: -.04em; }
.lh-hero h1, .lh-business h1, .lh-living h1 { font-size: clamp(52px, 6.3vw, 86px); line-height: .92; }
.lh-hero h1 em, .lh-business h1 em, .lh-living h1 em, .lh-process h2 em, .lh-choice-ways h2 em, .lh-living h2 em { color: var(--vermillion); font-style: italic; }
.lh-hero-lede, .lh-business-title > p, .lh-living-title > p { margin: 0 0 5px; color: var(--ink-soft); font-size: 14px; font-weight: 600; line-height: 1.8; }
.lh-progress { display: flex; align-items: center; gap: 0; width: fit-content; max-width: 100%; margin: 51px 0 0; padding: 0; border: 1px solid var(--line); background: rgba(255,254,250,.82); list-style: none; }
.lh-progress li { display: flex; align-items: center; gap: 7px; padding: 10px 13px; color: var(--ink-soft); font-size: 9px; font-weight: 700; letter-spacing: .03em; }
.lh-progress li + li { border-left: 1px solid var(--line); }
.lh-progress li i { display: block; width: 4px; height: 4px; border-radius: 50%; background: var(--sage); }
.lh-progress li.active i { background: var(--vermillion); }
.lh-progress li b { color: var(--sage); font-size: 9px; }
.lh-progress li.active { background: #f3e4dd; color: var(--ink); }
.lh-progress li.active b, .lh-progress li.complete b { color: var(--vermillion); }
.lh-seal { position: absolute; right: max(26px, calc((100vw - 1240px) / 2)); top: 76px; z-index: 1; display: grid; width: 190px; height: 190px; place-content: center; border: 1px solid rgba(17,45,70,.23); border-radius: 50%; color: var(--ink); text-align: center; transform: rotate(12deg); }
.lh-seal::before, .lh-seal::after { position: absolute; inset: 12px; border: 1px dashed rgba(183,56,47,.45); border-radius: 50%; content: ""; }
.lh-seal::after { inset: 35px; border-style: solid; border-color: rgba(17,45,70,.13); }
.lh-seal svg { position: relative; z-index: 1; margin: 0 auto 5px; color: var(--vermillion); }
.lh-seal span, .lh-seal small { position: relative; z-index: 1; color: var(--ink-soft); font-size: 7px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.lh-seal b { position: relative; z-index: 1; margin: 4px 0; font-family: "DM Serif Display", Georgia, serif; font-size: 22px; font-weight: 400; letter-spacing: -.03em; line-height: .86; }

.lh-route-selector, .lh-process, .lh-choice-ways, .lh-lane-section, .lh-readiness, .lh-guide-handoffs, .lh-life-selector, .lh-status-board, .lh-matcher { width: min(1240px, calc(100% - 48px)); margin: 0 auto; }
.lh-route-selector { display: grid; grid-template-columns: 267px 1fr; gap: 64px; padding: 77px 0 69px; }
.lh-section-intro h2 { font-size: 37px; line-height: 1.03; }
.lh-route-grid { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.lh-route-grid::before { position: absolute; top: -9px; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg, var(--vermillion) 0 18px, var(--ink) 18px 100%); content: ""; }
.lh-route-card { position: relative; display: flex; min-height: 187px; flex-direction: column; padding: 19px; border: 1px solid var(--line); background: #fffefa; color: var(--ink); text-align: left; cursor: pointer; transition: transform .2s var(--ease-out), border-color .2s var(--ease-out), background .2s var(--ease-out), box-shadow .2s var(--ease-out); }
.lh-route-card > div { display: flex; align-items: center; gap: 9px; }
.lh-route-card > div svg { margin-left: auto; color: var(--sage); }
.lh-route-card:hover { transform: translateY(-4px); border-color: rgba(17,45,70,.52); box-shadow: 0 16px 27px rgba(17,45,70,.09); }
.lh-route-card.active { border-left: 4px solid var(--vermillion); background: linear-gradient(104deg, #fffefa 0%, #fffefa 68%, #f3e4dd 100%); }
.lh-route-card::after { position: absolute; right: 20px; bottom: 20px; width: 4px; height: 4px; border-radius: 50%; background: var(--sage); box-shadow: -10px 0 0 var(--sage), -20px 0 0 var(--sage); content: ""; }
.lh-route-card.active::after { background: var(--vermillion); box-shadow: -10px 0 0 var(--vermillion), -20px 0 0 var(--vermillion); }
.lh-route-number { color: var(--vermillion); font-size: 10px; font-weight: 800; }
.lh-route-audience { color: var(--sage); font-size: 9px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.lh-route-card h3 { margin: 22px 0 5px; font-family: "DM Serif Display", Georgia, serif; font-size: 25px; font-weight: 400; letter-spacing: -.02em; line-height: 1.05; }
.lh-route-card p { margin: 0; color: var(--ink-soft); font-size: 11px; font-weight: 600; line-height: 1.55; }
.lh-route-arrow { display: grid; width: 25px; height: 25px; place-items: center; margin: auto 0 0 auto; border-radius: 50%; background: var(--ink); color: #fffefa; }
.lh-route-preview { display: grid; grid-template-columns: 44px minmax(0, 1fr) 315px; gap: 37px; align-items: center; padding: 37px max(24px, calc((100vw - 1240px) / 2)); border-top: 1px solid var(--ink); border-bottom: 1px solid var(--line); background: #edf0e9; }
.lh-preview-spine { display: flex; align-items: center; gap: 5px; min-height: 134px; flex-direction: column; justify-content: center; border-left: 1px solid var(--sage); }
.lh-preview-spine i { width: 6px; height: 6px; margin-left: -3.5px; border-radius: 50%; background: var(--vermillion); }
.lh-corridor-string { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-bottom: 11px; color: var(--sage); font-size: 8px; font-weight: 800; letter-spacing: .09em; line-height: 1.35; text-transform: uppercase; }
.lh-corridor-string i { width: 6px; height: 6px; border-radius: 50%; background: var(--vermillion); }
.lh-corridor-string span { color: var(--ink-soft); }
.lh-preview-copy h2 { font-size: 38px; line-height: 1; }
.lh-preview-copy > p:not(.lh-eyebrow) { max-width: 560px; margin: 16px 0 20px; color: var(--ink-soft); font-size: 13px; font-weight: 600; line-height: 1.7; }
.lh-preview-copy a, .lh-prep-panel a { display: inline-flex; align-items: center; gap: 7px; color: var(--ink); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.lh-preview-copy a { border-bottom: 1px solid var(--vermillion); }
.lh-prep-panel { padding: 19px; border: 1px solid #c6cec8; background: #fffefa; }
.lh-prep-panel > span, .lh-readiness-card > span { color: var(--vermillion); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.lh-prep-panel ul { display: grid; gap: 9px; padding: 0; margin: 15px 0 13px; list-style: none; }
.lh-prep-panel li { position: relative; padding-left: 13px; color: var(--ink); font-size: 11px; font-weight: 700; line-height: 1.45; }
.lh-prep-panel li::before { position: absolute; top: .48em; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--vermillion); content: ""; }
.lh-prep-panel small { color: var(--ink-soft); font-size: 9px; font-weight: 600; line-height: 1.5; }
.lh-process { display: grid; grid-template-columns: 330px 1fr; gap: 70px; padding: 78px 0; }
.lh-section-intro::before, .lh-process-heading::before, .lh-choice-ways > div:first-child::before, .lh-project-form::before, .lh-readiness > div:first-child::before, .lh-guide-handoffs > div:first-child::before, .lh-status-board > div:first-child::before, .lh-matcher-heading::before { display: block; width: 22px; height: 22px; margin-bottom: 12px; background: url("/media/clp/legal-help/clp-compass-mark.png") center / contain no-repeat; content: ""; }
.lh-process h2, .lh-choice-ways h2, .lh-lane-section h2, .lh-project-form h2, .lh-readiness h2, .lh-guide-handoffs h2, .lh-status-board h2, .lh-matcher h2 { font-size: clamp(38px, 4vw, 57px); line-height: .99; }
.lh-process-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; border-top: 1px solid var(--ink); }
.lh-process-steps article { min-height: 197px; padding: 24px 19px 14px 0; border-bottom: 1px solid var(--line); }
.lh-process-steps article + article { padding-left: 19px; border-left: 1px solid var(--line); }
.lh-process-steps b { color: var(--vermillion); font-size: 10px; font-weight: 800; }
.lh-process-steps h3 { margin: 24px 0 8px; font-family: "DM Serif Display", Georgia, serif; font-size: 23px; font-weight: 400; line-height: 1.05; }
.lh-process-steps p { margin: 0; color: var(--ink-soft); font-size: 11px; font-weight: 600; line-height: 1.65; }
.lh-choice-ways { display: grid; grid-template-columns: 330px 1fr; gap: 70px; padding: 0 0 76px; }
.lh-way-links { display: grid; border-top: 1px solid var(--ink); }
.lh-way-links a { display: grid; grid-template-columns: 112px 1fr min-content; gap: 18px; align-items: center; min-height: 65px; padding: 14px 0; border-bottom: 1px solid var(--line); color: var(--ink); text-decoration: none; transition: padding .18s var(--ease-out), color .18s var(--ease-out); }
.lh-way-links a:hover { padding-left: 9px; color: var(--vermillion); }
.lh-way-links span { color: var(--sage); font-size: 9px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.lh-way-links strong { font-size: 12px; font-weight: 700; }
.lh-switch-trust, .lh-business-notes, .lh-living-notes { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 26px; width: min(1240px, calc(100% - 48px)); margin: 0 auto; padding: 28px 0 60px; border-top: 1px solid var(--line); }
.lh-trust-note, .lh-local-note { display: grid; grid-template-columns: 22px 1fr; gap: 8px; color: var(--sage); }
.lh-trust-note p, .lh-local-note p { margin: 0; color: var(--ink-soft); font-size: 10px; font-weight: 600; line-height: 1.55; }
.lh-trust-note b, .lh-local-note b { color: var(--ink); }
.lh-switch-trust > a { display: inline-flex; align-items: center; gap: 7px; padding: 13px 15px; background: var(--ink); color: #fffefa; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }

.lh-business-hero { position: relative; min-height: 486px; overflow: hidden; border-bottom: 1px solid var(--line); background: #fffefa; }
.lh-business-title, .lh-living-title { margin-top: 57px; }
.lh-business-gridmark { position: absolute; right: max(24px, calc((100vw - 1240px) / 2)); top: 70px; display: grid; width: 232px; height: 232px; place-content: center; border: 1px solid rgba(17,45,70,.2); color: var(--ink); text-align: center; transform: rotate(-7deg); }
.lh-business-gridmark::before, .lh-business-gridmark::after { position: absolute; inset: 15px; border: 1px solid rgba(183,56,47,.35); content: ""; }
.lh-business-gridmark::after { inset: 47px; border-color: rgba(17,45,70,.15); }
.lh-business-gridmark span, .lh-business-gridmark small { position: relative; z-index: 1; color: var(--ink-soft); font-size: 8px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.lh-business-gridmark b { position: relative; z-index: 1; margin: 6px 0; font-family: "DM Serif Display", Georgia, serif; font-size: 29px; font-weight: 400; line-height: .86; }
.lh-business-gridmark i { position: relative; z-index: 1; width: 41px; height: 1px; margin: 2px auto 10px; background: var(--vermillion); }
.lh-lane-section { display: grid; grid-template-columns: 280px 1fr; gap: 64px; padding: 76px 0 73px; }
.lh-lane-tabs { display: grid; grid-template-columns: repeat(4, 1fr); grid-column: 2; border-top: 1px solid var(--ink); }
.lh-lane-tabs { position: relative; }
.lh-lane-tabs::before { position: absolute; top: -4px; left: 0; width: 9px; height: 9px; border-radius: 50%; background: var(--vermillion); content: ""; }
.lh-lane-tabs button { display: grid; justify-items: start; gap: 8px; min-height: 113px; padding: 17px; border: 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: transparent; color: var(--ink-soft); text-align: left; cursor: pointer; transition: background .18s var(--ease-out), color .18s var(--ease-out); }
.lh-lane-tabs button:first-child { border-left: 1px solid var(--line); }
.lh-lane-tabs button:hover, .lh-lane-tabs button.active { background: #edf0e9; color: var(--ink); }
.lh-lane-tabs button.active { box-shadow: inset 0 3px 0 var(--vermillion); }
.lh-lane-tabs button span { color: var(--vermillion); font-size: 9px; font-weight: 800; }
.lh-lane-tabs button b { font-family: "DM Serif Display", Georgia, serif; font-size: 18px; font-weight: 400; line-height: 1; }
.lh-lane-detail { display: grid; grid-template-columns: 62px 1fr 245px; grid-column: 2; gap: 20px; align-items: center; margin-top: 20px; padding: 23px; border: 1px solid var(--line); background: #fffefa; }
.lh-detail-marker { display: grid; justify-items: center; gap: 9px; color: var(--vermillion); }
.lh-detail-marker span { display: grid; width: 33px; height: 33px; place-items: center; border-radius: 50%; background: #f3e4dd; font-size: 10px; font-weight: 800; }
.lh-lane-detail h3 { margin: 7px 0; font-family: "DM Serif Display", Georgia, serif; font-size: 29px; font-weight: 400; line-height: 1; }
.lh-lane-detail p:not(.lh-eyebrow) { margin: 0; color: var(--ink-soft); font-size: 12px; font-weight: 600; line-height: 1.65; }
.lh-lane-detail aside { padding-left: 18px; border-left: 1px solid var(--line); }
.lh-lane-detail aside span { display: block; margin-bottom: 7px; color: var(--sage); font-size: 8px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.lh-lane-detail a { display: flex; align-items: center; gap: 6px; color: var(--ink); font-size: 10px; font-weight: 800; line-height: 1.45; text-decoration: none; text-transform: uppercase; }
.lh-project-board { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; padding: 49px max(24px, calc((100vw - 1240px) / 2)); background: var(--ink); color: #fffefa; }
.lh-project-form > p:not(.lh-eyebrow) { max-width: 490px; margin: 19px 0; color: #c7d1d0; font-size: 12px; font-weight: 600; line-height: 1.7; }
.lh-project-form .lh-eyebrow { color: #e79182; }
.lh-form-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.lh-form-grid label, .lh-matcher-panel label { display: grid; gap: 6px; color: #c7d1d0; font-size: 9px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.lh-form-grid select, .lh-matcher-panel select { min-width: 0; height: 40px; padding: 0 10px; border: 1px solid rgba(255,255,255,.3); border-radius: 0; background: rgba(255,255,255,.08); color: #fffefa; font-size: 11px; font-weight: 700; outline: 0; }
.lh-form-grid option, .lh-matcher-panel option { color: var(--ink); background: #fffefa; }
.lh-brief-card { display: grid; align-content: start; padding: 21px; border: 1px solid rgba(255,255,255,.32); background: rgba(255,255,255,.06); }
.lh-brief-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #fffefa; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.lh-brief-top > span, .lh-brief-top button { display: inline-flex; align-items: center; gap: 6px; }
.lh-brief-top button { border: 0; background: transparent; color: #b5c9c0; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.lh-brief-card pre { margin: 21px 0 14px; white-space: pre-wrap; color: #e3e8e2; font-family: "Manrope", sans-serif; font-size: 11px; font-weight: 600; line-height: 1.7; }
.lh-brief-card small { color: #aebeba; font-size: 9px; font-weight: 600; line-height: 1.5; }
.lh-readiness { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; padding: 77px 0; }
.lh-readiness-card { padding: 24px; border-top: 2px solid var(--ink); background: #edf0e9; }
.lh-readiness-card ul { display: grid; gap: 10px; padding: 0; margin: 20px 0; list-style: none; }
.lh-readiness-card li { display: flex; align-items: center; gap: 10px; color: var(--ink); font-size: 12px; font-weight: 700; }
.lh-readiness-card li i { width: 6px; height: 6px; border-radius: 50%; background: var(--vermillion); }
.lh-readiness-card a, .lh-matcher-panel > a { display: inline-flex; align-items: center; gap: 6px; color: var(--ink); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.lh-guide-handoffs { display: grid; grid-template-columns: 1fr 1.2fr; gap: 70px; padding: 0 0 74px; }
.lh-guide-handoffs > div:last-child { display: grid; border-top: 1px solid var(--ink); }
.lh-guide-handoffs > div:last-child a { display: grid; grid-template-columns: 27px 1fr min-content; gap: 10px; align-items: center; min-height: 75px; padding: 14px 0; border-bottom: 1px solid var(--line); color: var(--ink); text-decoration: none; transition: color .18s var(--ease-out), padding .18s var(--ease-out); }
.lh-guide-handoffs > div:last-child a:hover { padding-left: 9px; color: var(--vermillion); }
.lh-guide-handoffs b, .lh-guide-handoffs small { display: block; }
.lh-guide-handoffs b { font-family: "DM Serif Display", Georgia, serif; font-size: 21px; font-weight: 400; }
.lh-guide-handoffs small { margin-top: 4px; color: var(--ink-soft); font-size: 10px; font-weight: 600; line-height: 1.4; }
.lh-business-notes, .lh-living-notes { grid-template-columns: 1fr 1fr; align-items: start; padding-top: 26px; }

.lh-living-hero { position: relative; min-height: 493px; overflow: hidden; border-bottom: 1px solid var(--line); background: #fffefa; }
.lh-living-orbit { position: absolute; right: -88px; top: 55px; width: 335px; height: 335px; border: 1px solid rgba(17,45,70,.15); border-radius: 50%; color: var(--sage); }
.lh-living-orbit::before, .lh-living-orbit::after { position: absolute; inset: 39px; border: 1px solid rgba(183,56,47,.25); border-radius: 50%; content: ""; }
.lh-living-orbit::after { inset: 91px; border-color: rgba(17,45,70,.13); }
.lh-living-orbit span { position: absolute; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.lh-living-orbit span:nth-of-type(1) { top: 20px; left: 100px; }.lh-living-orbit span:nth-of-type(2) { right: 10px; top: 145px; }.lh-living-orbit span:nth-of-type(3) { bottom: 31px; left: 101px; }.lh-living-orbit span:nth-of-type(4) { top: 143px; left: 15px; }
.lh-living-orbit i { position: absolute; top: 147px; left: 146px; width: 41px; height: 41px; border-radius: 50%; background: var(--vermillion); }
.lh-life-selector { display: grid; grid-template-columns: 290px 1fr; gap: 64px; padding: 76px 0; }
.lh-event-list { display: grid; border-top: 1px solid var(--ink); }
.lh-event-list button { display: grid; grid-template-columns: 28px 22px 1fr min-content; gap: 9px; align-items: center; min-height: 74px; padding: 12px 8px 12px 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--ink-soft); text-align: left; cursor: pointer; transition: color .18s var(--ease-out), padding .18s var(--ease-out), background .18s var(--ease-out); }
.lh-event-list button:hover { padding-left: 8px; color: var(--ink); }
.lh-event-list button.active { padding-left: 12px; border-left: 3px solid var(--vermillion); background: linear-gradient(90deg, rgba(183,56,47,.08), transparent); color: var(--ink); }
.lh-event-list button > span { color: var(--vermillion); font-size: 9px; font-weight: 800; }.lh-event-list button strong, .lh-event-list button small { display: block; }.lh-event-list button strong { font-family: "DM Serif Display", Georgia, serif; font-size: 20px; font-weight: 400; }.lh-event-list button small { margin-top: 3px; color: var(--ink-soft); font-size: 10px; font-weight: 600; line-height: 1.4; }
.lh-personal-route { display: grid; grid-template-columns: 1.35fr .65fr; gap: 18px; padding: 42px max(24px, calc((100vw - 1240px) / 2)); background: #edf0e9; }
.lh-personal-card { padding: 25px; border-left: 4px solid var(--vermillion); background: #fffefa; }
.lh-personal-card-top { display: flex; justify-content: space-between; color: var(--sage); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.lh-personal-card-top b { color: var(--vermillion); }.lh-personal-card .lh-corridor-string { margin-top: 18px; }.lh-personal-card h2 { font-size: 40px; line-height: 1; }.lh-personal-card > p { max-width: 610px; margin: 15px 0 0; color: var(--ink-soft); font-size: 13px; font-weight: 600; line-height: 1.65; }
.lh-event-prompts { margin: 21px 0; padding-top: 17px; border-top: 1px solid var(--line); }.lh-event-prompts > span { color: var(--vermillion); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.lh-event-prompts ul { display: flex; flex-wrap: wrap; gap: 8px 15px; padding: 0; margin: 12px 0 0; list-style: none; }.lh-event-prompts li { display: flex; align-items: center; gap: 5px; color: var(--ink); font-size: 10px; font-weight: 700; }.lh-personal-card > a { display: inline-flex; align-items: center; gap: 7px; color: var(--ink); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.lh-support-mode { display: grid; align-content: start; gap: 22px; padding: 24px; border: 1px solid #c6cec8; background: var(--ink); color: #fffefa; }.lh-support-mode > div:first-child { display: grid; grid-template-columns: 26px 1fr; gap: 9px; }.lh-support-mode b, .lh-support-mode small { display: block; }.lh-support-mode b { font-family: "DM Serif Display", Georgia, serif; font-size: 21px; font-weight: 400; }.lh-support-mode small { margin-top: 5px; color: #bfcac7; font-size: 10px; font-weight: 600; line-height: 1.5; }.toggle { display: flex; align-items: center; gap: 8px; width: fit-content; padding: 0; border: 0; background: transparent; color: #d8e0dc; font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }.toggle i { width: 30px; height: 16px; border-radius: 12px; background: #748682; transition: background .18s var(--ease-out); }.toggle i::after { display: block; width: 12px; height: 12px; margin: 2px; border-radius: 50%; background: #fffefa; content: ""; transition: transform .18s var(--ease-out); }.toggle.active i { background: var(--vermillion); }.toggle.active i::after { transform: translateX(14px); }.lh-support-result { margin: 0; padding-top: 15px; border-top: 1px solid rgba(255,255,255,.2); color: #bfcac7; font-size: 10px; font-weight: 600; line-height: 1.6; }
.lh-status-board { display: grid; grid-template-columns: .82fr 1.18fr; gap: 70px; align-items: center; padding: 78px 0; }.lh-status-board > div > p:not(.lh-eyebrow), .lh-matcher-heading > p:not(.lh-eyebrow) { max-width: 415px; margin: 20px 0 0; color: var(--ink-soft); font-size: 12px; font-weight: 600; line-height: 1.75; }.lh-status-steps { display: grid; border-top: 1px solid var(--ink); }.lh-status-steps article { display: grid; grid-template-columns: 32px 130px 1fr; gap: 10px; align-items: center; min-height: 61px; border-bottom: 1px solid var(--line); }.lh-status-steps b { color: var(--vermillion); font-size: 10px; font-weight: 800; }.lh-status-steps span { color: var(--sage); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.lh-status-steps p { margin: 0; color: var(--ink); font-size: 11px; font-weight: 700; line-height: 1.45; }
.lh-matcher { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; padding: 50px 0 76px; border-top: 1px solid var(--line); }.lh-matcher-panel { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; padding: 22px; background: #edf0e9; }.lh-matcher-panel label { color: var(--ink-soft); }.lh-matcher-panel select { border-color: #bdc8c1; background: #fffefa; color: var(--ink); }.lh-match-result { display: flex; align-items: center; gap: 10px; grid-column: 1 / -1; padding: 12px 0; border-top: 1px solid #c6cec8; color: var(--sage); }.lh-match-result b, .lh-match-result span { display: block; }.lh-match-result b { color: var(--vermillion); font-size: 9px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }.lh-match-result span { color: var(--ink); font-size: 11px; font-weight: 700; }.lh-matcher-panel > a { grid-column: 1 / -1; padding-top: 3px; }.lh-urgent-bar { display: grid; grid-template-columns: 32px 1fr auto; gap: 14px; align-items: center; padding: 25px max(24px, calc((100vw - 1240px) / 2)); background: #f3e4dd; color: var(--ink); }.lh-urgent-bar b, .lh-urgent-bar span { display: block; }.lh-urgent-bar b { font-family: "DM Serif Display", Georgia, serif; font-size: 22px; font-weight: 400; }.lh-urgent-bar span { max-width: 660px; margin-top: 3px; color: var(--ink-soft); font-size: 11px; font-weight: 600; line-height: 1.55; }.lh-urgent-bar a { display: inline-flex; align-items: center; gap: 6px; padding: 12px 14px; background: var(--ink); color: #fffefa; font-size: 9px; font-weight: 800; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; }

@media (prefers-reduced-motion: no-preference) { .lh-hero-content, .lh-business-hero-content, .lh-living-hero-content, .lh-route-selector, .lh-lane-section, .lh-life-selector { animation: lh-enter .48s var(--ease-out) both; }.lh-route-selector, .lh-lane-section, .lh-life-selector { animation-delay: .08s; } } @keyframes lh-enter { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 1020px) { .lh-hero-content, .lh-business-hero-content, .lh-living-hero-content, .lh-route-selector, .lh-process, .lh-choice-ways, .lh-lane-section, .lh-readiness, .lh-guide-handoffs, .lh-life-selector, .lh-status-board, .lh-matcher, .lh-switch-trust, .lh-business-notes, .lh-living-notes { width: min(100% - 40px, 780px); }.lh-hero-grid, .lh-business-title, .lh-living-title { grid-template-columns: 1fr; gap: 22px; }.lh-hero-lede, .lh-business-title > p, .lh-living-title > p { max-width: 450px; }.lh-seal, .lh-business-gridmark { right: 32px; width: 163px; height: 163px; opacity: .58; }.lh-route-selector, .lh-process, .lh-choice-ways, .lh-lane-section, .lh-life-selector, .lh-status-board, .lh-matcher { grid-template-columns: 1fr; gap: 30px; }.lh-route-grid, .lh-process-steps { max-width: 780px; }.lh-route-preview { grid-template-columns: 34px 1fr; gap: 22px; }.lh-prep-panel { grid-column: 2; max-width: 500px; }.lh-choice-ways { padding-bottom: 62px; }.lh-lane-tabs, .lh-lane-detail { grid-column: 1; }.lh-lane-detail { grid-template-columns: 60px 1fr; }.lh-lane-detail aside { grid-column: 2; padding: 13px 0 0; border-top: 1px solid var(--line); border-left: 0; }.lh-project-board, .lh-personal-route { grid-template-columns: 1fr; padding-left: 20px; padding-right: 20px; }.lh-business-notes, .lh-living-notes { grid-template-columns: 1fr; }.lh-living-orbit { opacity: .5; } }
@media (max-width: 660px) { .lh-hero, .lh-business-hero, .lh-living-hero { min-height: 503px; }.lh-hero-content, .lh-business-hero-content, .lh-living-hero-content, .lh-route-selector, .lh-process, .lh-choice-ways, .lh-lane-section, .lh-readiness, .lh-guide-handoffs, .lh-life-selector, .lh-status-board, .lh-matcher, .lh-switch-trust, .lh-business-notes, .lh-living-notes { width: calc(100% - 32px); }.lh-hero-content, .lh-business-hero-content, .lh-living-hero-content { padding: 47px 0; }.lh-brand { font-size: 8px; }.lh-brand span { display: none; }.lh-hero-grid, .lh-business-title, .lh-living-title { margin-top: 42px; }.lh-hero h1, .lh-business h1, .lh-living h1 { font-size: 52px; }.lh-hero-lede, .lh-business-title > p, .lh-living-title > p { max-width: 294px; font-size: 12px; }/* neutralized lh-progress wrap *//* neutralized lh-progress li *//* neutralized lh-progress li+li */.lh-seal { right: -40px; top: 165px; width: 168px; height: 168px; opacity: .34; }.lh-business-gridmark { right: -37px; top: 170px; width: 170px; height: 170px; opacity: .3; }.lh-route-selector, .lh-process, .lh-choice-ways, .lh-lane-section, .lh-life-selector { padding: 52px 0; }.lh-section-intro h2 { font-size: 35px; }.lh-route-grid { grid-template-columns: 1fr; }.lh-route-card { min-height: 158px; }.lh-route-preview { grid-template-columns: 22px 1fr; gap: 15px; padding: 30px 16px; }.lh-preview-spine { min-height: 280px; }.lh-preview-copy h2 { font-size: 32px; }.lh-prep-panel { grid-column: 2; }.lh-process-steps { grid-template-columns: 1fr; }.lh-process-steps article, .lh-process-steps article + article { min-height: 0; padding: 20px 0; border-left: 0; }.lh-process-steps h3 { margin-top: 14px; }.lh-choice-ways { padding-top: 0; }.lh-way-links a { grid-template-columns: 1fr min-content; gap: 6px; min-height: 77px; }.lh-way-links span { grid-column: 1; }.lh-way-links strong { grid-column: 1; }.lh-way-links svg { grid-column: 2; grid-row: 1 / span 2; }.lh-switch-trust { grid-template-columns: 1fr; padding-bottom: 40px; }.lh-switch-trust > a { justify-self: start; }.lh-lane-tabs { grid-template-columns: repeat(2, 1fr); }.lh-lane-tabs button { min-height: 95px; }.lh-lane-detail { grid-template-columns: 45px 1fr; padding: 18px; }.lh-lane-detail h3 { font-size: 25px; }.lh-project-board { padding: 40px 16px; }.lh-form-grid { grid-template-columns: 1fr; }.lh-readiness, .lh-guide-handoffs { padding: 54px 0; }.lh-guide-handoffs > div:last-child a { min-height: 88px; }.lh-living-orbit { right: -115px; top: 158px; width: 250px; height: 250px; opacity: .3; }.lh-living-orbit::before { inset: 30px; }.lh-living-orbit::after { inset: 72px; }.lh-living-orbit span { font-size: 7px; }.lh-living-orbit i { top: 109px; left: 109px; width: 32px; height: 32px; }.lh-event-list button { grid-template-columns: 25px 20px 1fr 18px; }.lh-event-list button strong { font-size: 19px; }.lh-personal-route { padding: 32px 16px; }.lh-personal-card h2 { font-size: 33px; }.lh-event-prompts ul { display: grid; }.lh-status-steps article { grid-template-columns: 25px 1fr; gap: 5px; padding: 11px 0; }.lh-status-steps span { grid-column: 2; }.lh-status-steps p { grid-column: 2; }.lh-matcher-panel { grid-template-columns: 1fr; }.lh-urgent-bar { grid-template-columns: 26px 1fr; padding: 24px 16px; }.lh-urgent-bar a { grid-column: 1 / -1; justify-self: start; }.lh-living-notes { padding-bottom: 40px; } }


@media (prefers-reduced-motion: no-preference) { .lh-hero-content, .lh-business-hero-content, .lh-living-hero-content, .lh-route-selector, .lh-lane-section, .lh-life-selector { animation: lh-enter .48s var(--ease-out) both; }.lh-route-selector, .lh-lane-section, .lh-life-selector { animation-delay: .08s; } }

@media (max-width: 1020px) { .lh-hero-content, .lh-business-hero-content, .lh-living-hero-content, .lh-route-selector, .lh-process, .lh-choice-ways, .lh-lane-section, .lh-readiness, .lh-guide-handoffs, .lh-life-selector, .lh-status-board, .lh-matcher, .lh-switch-trust, .lh-business-notes, .lh-living-notes { width: min(100% - 40px, 780px); }.lh-hero-grid, .lh-business-title, .lh-living-title { grid-template-columns: 1fr; gap: 22px; }.lh-hero-lede, .lh-business-title > p, .lh-living-title > p { max-width: 450px; }.lh-seal, .lh-business-gridmark { right: 32px; width: 163px; height: 163px; opacity: .58; }.lh-route-selector, .lh-process, .lh-choice-ways, .lh-lane-section, .lh-life-selector, .lh-status-board, .lh-matcher { grid-template-columns: 1fr; gap: 30px; }.lh-route-grid, .lh-process-steps { max-width: 780px; }.lh-route-preview { grid-template-columns: 34px 1fr; gap: 22px; }.lh-prep-panel { grid-column: 2; max-width: 500px; }.lh-choice-ways { padding-bottom: 62px; }.lh-lane-tabs, .lh-lane-detail { grid-column: 1; }.lh-lane-detail { grid-template-columns: 60px 1fr; }.lh-lane-detail aside { grid-column: 2; padding: 13px 0 0; border-top: 1px solid var(--line); border-left: 0; }.lh-project-board, .lh-personal-route { grid-template-columns: 1fr; padding-left: 20px; padding-right: 20px; }.lh-business-notes, .lh-living-notes { grid-template-columns: 1fr; }.lh-living-orbit { opacity: .5; } }

@media (max-width: 660px) { .lh-hero, .lh-business-hero, .lh-living-hero { min-height: 503px; }.lh-hero-content, .lh-business-hero-content, .lh-living-hero-content, .lh-route-selector, .lh-process, .lh-choice-ways, .lh-lane-section, .lh-readiness, .lh-guide-handoffs, .lh-life-selector, .lh-status-board, .lh-matcher, .lh-switch-trust, .lh-business-notes, .lh-living-notes { width: calc(100% - 32px); }.lh-hero-content, .lh-business-hero-content, .lh-living-hero-content { padding: 47px 0; }.lh-brand { font-size: 8px; }.lh-brand span { display: none; }.lh-hero-grid, .lh-business-title, .lh-living-title { margin-top: 42px; }.lh-hero h1, .lh-business h1, .lh-living h1 { font-size: 52px; }.lh-hero-lede, .lh-business-title > p, .lh-living-title > p { max-width: 294px; font-size: 12px; }/* neutralized lh-progress wrap *//* neutralized lh-progress li *//* neutralized lh-progress li+li */.lh-seal { right: -40px; top: 165px; width: 168px; height: 168px; opacity: .34; }.lh-business-gridmark { right: -37px; top: 170px; width: 170px; height: 170px; opacity: .3; }.lh-route-selector, .lh-process, .lh-choice-ways, .lh-lane-section, .lh-life-selector { padding: 52px 0; }.lh-section-intro h2 { font-size: 35px; }.lh-route-grid { grid-template-columns: 1fr; }.lh-route-card { min-height: 158px; }.lh-route-preview { grid-template-columns: 22px 1fr; gap: 15px; padding: 30px 16px; }.lh-preview-spine { min-height: 280px; }.lh-preview-copy h2 { font-size: 32px; }.lh-prep-panel { grid-column: 2; }.lh-process-steps { grid-template-columns: 1fr; }.lh-process-steps article, .lh-process-steps article + article { min-height: 0; padding: 20px 0; border-left: 0; }.lh-process-steps h3 { margin-top: 14px; }.lh-choice-ways { padding-top: 0; }.lh-way-links a { grid-template-columns: 1fr min-content; gap: 6px; min-height: 77px; }.lh-way-links span { grid-column: 1; }.lh-way-links strong { grid-column: 1; }.lh-way-links svg { grid-column: 2; grid-row: 1 / span 2; }.lh-switch-trust { grid-template-columns: 1fr; padding-bottom: 40px; }.lh-switch-trust > a { justify-self: start; }.lh-lane-tabs { grid-template-columns: repeat(2, 1fr); }.lh-lane-tabs button { min-height: 95px; }.lh-lane-detail { grid-template-columns: 45px 1fr; padding: 18px; }.lh-lane-detail h3 { font-size: 25px; }.lh-project-board { padding: 40px 16px; }.lh-form-grid { grid-template-columns: 1fr; }.lh-readiness, .lh-guide-handoffs { padding: 54px 0; }.lh-guide-handoffs > div:last-child a { min-height: 88px; }.lh-living-orbit { right: -115px; top: 158px; width: 250px; height: 250px; opacity: .3; }.lh-living-orbit::before { inset: 30px; }.lh-living-orbit::after { inset: 72px; }.lh-living-orbit span { font-size: 7px; }.lh-living-orbit i { top: 109px; left: 109px; width: 32px; height: 32px; }.lh-event-list button { grid-template-columns: 25px 20px 1fr 18px; }.lh-event-list button strong { font-size: 19px; }.lh-personal-route { padding: 32px 16px; }.lh-personal-card h2 { font-size: 33px; }.lh-event-prompts ul { display: grid; }.lh-status-steps article { grid-template-columns: 25px 1fr; gap: 5px; padding: 11px 0; }.lh-status-steps span { grid-column: 2; }.lh-status-steps p { grid-column: 2; }.lh-matcher-panel { grid-template-columns: 1fr; }.lh-urgent-bar { grid-template-columns: 26px 1fr; padding: 24px 16px; }.lh-urgent-bar a { grid-column: 1 / -1; justify-self: start; }.lh-living-notes { padding-bottom: 40px; } }/* === CLP mobile polish 2026-08-18 === */
.legal-help-page .lh-event-list button {
  grid-template-columns: 28px 1fr min-content;
  gap: 10px;
}
.legal-help-page .lh-event-list button > span:last-child {
  color: var(--sage);
  font-size: 18px;
  line-height: 1;
}
.legal-help-page .lh-lane-tabs button {
  min-height: 104px;
  align-content: start;
}
.legal-help-page .lh-lane-tabs button b {
  font-size: clamp(15px, 2.4vw, 18px);
  line-height: 1.15;
  white-space: normal;
  overflow-wrap: anywhere;
}
@media (max-width: 1020px) {
  .legal-help-page { margin-left: 0; margin-right: 0; }
  .legal-help-page .lh-lane-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .legal-help-page .lh-lane-tabs button:nth-child(2n) { border-right: 0; }
}
@media (max-width: 660px) {
  .legal-help-page .lh-lane-tabs { grid-template-columns: 1fr; }
  .legal-help-page .lh-lane-tabs button {
    min-height: 72px;
    display: grid;
    grid-template-columns: 28px 1fr;
    align-items: center;
    gap: 10px 12px;
    padding: 14px 16px;
    border-right: 0 !important;
    border-left: 1px solid var(--line);
  }
  .legal-help-page .lh-lane-tabs button b { font-size: 18px; }
  .legal-help-page .lh-event-list button {
    grid-template-columns: 28px 1fr 18px;
    min-height: 64px;
  }
  .legal-help-page .lh-route-card { min-height: 0; }
  .legal-help-page .lh-hero h1,
  .legal-help-page .lh-business h1,
  .legal-help-page .lh-living h1 {
    font-size: clamp(36px, 11vw, 52px);
  }
  .legal-help-page .lh-preview-spine { display: none; }
  .legal-help-page .lh-route-preview { grid-template-columns: 1fr; }
  .legal-help-page .lh-prep-panel { grid-column: 1; max-width: none; }
  .legal-help-page .lh-matcher-panel a,
  .legal-help-page .lh-readiness-card a,
  .legal-help-page .lh-urgent-bar a,
  .legal-help-page .lh-personal-card a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
}
@media (max-width: 420px) {
  .legal-help-page .lh-lane-tabs button b { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .legal-help-page .lh-route-card,
  .legal-help-page .lh-lane-tabs button,
  .legal-help-page .lh-event-list button,
  .legal-help-page .lh-way-links a { transition: none !important; }
  .legal-help-page .lh-hero-content,
  .legal-help-page .lh-business-hero-content,
  .legal-help-page .lh-living-hero-content,
  .legal-help-page .lh-route-selector,
  .legal-help-page .lh-lane-section,
  .legal-help-page .lh-life-selector { animation: none !important; }
}

/* === CLP mobile + tap fixes 2026-08-18b === */

/* Decorative hero ornaments must never steal taps */
.legal-help-page .lh-seal,
.legal-help-page .lh-business-gridmark,
.legal-help-page .lh-living-orbit,
.legal-help-page .lh-seal::before,
.legal-help-page .lh-seal::after,
.legal-help-page .lh-business-gridmark::before,
.legal-help-page .lh-business-gridmark::after,
.legal-help-page .lh-living-orbit::before,
.legal-help-page .lh-living-orbit::after {
  pointer-events: none !important;
}

/* Event list HTML is number | copy | chevron (3 cols, not 4) */
.legal-help-page .lh-event-list button {
  grid-template-columns: 28px minmax(0, 1fr) 18px !important;
  width: 100%;
  max-width: 100%;
}

/* Guide handoff links: content | arrow (no lucide icon column) */
.legal-help-page .lh-guide-handoffs > div:last-child a {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  position: relative;
  z-index: 2;
  -webkit-tap-highlight-color: rgba(183, 56, 47, 0.15);
}
.legal-help-page .lh-way-links a {
  grid-template-columns: minmax(0, 1fr) auto !important;
  position: relative;
  z-index: 2;
  -webkit-tap-highlight-color: rgba(183, 56, 47, 0.15);
}

/* Lane guide CTA — look and behave like a real control */
.legal-help-page .lh-lane-detail aside a,
.legal-help-page .lh-preview-copy a.lh-preview-cta,
.legal-help-page .lh-personal-card a.lh-event-cta,
.legal-help-page .lh-matcher-panel > a,
.legal-help-page .lh-readiness-card > a,
.legal-help-page .lh-urgent-bar a {
  position: relative;
  z-index: 2;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid var(--ink);
  background: var(--ink);
  color: #fffefa !important;
  text-decoration: none !important;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  -webkit-tap-highlight-color: rgba(183, 56, 47, 0.2);
}
.legal-help-page .lh-lane-detail aside a:hover,
.legal-help-page .lh-preview-copy a.lh-preview-cta:hover,
.legal-help-page .lh-personal-card a.lh-event-cta:hover,
.legal-help-page .lh-matcher-panel > a:hover,
.legal-help-page .lh-readiness-card > a:hover,
.legal-help-page .lh-urgent-bar a:hover {
  background: var(--vermillion);
  border-color: var(--vermillion);
  color: #fffefa !important;
}
.legal-help-page .lh-preview-copy a.lh-preview-cta {
  border-bottom: 1px solid var(--ink) !important;
}

/* Tabs / cards must be above ornaments and fully tappable */
.legal-help-page .lh-lane-tabs,
.legal-help-page .lh-lane-detail,
.legal-help-page .lh-route-grid,
.legal-help-page .lh-event-list,
.legal-help-page .lh-guide-handoffs,
.legal-help-page .lh-matcher-panel {
  position: relative;
  z-index: 2;
}
.legal-help-page .lh-lane-tabs button,
.legal-help-page .lh-route-card,
.legal-help-page .lh-event-list button {
  position: relative;
  z-index: 2;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(183, 56, 47, 0.12);
}

@media (max-width: 1020px) {
  /* Critical: do not leave children on grid-column:2 when parent is 1-col */
  .legal-help-page .lh-lane-section,
  .legal-help-page .lh-life-selector,
  .legal-help-page .lh-guide-handoffs,
  .legal-help-page .lh-readiness,
  .legal-help-page .lh-choice-ways,
  .legal-help-page .lh-process,
  .legal-help-page .lh-route-selector,
  .legal-help-page .lh-status-board,
  .legal-help-page .lh-matcher {
    grid-template-columns: 1fr !important;
  }
  .legal-help-page .lh-lane-tabs,
  .legal-help-page .lh-lane-detail,
  .legal-help-page .lh-event-list,
  .legal-help-page .lh-guide-handoffs > div,
  .legal-help-page .lh-readiness-card {
    grid-column: 1 / -1 !important;
    width: 100%;
    max-width: 100%;
  }
  .legal-help-page .lh-lane-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .legal-help-page .lh-lane-detail {
    grid-template-columns: 48px minmax(0, 1fr) !important;
  }
  .legal-help-page .lh-lane-detail aside {
    grid-column: 1 / -1 !important;
    border-left: 0 !important;
    border-top: 1px solid var(--line);
    padding-top: 14px;
  }
  .legal-help-page .lh-lane-detail aside a,
  .legal-help-page .lh-preview-copy a.lh-preview-cta,
  .legal-help-page .lh-personal-card a.lh-event-cta,
  .legal-help-page .lh-matcher-panel > a,
  .legal-help-page .lh-readiness-card > a,
  .legal-help-page .lh-urgent-bar a {
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
  }
}

@media (max-width: 660px) {
  .legal-help-page .lh-lane-tabs {
    grid-template-columns: 1fr !important;
  }
  .legal-help-page .lh-lane-tabs button {
    min-height: 64px !important;
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px 12px !important;
    padding: 14px 16px !important;
    border-right: 0 !important;
    border-left: 1px solid var(--line) !important;
    text-align: left !important;
  }
  .legal-help-page .lh-lane-tabs button b {
    font-size: 17px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
  }
  .legal-help-page .lh-route-preview {
    grid-template-columns: 1fr !important;
  }
  .legal-help-page .lh-preview-spine { display: none !important; }
  .legal-help-page .lh-prep-panel {
    grid-column: 1 / -1 !important;
    max-width: none !important;
  }
  .legal-help-page .lh-event-list button small {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

/* === Corrective plan UI: masthead · EEAT · urgent · resume · context strip === */
.lh-masthead {
  background: linear-gradient(125deg, #0b1a31 0%, #0b2341 55%, #173154 100%);
  color: #e9edf2;
  padding: 28px 0 26px;
  border-bottom: 3px solid #c79a3b;
}
.lh-masthead-inner {
  width: min(1240px, calc(100% - 48px));
  margin: 0 auto;
}
.lh-masthead .lh-crumbs {
  margin: 0 0 14px;
  font-size: 12px;
  color: rgba(233, 237, 242, 0.72);
}
.lh-masthead .lh-crumbs a { color: #d9bb78; text-decoration: none; }
.lh-masthead .lh-crumbs a:hover { color: #fff; }
.lh-masthead-kicker {
  margin: 0 0 8px;
  color: #d9bb78;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.lh-masthead h1 {
  margin: 0 0 10px;
  color: #fff;
  font-family: "DM Serif Display", Georgia, serif;
  font-weight: 400;
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.12;
  letter-spacing: -.02em;
}
.lh-masthead-purpose {
  margin: 0;
  max-width: 720px;
  color: rgba(233, 237, 242, 0.88);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
}
.lh-eeat {
  width: min(1240px, calc(100% - 48px));
  margin: 14px auto 0;
  padding: 12px 16px;
  background: #F7F4EC;
  border: 1px solid #E8D9B0;
  border-radius: 10px;
  font-size: 13px;
  color: #5A6570;
  line-height: 1.5;
}
.lh-eeat strong { color: #0D2240; font-weight: 600; }
.lh-eeat a { color: #0D2240; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }

.lh-urgent-panel {
  width: min(1240px, calc(100% - 48px));
  margin: 18px auto 0;
  padding: 22px 22px 20px;
  border: 1px solid #d7b4ad;
  background: linear-gradient(180deg, #fff8f6 0%, #fffefa 100%);
  border-radius: 12px;
}
.lh-urgent-panel[hidden] { display: none !important; }
.lh-urgent-panel h3 {
  margin: 0 0 8px;
  font-family: "DM Serif Display", Georgia, serif;
  font-size: 26px;
  font-weight: 400;
  color: var(--ink, #112d46);
}
.lh-urgent-panel .lh-urgent-badge {
  display: inline-block;
  margin-bottom: 10px;
  padding: 4px 9px;
  border-radius: 999px;
  background: #b7382f;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.lh-urgent-panel ol {
  margin: 10px 0 14px;
  padding-left: 18px;
  color: #506272;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.55;
}
.lh-urgent-panel .lh-urgent-hours {
  margin: 0 0 14px;
  color: #778c84;
  font-size: 12px;
  font-weight: 600;
}
.lh-urgent-panel .lh-urgent-note {
  margin: 12px 0 0;
  color: #778c84;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.45;
}

.lh-resume {
  width: min(1240px, calc(100% - 48px));
  margin: 16px auto 0;
  padding: 12px 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--line, #d9d6ca);
  background: #edf0e9;
  border-radius: 10px;
}
.lh-resume[hidden] { display: none !important; }
.lh-resume a {
  color: var(--ink, #112d46);
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  border-bottom: 1px solid var(--vermillion, #b7382f);
}
.lh-resume button {
  border: 1px solid var(--line, #d9d6ca);
  background: #fffefa;
  color: #506272;
  font-size: 11px;
  font-weight: 700;
  padding: 8px 10px;
  cursor: pointer;
}

.lh-city-cue {
  width: min(1240px, calc(100% - 48px));
  margin: 8px auto 0;
  font-size: 12px;
  font-weight: 700;
  color: #506272;
}
.lh-city-cue a { color: var(--ink, #112d46); }

/* Hide old ivory full heroes' title duplication when masthead present */
.legal-help-page:has(.lh-masthead) .lh-hero,
.legal-help-page:has(.lh-masthead) .lh-business-hero,
.legal-help-page:has(.lh-masthead) .lh-living-hero {
  min-height: 0;
}
.legal-help-page:has(.lh-masthead) .lh-hero h1,
.legal-help-page:has(.lh-masthead) .lh-business-hero h1,
.legal-help-page:has(.lh-masthead) .lh-living-hero h1 {
  /* Keep route cue as secondary display title inside ivory workspace */
  font-size: clamp(34px, 5vw, 56px);
}

/* Destination context strip (injected on guide/city pages) */
.clp-lh-context-strip {
  max-width: 920px;
  margin: 12px auto 16px;
  padding: 12px 14px;
  border-left: 3px solid #c79a3b;
  background: #f7f5ef;
  color: #27364a;
  font-size: 14px;
  line-height: 1.5;
}
.clp-lh-context-strip strong { color: #0b2341; }
.clp-lh-context-strip button {
  margin-left: 10px;
  border: 0;
  background: transparent;
  color: #778c84;
  text-decoration: underline;
  cursor: pointer;
  font-size: 12px;
}

@media (max-width: 660px) {
  .lh-masthead-inner, .lh-eeat, .lh-urgent-panel, .lh-resume, .lh-city-cue {
    width: calc(100% - 32px);
  }
  .lh-masthead { padding: 22px 0 20px; }
  .lh-masthead h1 { font-size: clamp(24px, 7vw, 34px); }
}

/* === UI cleanup 2026-08-18f: progress + de-dupe chrome === */

/* Hide Joomla byline / tags / leftover city-market EEAT on journey pages */
body:has(.legal-help-page) .article-info,
body:has(.legal-help-page) dl.article-info,
body:has(.legal-help-page) .cll-l2-eeat,
body:has(.legal-help-page) .cll-l2-trustfoot,
body:has(.legal-help-page) .cll-eeat-strip:not(.lh-eeat),
body:has(.legal-help-page) .page-header {
  display: none !important;
}
/* Keep the site breadcrumb trail (same cll-bc-nav as About). */
body:has(.legal-help-page) nav.cll-bc-nav,
body:has(.legal-help-page) .uk-breadcrumb {
  display: block !important;
}
body:has(.legal-help-page) .uk-breadcrumb {
  display: flex !important;
}

/* One compact ownership strip */
.legal-help-page .lh-eeat {
  width: min(1240px, calc(100% - 48px));
  margin: 12px auto 0;
  padding: 10px 14px;
  font-size: 12.5px;
  line-height: 1.45;
}

/* Progress: never explode into a broken word salad */
.legal-help-page .lh-progress {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 640px !important;
  margin: 28px 0 0 !important;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.legal-help-page .lh-progress li {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 1 1 0 !important;
  min-width: 140px !important;
  padding: 12px 14px !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  letter-spacing: 0.02em !important;
  border-left: 0 !important;
}
.legal-help-page .lh-progress li + li {
  border-left: 1px solid var(--line, #d9d6ca) !important;
}
.legal-help-page .lh-progress li b,
.legal-help-page .lh-progress li span,
.legal-help-page .lh-progress li i {
  flex: 0 0 auto !important;
  display: inline-block !important;
}
.legal-help-page .lh-progress li span {
  white-space: nowrap !important;
}

/* Ivory cue area: less empty vertical space; ornaments never cover controls */
.legal-help-page .lh-hero,
.legal-help-page .lh-business-hero,
.legal-help-page .lh-living-hero {
  min-height: 0 !important;
}
.legal-help-page .lh-hero-content,
.legal-help-page .lh-business-hero-content,
.legal-help-page .lh-living-hero-content {
  padding: 28px 0 32px !important;
}
.legal-help-page .lh-hero-grid,
.legal-help-page .lh-business-title,
.legal-help-page .lh-living-title {
  margin-top: 18px !important;
  gap: 24px !important;
}
.legal-help-page .lh-seal,
.legal-help-page .lh-business-gridmark,
.legal-help-page .lh-living-orbit {
  opacity: 0.28 !important;
  pointer-events: none !important;
}

/* Masthead: tighter */
.lh-masthead { padding: 22px 0 20px !important; }
.lh-masthead h1 { margin-bottom: 8px !important; }

@media (max-width: 720px) {
  /* Stack progress as clean full-width rows: "01  Label" */
  .legal-help-page .lh-progress {
    flex-direction: column !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  .legal-help-page .lh-progress li {
    min-width: 0 !important;
    width: 100% !important;
    flex: none !important;
    border-left: 0 !important;
    border-top: 1px solid var(--line, #d9d6ca) !important;
  }
  .legal-help-page .lh-progress li:first-child { border-top: 0 !important; }
  .legal-help-page .lh-progress li + li { border-left: 0 !important; }
  .legal-help-page .lh-eeat { width: calc(100% - 32px); }
  .legal-help-page .lh-seal,
  .legal-help-page .lh-business-gridmark,
  .legal-help-page .lh-living-orbit { display: none !important; }
}


/* === Steps rebuild 2026-08-18g (div-based; ignores theme ol/li) === */
.legal-help-page .lh-steps {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  width: min(640px, 100%) !important;
  margin: 28px 0 0 !important;
  padding: 0 !important;
  border: 1px solid var(--line, #d9d6ca) !important;
  background: rgba(255,254,250,.92) !important;
  list-style: none !important;
}
.legal-help-page .lh-step {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 48px !important;
  padding: 12px 14px !important;
  color: var(--ink-soft, #506272) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  box-sizing: border-box !important;
}
.legal-help-page .lh-step + .lh-step {
  border-left: 1px solid var(--line, #d9d6ca) !important;
}
.legal-help-page .lh-step-num {
  flex: 0 0 auto !important;
  display: inline-block !important;
  color: var(--sage, #778c84) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
}
.legal-help-page .lh-step-label {
  flex: 1 1 auto !important;
  display: inline !important;
  white-space: normal !important;
}
.legal-help-page .lh-step.is-active {
  background: #f3e4dd !important;
  color: var(--ink, #112d46) !important;
}
.legal-help-page .lh-step.is-active .lh-step-num,
.legal-help-page .lh-step.is-complete .lh-step-num {
  color: var(--vermillion, #b7382f) !important;
}
/* Hide any leftover old progress markup */
.legal-help-page ol.lh-progress { display: none !important; }

@media (max-width: 720px) {
  .legal-help-page .lh-steps {
    grid-template-columns: 1fr !important;
  }
  .legal-help-page .lh-step + .lh-step {
    border-left: 0 !important;
    border-top: 1px solid var(--line, #d9d6ca) !important;
  }
}


/* === Final layout lock 20260818h === */
/* Lane tabs: number + title on ONE row (was CSS grid stacking them) */
.legal-help-page .lh-lane-tabs {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.legal-help-page .lh-lane-tabs button {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  min-height: 64px !important;
  padding: 14px 16px !important;
  text-align: left !important;
}
.legal-help-page .lh-lane-tabs button > span,
.legal-help-page .lh-lane-tabs button > b {
  display: inline !important;
  margin: 0 !important;
}
.legal-help-page .lh-lane-tabs button > b {
  font-size: 16px !important;
  line-height: 1.2 !important;
  white-space: normal !important;
}

/* Event list rows: keep number | copy | chevron */
.legal-help-page .lh-event-list button {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) 20px !important;
  align-items: center !important;
}

/* Status board rows */
.legal-help-page .lh-status-steps article {
  display: grid !important;
  grid-template-columns: 36px 140px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
}
.legal-help-page .lh-status-steps article > b,
.legal-help-page .lh-status-steps article > span,
.legal-help-page .lh-status-steps article > p {
  display: block !important;
  margin: 0 !important;
}

@media (max-width: 900px) {
  .legal-help-page .lh-lane-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 600px) {
  .legal-help-page .lh-lane-tabs {
    grid-template-columns: 1fr !important;
  }
  .legal-help-page .lh-status-steps article {
    grid-template-columns: 32px minmax(0, 1fr) !important;
  }
  .legal-help-page .lh-status-steps article > span {
    grid-column: 2 !important;
  }
  .legal-help-page .lh-status-steps article > p {
    grid-column: 2 !important;
  }
}

/* === FIX 2026-08-18: lh-trust-note/lh-local-note grid collapse (22px column squeeze) === */
.lh-trust-note, .lh-local-note {
  grid-template-columns: 1fr !important;
}
.lh-trust-note p, .lh-local-note p {
  grid-column: 1 / -1 !important;
  width: auto !important;
}

/* === FIX 2026-08-18b: urgent-bar & support-mode grid collapse (no icon cols in HTML) === */
.legal-help-page .lh-urgent-bar {
  grid-template-columns: 1fr auto !important;
}
.legal-help-page .lh-urgent-bar > div {
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
}
.legal-help-page .lh-urgent-bar > div b,
.legal-help-page .lh-urgent-bar > div span {
  max-width: 100% !important;
}
.legal-help-page .lh-support-mode > div:first-child {
  grid-template-columns: 1fr !important;
}
.legal-help-page .lh-support-mode > div:first-child > span {
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
}
@media (max-width: 660px) {
  .legal-help-page .lh-urgent-bar { grid-template-columns: 1fr !important; }
}

/* DirectRouteIndex — crawlable destination list (no-JS / SEO) */
.legal-help-page .lh-direct-index {
  width: min(1240px, calc(100% - 48px));
  margin: 0 auto;
  padding: 28px 0 8px;
  border-top: 1px solid var(--line);
}
.legal-help-page .lh-direct-index-intro {
  max-width: 720px;
  margin: 0 0 18px;
}
.legal-help-page .lh-direct-index-intro h2 {
  margin: 8px 0 0;
  font-family: "DM Serif Display", Georgia, serif;
  font-weight: 400;
  letter-spacing: -.03em;
  font-size: clamp(26px, 3.4vw, 38px);
}
.legal-help-page .lh-direct-index-intro p {
  margin: 10px 0 0;
  color: var(--ink-soft);
  font-size: 14px;
  line-height: 1.65;
}
.legal-help-page .lh-direct-index-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 1px solid var(--line);
  background: var(--paper-white);
}
.legal-help-page .lh-direct-index-list li {
  border-bottom: 1px solid var(--line);
}
.legal-help-page .lh-direct-index-list li:nth-child(odd) {
  border-right: 1px solid var(--line);
}
.legal-help-page .lh-direct-index-list a {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding: 16px 18px;
  min-height: 44px;
  text-decoration: none;
}
.legal-help-page .lh-direct-index-list a:hover,
.legal-help-page .lh-direct-index-list a:focus-visible {
  background: var(--mist);
  outline: none;
}
.legal-help-page .lh-direct-index-list b {
  font-size: 10px;
  letter-spacing: .12em;
  color: var(--vermillion);
}
.legal-help-page .lh-direct-index-list strong {
  display: block;
  font-size: 15px;
  font-weight: 650;
}
.legal-help-page .lh-direct-index-list small {
  display: block;
  margin-top: 4px;
  color: var(--ink-soft);
  font-size: 13px;
  line-height: 1.45;
}
.legal-help-page .lh-direct-index-tag {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--sage);
  align-self: center;
}
.legal-help-page .lh-direct-index-sub {
  grid-column: 1 / -1;
  padding: 10px 18px 16px 66px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
}
.legal-help-page .lh-direct-index-sub a {
  display: inline;
  padding: 0;
  min-height: 0;
  font-size: 13px;
  text-decoration: underline;
  color: var(--ink);
}
@media (max-width: 768px) {
  .legal-help-page .lh-direct-index-list {
    grid-template-columns: 1fr;
  }
  .legal-help-page .lh-direct-index-list li:nth-child(odd) {
    border-right: 0;
  }
  .legal-help-page .lh-direct-index-sub {
    padding-left: 18px;
  }
}

/* === Align Routebook hero with About / Trust Ledger photo hero === */
body:has(.legal-help-page) .tm-main.uk-section{padding-top:0!important;padding-bottom:24px!important}
body:has(.legal-help-page) .tm-main .uk-container:has(.legal-help-page){
  max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important
}
.legal-help-page{margin-left:0!important;margin-right:0!important}

.legal-help-page .lh-masthead{
  position:relative;
  min-height:388px!important;
  padding:0!important;
  background-color:#041528;
  background-position:center;
  background-size:cover;
  color:#fff;
  overflow:hidden;
}
.legal-help-page.lh-switchboard .lh-masthead{
  background-image:linear-gradient(90deg,rgba(4,21,40,.98) 0%,rgba(4,21,40,.93) 47%,rgba(4,21,40,.46) 100%),
    image-set(url("/images/legal-help/master-hero-1920.webp") type("image/webp"), url("/images/legal-help/master-hero-1920.jpg") type("image/jpeg"));
}
.legal-help-page.lh-business .lh-masthead{
  background-image:linear-gradient(90deg,rgba(4,21,40,.98) 0%,rgba(4,21,40,.93) 47%,rgba(4,21,40,.46) 100%),
    image-set(url("/images/legal-help/business-hero-1920.webp") type("image/webp"), url("/images/legal-help/business-hero-1920.jpg") type("image/jpeg"));
}
.legal-help-page.lh-living .lh-masthead{
  background-image:linear-gradient(90deg,rgba(4,21,40,.98) 0%,rgba(4,21,40,.93) 47%,rgba(4,21,40,.46) 100%),
    image-set(url("/images/legal-help/living-hero-1920.webp") type("image/webp"), url("/images/legal-help/living-hero-1920.jpg") type("image/jpeg"));
}

.legal-help-page .lh-masthead-inner{
  width:min(1180px,calc(100% - 64px))!important;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,740px) 1fr;
  gap:32px;
  align-items:end;
  min-height:388px;
  padding:68px 0 58px!important;
  position:relative;
  z-index:1;
}
.legal-help-page .lh-masthead .lh-crumbs{
  grid-column:1/-1;
  margin:0 0 8px;
  color:#c3d2d8;
  font-size:11px;
  font-weight:700;
}
.legal-help-page .lh-masthead .lh-crumbs a{color:#d7ad45;text-decoration:none}
.legal-help-page .lh-masthead .lh-crumbs a:hover{color:#fff}
.legal-help-page .lh-masthead-kicker{
  margin:0 0 13px;
  color:#bcd1d7;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.legal-help-page .lh-masthead h1{
  max-width:760px;
  margin:0!important;
  color:#fff!important;
  font-family:"DM Serif Display",Georgia,serif!important;
  font-size:clamp(42px,5.2vw,70px)!important;
  font-weight:400!important;
  letter-spacing:-.045em;
  line-height:.94!important;
}
.legal-help-page .lh-masthead h1 em{color:#f3e2a7;font-style:italic}
.legal-help-page .lh-masthead-purpose{
  max-width:610px;
  margin:19px 0 0;
  color:#d2dde0;
  font-size:15px;
  font-weight:500;
  line-height:1.7;
}
.legal-help-page .lh-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}
.legal-help-page .lh-btn{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:13px 16px;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
  min-height:44px;
}
.legal-help-page .lh-btn--gold{color:#071f39;background:#d7ad45}
.legal-help-page .lh-btn--gold:hover{background:#e3c56a}
.legal-help-page .lh-btn--line{color:#fff;border:1px solid rgba(255,255,255,.58);background:transparent}
.legal-help-page .lh-btn--line:hover{border-color:#fff}
.legal-help-page .lh-hero-facts{
  display:flex;align-items:center;flex-wrap:wrap;gap:10px;
  margin-top:28px;color:#d0dde0;font-size:12px;font-weight:700
}
.legal-help-page .lh-hero-facts i{width:1px;height:13px;background:rgba(255,255,255,.35)}
.legal-help-page .lh-hero-card{
  align-self:end;
  justify-self:end;
  width:190px;
  padding:16px;
  border:1px solid rgba(215,173,69,.35);
  border-left:3px solid #d7ad45;
  color:#b9cad1;
  background:rgba(4,23,43,.35);
}
.legal-help-page .lh-hero-card img{width:25px;height:25px;display:block;margin-bottom:12px}
.legal-help-page .lh-hero-card span{
  display:block;color:#d7ad45;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase
}
.legal-help-page .lh-hero-card i{display:block;width:100%;height:1px;margin:10px 0;background:rgba(255,255,255,.2)}
.legal-help-page .lh-hero-card b{display:block;font-size:13px;line-height:1.45;font-weight:600;color:#e8eef0}

/* Hide the leftover ivory cue block — the photo masthead is now the only hero */
.legal-help-page .lh-hero,
.legal-help-page .lh-business-hero,
.legal-help-page .lh-living-hero{display:none!important}

@media(max-width:1080px){
  .legal-help-page .lh-hero-card{display:none}
  .legal-help-page .lh-masthead-inner{grid-template-columns:1fr;padding:52px 0 46px!important}
}
@media(max-width:720px){
  .legal-help-page .lh-masthead-inner{width:calc(100% - 32px)!important;min-height:0;padding:40px 0 36px!important}
  .legal-help-page .lh-masthead h1{font-size:36px!important}
  .legal-help-page .lh-masthead-purpose{font-size:14px}
}