/* A bank's page for one loan type (/bank/<id>/<type>-interest-rates/, scripts/bank-loan-type.mjs) and the loan-type
   pills on the bank's Loans tab. Warm cards on the cream page, navy for choices, one orange action per screen. */

.lt-root, .lt-nav, .lt-sticky {
  --lt-card: #fffaf0;
  --lt-card-line: #f0dcb4;
  --lt-cta: #f08a24;
  --lt-cta-hover: #e07a12;
  --lt-cta-ink: #1f1d1a;
  --lt-sel: #fbe5bf;
  --lt-navy: var(--brand, #003e83);
  --lt-track: #e7e1d6;
  --lt-interest: #f3b46b;
}
html[data-theme="dark"] .lt-root, html[data-theme="dark"] .lt-nav, html[data-theme="dark"] .lt-sticky {
  --lt-card: #1d1b17;
  --lt-card-line: #4a3c24;
  --lt-sel: rgba(240, 138, 36, 0.18);
  --lt-track: #3a362f;
  --lt-interest: #c27a2c;
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .lt-root, html:not([data-theme="light"]) .lt-nav, html:not([data-theme="light"]) .lt-sticky {
    --lt-card: #1d1b17;
    --lt-card-line: #4a3c24;
    --lt-sel: rgba(240, 138, 36, 0.18);
    --lt-track: #3a362f;
    --lt-interest: #c27a2c;
  }
}

/* ---- loan-type pills ---------------------------------------------------------------------------------------- */
.lt-nav { margin: 4px 0 18px; border-bottom: 1px solid var(--line); }
.lt-nav-row { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; padding: 2px 0 12px; }
.lt-nav-row::-webkit-scrollbar { display: none; }
.lt-pill {
  flex: none; padding: 8px 18px; border-radius: 6px; color: var(--ink); text-decoration: none; font-weight: 500;
  font-size: 15px; white-space: nowrap; transition: background-color 0.15s, color 0.15s;
}
.lt-pill:hover { background: var(--bg-2); }
.lt-pill.is-on { background: var(--lt-navy); color: #fff; font-weight: 600; }
.lt-pill:focus-visible { outline: 2px solid var(--lt-navy); outline-offset: 2px; }

/* ---- lead --------------------------------------------------------------------------------------------------- */
.lt-lead { margin: 6px 0 18px; }
.lt-title { font-family: var(--font-brand); font-size: clamp(24px, 4.2vw, 34px); line-height: 1.15; color: var(--lt-navy); margin: 0 0 6px; letter-spacing: -0.01em; }
html[data-theme="dark"] .lt-title { color: var(--ink); }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .lt-title { color: var(--ink); } }
.lt-sub { margin: 0; color: var(--ink-2); font-size: 16px; }

/* ---- cards -------------------------------------------------------------------------------------------------- */
.lt-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 18px; align-items: start; }
.lt-card { background: var(--lt-card); border: 1px solid var(--lt-card-line); border-radius: 10px; padding: 20px 22px; min-width: 0; }
.lt-h { font-family: var(--font-brand); font-size: 20px; color: var(--lt-navy); margin: 0 0 14px; }
html[data-theme="dark"] .lt-h { color: var(--ink); }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .lt-h { color: var(--ink); } }
.lt-h3 { font-family: var(--font-brand); font-size: 17px; color: var(--lt-navy); margin: 18px 0 8px; padding-top: 16px; border-top: 1px solid var(--lt-card-line); }
html[data-theme="dark"] .lt-h3 { color: var(--ink); }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .lt-h3 { color: var(--ink); } }
.lt-muted { color: var(--muted); }
.lt-fine { font-size: 12.5px; color: var(--muted); font-style: italic; margin: 10px 0 0; }
.lt-link { color: var(--lt-navy); font-weight: 500; }
html[data-theme="dark"] .lt-link { color: var(--brand); }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .lt-link { color: var(--brand); } }
.lt-card.is-flash { animation: lt-flash 0.9s var(--ease, ease); }
@keyframes lt-flash { 0% { box-shadow: 0 0 0 0 rgba(240, 138, 36, 0.55); } 100% { box-shadow: 0 0 0 14px rgba(240, 138, 36, 0); } }

