/* T03 lookup pages (remaining-168, owner approved 2026-09-15).
 * Scoped under body.lk-page: /dc/top-conditions, /dc/filing-terms,
 * /dc/supporting-forms, /dc/glossary, /dc/state-benefits,
 * /dc/benefits-by-rating. A compact left-aligned opening (copy plus one
 * small illustration where fitting art exists), then the lookup itself with
 * its count, active filter and reset beside the results; explanatory
 * guidance follows the tool. /dc/browse keeps its own inline rules.
 */

/* ── Opening ── */
body.lk-page .lk-hero {
  display: grid; grid-template-columns: minmax(0, 1fr) 150px; gap: 28px;
  align-items: center; text-align: left; margin: 6px 0 18px;
}
body.lk-page .lk-hero--noart { grid-template-columns: minmax(0, 1fr); }
body.lk-page .lk-hero h1 { text-align: left; margin: 0 0 .6rem; color: var(--color-primary); }
body.lk-page .lk-hero p { max-width: none; margin: 0 0 .5rem; text-align: left; }
body.lk-page .lk-hero p:last-child { margin-bottom: 0; }
body.lk-page .lk-hero-art { margin: 0; }
body.lk-page .lk-hero-art img {
  display: block; width: 150px; height: auto;
  border: 1px solid var(--color-border); border-radius: 10px;
}
@media (max-width: 640px) {
  body.lk-page .lk-hero { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  body.lk-page .lk-hero-art img { width: 120px; }
}
body.lk-page .rmv-share-mount { margin: 0 0 1rem; }

/* ── Search row, count and reset ── */
body.lk-page .lk-search { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin: 0 0 .5rem; }
body.lk-page .lk-search input[type="text"] { flex: 1 1 280px; min-width: 0; max-width: none; margin: 0; }
body.lk-page .lk-status {
  display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .75rem;
  min-height: 36px; margin: 0 0 .9rem; font-size: .88rem; color: var(--color-text-muted);
}
body.lk-page .lk-empty { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; padding: 1.25rem 0; color: var(--color-text-muted); }
body.lk-page .lk-after { margin-top: 2rem; }

/* ── /dc/top-conditions: aligned comparison rows ── */
body.lk-page .bva-section h2, body.lk-page .bva-section-intro, body.lk-page .bva-section-note { text-align: left; }
body.lk-page .bva-section-note { margin: .25rem 0 1rem; font-size: .85rem; line-height: 1.55; }
@media (min-width: 761px) {
  body.lk-page .top-info { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: .35rem 1.25rem; align-items: center; }
  body.lk-page .top-name-line { margin: 0; }
  body.lk-page .top-condition-row { align-items: center; }
}
body.lk-page .top-dc, body.lk-page .top-bar-count { font-size: .8rem; }

/* ── /dc/filing-terms ── */
body.lk-page .ft-table td.ft-empty-cell { padding: 0; }

/* ── /dc/supporting-forms: grouped by use ── */
body.lk-page .sf-group { margin: 0 0 1.75rem; }
body.lk-page .sf-group > h2 { font-size: 1.2rem; color: var(--color-primary); margin: 0 0 .75rem; padding-bottom: .4rem; border-bottom: 2px solid var(--color-accent); text-align: left; }
body.lk-page .sf-title { font-size: 1rem; }

/* ── /dc/glossary: index bar and term rows ── */
body.lk-page .gl-alpha {
  position: sticky; top: 64px; z-index: 5;
  display: flex; flex-wrap: wrap; gap: .3rem; margin: 0 0 1rem; padding: .5rem 0;
  background: var(--color-page-bg, var(--color-bg));
  border-bottom: 1px solid var(--color-border);
}
body.lk-page .gl-alpha a, body.lk-page .gl-alpha span {
  display: inline-flex; align-items: center; justify-content: center; min-width: 32px; min-height: 32px;
  padding: 0 .45rem; font-family: var(--font-sans); font-size: .85rem; font-weight: 600;
  color: var(--color-primary); text-decoration: none; border: 1px solid var(--color-border); border-radius: var(--radius-sm);
  background: var(--color-surface);
}
body.lk-page .gl-alpha a:hover { border-color: var(--color-primary); }
body.lk-page .gl-alpha span { color: var(--color-text-muted); opacity: .55; }
body.lk-page .gl-letter { font-size: 1.15rem; color: var(--color-primary); margin: 1.25rem 0 .25rem; padding-top: .5rem; border-top: 1px solid var(--color-border); text-align: left; scroll-margin-top: 170px; }
body.lk-page .gl-group { margin: 0; }
body.lk-page .gl-row { padding: .65rem 0; border-bottom: 1px solid var(--color-border); }
body.lk-page .gl-row dt { font-weight: 700; font-size: .98rem; color: var(--color-text); margin: 0 0 .15rem; }
body.lk-page .gl-row dd { margin: 0; font-size: .92rem; line-height: 1.6; color: var(--color-text-muted); }
@media (min-width: 761px) {
  body.lk-page .gl-row { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 1.25rem; }
  body.lk-page .gl-row dt { margin: 0; }
}
body.lk-page .gl-note { margin-top: 2rem; padding: 1rem; background: var(--surface-info, #e3f2fd); border-left: 4px solid var(--surface-info-border, #1565c0); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; }
body.lk-page .gl-note p { font-size: .88rem; color: var(--color-text-muted); margin: 0; }

/* ── /dc/state-benefits ── */
body.lk-page .guide-section h2 { text-align: left; }
body.lk-page .filter-bar { margin-bottom: .5rem; }
/* The benefit select was 403px wide at 390, scrolling the whole phone page sideways. */
body.lk-page .filter-bar input, body.lk-page .filter-bar select { flex: 0 1 auto; width: 100%; min-width: 0; max-width: 100%; }
@media (min-width: 641px) { body.lk-page .filter-bar { flex-direction: row; } body.lk-page .filter-bar input, body.lk-page .filter-bar select { flex: 1 1 220px; width: auto; } }

/* ── /dc/benefits-by-rating ── */
body.lk-page .bbr-count-row { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .75rem; margin: 0 0 .75rem; }
body.lk-page .bbr-count-row .bbr-count-label { margin: 0; }
@media (max-width: 760px) { body.lk-page .gl-letter { scroll-margin-top: 250px; } }
/* .ctl-c-single sets display, which beats the UA [hidden] rule. */
body.lk-page .ctl-c-single[hidden] { display: none; }
body.lk-page .ft-code { white-space: nowrap; }
body.lk-page .rmv-share, body.lk-page .rmv-share.rmv-share-centered { text-align: left; margin: 0 0 1rem; }
body.lk-page #glossary-list > .gl-letter:first-child { border-top: 0; margin-top: .25rem; }
body.lk-page .lk-intro { font-size: .95rem; line-height: 1.7; color: var(--color-text-muted); margin: 0 0 1rem; }