/* ---- the calculator ----------------------------------------------------------------------------------------- */
.lt-form { display: grid; gap: 14px; }
.lt-row { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 12px; align-items: start; }
.lt-row[hidden] { display: none; }
.lt-label { font-size: 14.5px; font-weight: 500; color: var(--ink); padding-top: 9px; }
.lt-ctl { min-width: 0; }
.lt-ctl--pair { display: grid; grid-template-columns: minmax(130px, 160px) minmax(0, 1fr); gap: 6px 18px; align-items: center; }
.lt-select, .lt-money, .lt-quoted input {
  width: 100%; height: 40px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); color: var(--ink);
  font: inherit; font-size: 15px; padding: 0 12px;
}
.lt-select { appearance: none; padding-right: 34px; cursor: pointer; font-weight: 500;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%236b655c' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 12px center; }
.lt-select:focus-visible, .lt-money:focus-within, .lt-quoted input:focus-visible { outline: 2px solid var(--lt-navy); outline-offset: 1px; }
.lt-money { display: flex; align-items: center; gap: 4px; }
.lt-money span { color: var(--muted); }
.lt-money input { border: 0; background: none; color: inherit; font: inherit; font-weight: 500; width: 100%; min-width: 0; outline: none; font-variant-numeric: tabular-nums; }
.lt-words { grid-column: 1; font-size: 12.5px; color: var(--muted); }
.lt-hint { margin: 6px 0 0; font-size: 13px; display: flex; flex-direction: column; gap: 2px; }
.lt-hint-i { color: var(--muted); font-style: italic; font-size: 12.5px; }

/* sliders: orange fill to the thumb */
.lt-range { -webkit-appearance: none; appearance: none; width: 100%; height: 22px; background: transparent; cursor: pointer; margin: 0; }
.lt-range::-webkit-slider-runnable-track { height: 6px; border-radius: 3px; background: linear-gradient(to right, var(--lt-cta) var(--fill, 50%), var(--lt-track) var(--fill, 50%)); }
.lt-range::-moz-range-track { height: 6px; border-radius: 3px; background: var(--lt-track); }
.lt-range::-moz-range-progress { height: 6px; border-radius: 3px; background: var(--lt-cta); }
.lt-range::-webkit-slider-thumb { -webkit-appearance: none; width: 20px; height: 20px; border-radius: 50%; background: var(--lt-cta); border: 3px solid #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); margin-top: -7px; transition: transform 0.12s; }
.lt-range::-moz-range-thumb { width: 14px; height: 14px; border-radius: 50%; background: var(--lt-cta); border: 3px solid #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); }
.lt-range:active::-webkit-slider-thumb { transform: scale(1.15); }
.lt-range:focus-visible { outline: 2px solid var(--lt-navy); outline-offset: 2px; border-radius: 4px; }

/* labelled stops under a slider: tap one to jump to it */
.lt-slide { position: relative; padding-bottom: 20px; min-width: 0; }
.lt-stops { position: absolute; left: 10px; right: 10px; top: 22px; height: 18px; }
.lt-stop {
  position: absolute; transform: translateX(-50%); border: 0; background: none; padding: 2px 3px; font: inherit; font-size: 11.5px;
  color: var(--muted); cursor: pointer; white-space: nowrap; font-variant-numeric: tabular-nums; line-height: 1.2; border-radius: 3px;
}
.lt-stop::before { content: ""; position: absolute; left: 50%; top: -9px; width: 3px; height: 3px; margin-left: -1.5px; border-radius: 50%; background: var(--muted); opacity: 0.7; }
.lt-stop:hover { color: var(--ink); }
.lt-stop.is-on { color: var(--ink); font-weight: 700; }
.lt-stop:first-child { transform: none; margin-left: -10px; }
.lt-stop:first-child::before { left: 10px; }
.lt-stop:last-child { transform: translateX(-100%); margin-left: 10px; }
.lt-stop:last-child::before { left: auto; right: 8px; }

/* rate basis */
.lt-seg { display: inline-grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); border-radius: 6px; overflow: hidden; background: var(--surface); width: min(100%, 320px); }
.lt-seg button { border: 0; background: none; font: inherit; font-size: 14.5px; padding: 9px 12px; color: var(--ink); cursor: pointer; transition: background-color 0.15s, color 0.15s; }
.lt-seg button.is-on { background: var(--lt-navy); color: #fff; font-weight: 600; }
.lt-seg button:focus-visible { outline: 2px solid var(--lt-cta); outline-offset: -3px; }
.lt-quoted { margin-top: 10px; display: grid; gap: 4px; max-width: 320px; }
.lt-quoted[hidden] { display: none; }
.lt-quoted label { font-size: 13px; color: var(--ink-2); }

/* the answer */
.lt-result { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--lt-card-line); display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 4px 12px; align-items: baseline; }
.lt-result-l { font-weight: 600; color: var(--lt-navy); font-size: 15px; }
html[data-theme="dark"] .lt-result-l { color: var(--ink); }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .lt-result-l { color: var(--ink); } }
.lt-result-v { display: grid; gap: 2px; }
.lt-emi { font-family: var(--font-brand); font-size: clamp(26px, 4.4vw, 34px); color: var(--lt-navy); font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums; letter-spacing: -0.01em; }
html[data-theme="dark"] .lt-emi { color: var(--ink); }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .lt-emi { color: var(--ink); } }
.lt-emi-sub { font-size: 14px; color: var(--ink-2); }
.lt-split, .lt-step, .lt-amort { grid-column: 1 / -1; }
.lt-split { margin-top: 12px; }
.lt-split-bar { display: flex; height: 10px; border-radius: 5px; overflow: hidden; background: var(--lt-interest); }
.lt-split-p { background: var(--lt-navy); transition: width 0.35s var(--ease, ease); }
.lt-split-i { flex: 1; }
.lt-amort { grid-column: 1 / -1; margin: 14px 0 0; }
.lt-am-h { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; flex-wrap: wrap; font-size: 13.5px; font-weight: 600; color: var(--ink); margin-bottom: 6px; }
.lt-am-key { font-weight: 400; color: var(--ink-2); font-size: 12.5px; display: inline-flex; align-items: center; gap: 5px; }
.lt-am-key i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; }
.lt-am-kp { background: var(--lt-navy); }
.lt-am-ki { background: var(--lt-interest); margin-left: 8px; }
.lt-am-chart svg { display: block; width: 100%; height: 110px; }
.lt-am-p { fill: var(--lt-navy); }
.lt-am-i { fill: var(--lt-interest); }
.lt-am-chart g:hover rect { opacity: 0.8; }
.lt-am-axis { display: flex; justify-content: space-between; font-size: 11.5px; color: var(--muted); margin-top: 3px; }
.lt-am-note { font-size: 13.5px; color: var(--ink-2); margin: 6px 0 0; }
.lt-split-t, .lt-step { font-size: 13.5px; color: var(--ink-2); margin: 6px 0 0; }
.lt-split-t strong, .lt-step strong { color: var(--ink); }

.lt-cta-row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 22px; margin-top: 16px; }
.lt-cta {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: var(--lt-cta); color: var(--lt-cta-ink);
  font-weight: 700; font-size: 17px; padding: 12px 30px; border-radius: 6px; text-decoration: none; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08);
  transition: background-color 0.15s, transform 0.15s;
}
.lt-cta:hover { background: var(--lt-cta-hover); color: var(--lt-cta-ink); }
.lt-cta:active { transform: translateY(1px); }
.lt-cta:focus-visible { outline: 3px solid var(--lt-navy); outline-offset: 2px; }
.lt-cta span { transition: transform 0.15s; }
.lt-cta:hover span { transform: translateX(3px); }
.lt-save { border: 0; background: none; padding: 0; font: inherit; font-size: 15px; color: var(--lt-navy); text-decoration: underline; cursor: pointer; }
html[data-theme="dark"] .lt-save { color: var(--brand); }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .lt-save { color: var(--brand); } }
.lt-saved { font-size: 13px; color: var(--good-ink, #047857); }

/* ---- understand this scheme --------------------------------------------------------------------------------- */
.lt-scheme-sum { display: none; }
.lt-dl { margin: 0; }
.lt-dl-row { display: grid; grid-template-columns: minmax(110px, 0.8fr) minmax(0, 1.2fr); gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--lt-card-line); font-size: 14.5px; }
.lt-dl-row dt { color: var(--ink); }
.lt-dl-row dd { margin: 0; color: var(--ink); font-weight: 500; }
.lt-offer { margin: 12px 0 0; padding: 8px 10px; background: var(--lt-sel); border-radius: 6px; font-size: 13.5px; }
.lt-confirm { margin: 0; padding: 0 0 0 4px; list-style: none; display: grid; gap: 6px; font-size: 14.5px; color: var(--ink); }
.lt-confirm li { position: relative; padding-left: 18px; }
.lt-confirm li::before { content: ""; position: absolute; left: 2px; top: 0.55em; width: 7px; height: 7px; border-radius: 50%; background: var(--muted); }
.lt-src { margin: 18px 0 0; }

/* ---- next scheme (phones) ----------------------------------------------------------------------------------- */
.lt-next-wrap { display: none; }
.lt-next-l { font-family: var(--font-brand); font-size: 17px; font-weight: 600; color: var(--lt-navy); margin: 18px 0 8px; }
.lt-next { display: flex; align-items: center; gap: 10px; width: 100%; padding: 12px 14px; border: 1px solid var(--lt-card-line); border-radius: 8px; background: var(--lt-card); font: inherit; color: var(--ink); cursor: pointer; text-align: left; }
.lt-next-n { flex: 1; font-weight: 600; }
.lt-next-r { color: var(--ink-2); font-variant-numeric: tabular-nums; }

/* ---- compare this bank's schemes ---------------------------------------------------------------------------- */
.lt-schemes { margin-top: 18px; }
.lt-schemes .lt-h { margin-bottom: 4px; }
.lt-note { margin: 0 0 12px; color: var(--ink-2); font-size: 14.5px; }
.lt-table-wrap { overflow-x: auto; border: 1px solid var(--lt-card-line); border-radius: 8px; background: var(--surface); }
.lt-table { width: 100%; border-collapse: collapse; font-size: 14.5px; }
.lt-table th, .lt-table td { padding: 9px 14px; text-align: left; border-bottom: 1px solid var(--line-2); vertical-align: middle; }
.lt-table thead th { font-weight: 600; color: var(--ink); background: var(--surface-2); border-bottom-color: var(--line); }
.lt-table tbody tr:last-child > * { border-bottom: 0; }
.lt-table tbody tr { transition: background-color 0.2s; }
.lt-table tbody tr.is-sel { background: var(--lt-sel); }
.lt-sn { font-weight: 600; color: var(--lt-navy); }
html[data-theme="dark"] .lt-sn { color: var(--ink); }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .lt-sn { color: var(--ink); } }
.lt-sb { display: block; font-size: 12px; font-weight: 400; color: var(--muted); }
.lt-sb--offer { color: var(--warn-ink, #9a3412); }
.lt-num { font-variant-numeric: tabular-nums; white-space: nowrap; }
.lt-act { text-align: right; width: 1%; white-space: nowrap; }
.lt-badge { display: inline-block; padding: 3px 12px; border-radius: 4px; background: rgba(240, 138, 36, 0.22); color: var(--ink); font-size: 13px; font-weight: 600; }
.lt-pick { border: 0; padding: 4px 14px; border-radius: 4px; background: var(--lt-cta); color: var(--lt-cta-ink); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; transition: background-color 0.15s; }
.lt-pick:hover { background: var(--lt-cta-hover); }
.lt-pick:focus-visible { outline: 2px solid var(--lt-navy); outline-offset: 2px; }

/* ---- about you ---------------------------------------------------------------------------------------------- */
.lt-about { border: 0; margin: 2px 0 0; padding: 12px 0 2px; border-top: 1px dashed var(--lt-card-line); border-bottom: 1px dashed var(--lt-card-line); display: grid; gap: 10px; min-width: 0; }
.lt-about-l { padding: 0; font-weight: 600; font-size: 14.5px; color: var(--ink); margin-bottom: 2px; }
.lt-about-l span { font-weight: 400; font-size: 12.5px; color: var(--muted); margin-left: 4px; }
.lt-row--chips .lt-label { padding-top: 6px; }
.lt-about--none { display: block; padding: 10px 0; }
.lt-about--none .lt-about-l { margin: 0 0 2px; }
.lt-about-none { margin: 0; font-size: 13.5px; color: var(--ink-2); }
.lt-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.lt-chip {
  border: 1px solid var(--line); background: var(--surface); color: var(--ink); font: inherit; font-size: 13.5px; padding: 5px 11px;
  border-radius: 999px; cursor: pointer; font-variant-numeric: tabular-nums; transition: background-color 0.15s, border-color 0.15s, color 0.15s;
}
.lt-chip:hover { border-color: var(--lt-navy); }
.lt-chip[aria-pressed="true"] { background: var(--lt-navy); border-color: var(--lt-navy); color: #fff; font-weight: 600; }
.lt-chip:focus-visible { outline: 2px solid var(--lt-cta); outline-offset: 2px; }
.lt-fit { margin: 2px 0 6px; font-size: 14px; color: var(--ink); background: var(--lt-sel); padding: 8px 12px; border-radius: 6px; }
.lt-fit[hidden] { display: none; }
.lt-fit-go { border: 0; background: none; padding: 0; font: inherit; font-weight: 600; color: var(--lt-navy); text-decoration: underline; cursor: pointer; }
html[data-theme="dark"] .lt-fit-go { color: var(--brand); }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .lt-fit-go { color: var(--brand); } }

/* ---- every rate, by who it is for ---------------------------------------------------------------------------- */
.lt-bands { margin-top: 18px; }
.lt-bands-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px 20px; flex-wrap: wrap; }
.lt-bands .lt-h { margin-bottom: 4px; }
.lt-only { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: var(--ink); cursor: pointer; white-space: nowrap; padding-top: 4px; }
.lt-only input { width: 17px; height: 17px; accent-color: var(--lt-navy); }
.lt-btable th[scope="row"] { font-weight: 400; }
.lt-btable .lt-sn { display: block; }
.lt-who { font-size: 13.5px; color: var(--ink); }
.lt-btable tbody tr.is-fit { box-shadow: inset 4px 0 0 var(--good, #10b981); }
.lt-btable tbody tr.is-out { opacity: 0.45; }
.lt-btable tbody tr.is-out:hover { opacity: 0.8; }
.lt-btable tbody tr[hidden] { display: none; }
.lt-use { border: 1px solid var(--lt-navy); background: none; color: var(--lt-navy); font: inherit; font-size: 13px; font-weight: 600; padding: 3px 12px; border-radius: 4px; cursor: pointer; }
.lt-use:hover:not(:disabled) { background: var(--lt-navy); color: #fff; }
.lt-use:disabled { border-color: transparent; color: var(--muted); cursor: default; font-weight: 500; }
html[data-theme="dark"] .lt-use:not(:disabled) { color: var(--brand); border-color: var(--brand); }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .lt-use:not(:disabled) { color: var(--brand); border-color: var(--brand); } }

/* ---- next steps --------------------------------------------------------------------------------------------- */
.lt-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 18px 0 8px; }
.lt-stepcard {
  display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border: 1px solid var(--lt-card-line); border-radius: 10px;
  background: var(--lt-card); color: var(--ink); text-decoration: none; transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s;
}
.lt-stepcard:hover { border-color: var(--lt-cta); transform: translateY(-1px); box-shadow: var(--shadow-sm); color: var(--ink); }
.lt-stepcard:focus-visible { outline: 2px solid var(--lt-navy); outline-offset: 2px; }
.lt-stepcard > svg { flex: none; color: var(--lt-navy); margin-top: 2px; }
html[data-theme="dark"] .lt-stepcard > svg { color: var(--brand); }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .lt-stepcard > svg { color: var(--brand); } }
.lt-stepcard > span { display: grid; gap: 2px; min-width: 0; }
.lt-stepcard strong { font-size: 15px; }
.lt-stepcard-s { font-size: 13px; color: var(--ink-2); }
.lt-stepcard-a { font-size: 13.5px; color: var(--lt-navy); text-decoration: underline; }
html[data-theme="dark"] .lt-stepcard-a { color: var(--brand); }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .lt-stepcard-a { color: var(--brand); } }

.lt-promise { font-size: 13px; color: var(--muted); margin: 18px 0 0; }
.lt-sticky { display: none; }

/* ---- phones ------------------------------------------------------------------------------------------------- */
@media (max-width: 760px) {
  .lt-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .lt-card { padding: 16px; }
  .lt-row { grid-template-columns: 104px minmax(0, 1fr); gap: 10px; }
  .lt-row--one .lt-label { padding-top: 9px; }
  .lt-ctl--pair { grid-template-columns: minmax(0, 1fr); }
  .lt-words { grid-column: auto; }
  .lt-stops--amt .lt-stop:nth-child(even):not(:last-child), .lt-stops--amt .lt-stop:nth-last-child(2) { display: none; }
  .lt-result { grid-template-columns: minmax(0, 1fr); border: 1px solid var(--lt-card-line); border-radius: 8px; padding: 14px; background: var(--surface); }
  .lt-scheme { padding: 0; }
  .lt-scheme-sum { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; cursor: pointer; list-style: none; font-family: var(--font-brand); font-weight: 600; font-size: 16px; color: var(--lt-navy); }
  html[data-theme="dark"] .lt-scheme-sum { color: var(--ink); }
  .lt-scheme-sum::-webkit-details-marker { display: none; }
  .lt-chev { transition: transform 0.2s; transform: rotate(90deg); display: inline-flex; }
  .lt-scheme[open] .lt-chev { transform: rotate(-90deg); }
  .lt-scheme[open] { padding: 0 16px 16px; }
  .lt-scheme[open] .lt-scheme-sum { padding: 14px 0; }
  .lt-scheme-h { display: none; }
  .lt-next-wrap { display: block; }
  .lt-table th, .lt-table td { padding: 8px 10px; }
  .lt-table thead th:nth-child(3), .lt-table td.lt-er { display: none; }
  .lt-table thead { display: none; }
  .lt-table tbody tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 12px; padding: 10px 12px; border-bottom: 1px solid var(--line-2); }
  .lt-table tbody tr:last-child { border-bottom: 0; }
  .lt-table tbody tr > * { padding: 0; border: 0; }
  .lt-table .lt-sn { grid-column: 1; }
  .lt-table td.lt-num:not(.lt-er) { grid-column: 1; grid-row: 2; font-size: 13.5px; color: var(--ink-2); margin-top: 2px; }
  .lt-table .lt-act { grid-column: 2; grid-row: 1 / span 2; }
  .lt-btable tbody tr > .lt-who { grid-column: 1; grid-row: 2; margin-top: 2px; }
  .lt-btable tbody tr > td.lt-num:not(.lt-er) { grid-column: 1; grid-row: 3; font-weight: 600; color: var(--ink); }
  .lt-btable tbody tr > .lt-act { grid-row: 1 / span 3; }
  .lt-about-l span { display: block; margin: 2px 0 0; }
  .lt-steps { grid-template-columns: minmax(0, 1fr); }
  .lt-cta-row .lt-cta { flex: 1 1 100%; }
  .lt-sticky:not([hidden]) {
    display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
    background: color-mix(in srgb, var(--bg) 92%, transparent); backdrop-filter: blur(6px); border-top: 1px solid var(--line);
  }
  .lt-sticky .lt-cta { width: 100%; }
}
@media (max-width: 760px) and (prefers-color-scheme: dark) { html:not([data-theme="light"]) .lt-scheme-sum { color: var(--ink); } }

@media (prefers-reduced-motion: reduce) {
  .lt-card.is-flash { animation: none; }
  .lt-split-p, .lt-stepcard, .lt-cta span, .lt-chev { transition: none; }
}