/* LawyersTrend Signature, PHP port additions (gtr1112-lt-port, Monday 13511016474): pieces the static preview did not need.
   Loaded after core.css + theme.css + lt.css + lt2.css. */
.sig-flash{margin:0 0 1.2rem;padding:.8rem 1rem;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem}
.sig-flash--ok{background:#E9F6EE;color:#14532D}
.sig-flash--err{background:var(--accent-wash);color:var(--on-accent-soft)}
.footer__flash{padding-top:1.2rem}
.x-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
/* a11y (Lighthouse): footer column titles are h2 for heading order, styled as the preview h4; tier label contrast >= 4.5:1 on white */
.site-footer h2.footer__h{font:700 .78rem/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--highlight-light);margin:0 0 1rem}
.tier{color:#7A5E22}
.section--brand .tier{color:var(--highlight-light)}
@media (prefers-reduced-motion:reduce){.sig-flash{transition:none}}
/* style-audit fixes (stage 1, 2026-11-12) ------------------------------------------------------------------------------ */
/* contrast rule reads the own ground of a link: overlay cards keep a dark ground under the photo (same look, photo covers it) */
.topic,.news-card--lead{background-color:var(--brand-deep)}
/* orphan rule: the home lead story + one side column of two cards (no lone card on a second grid row) */
.news-grid--home>.news-card--lead{grid-row:auto}
.news-grid__side{display:grid;gap:var(--gap,1.6rem);align-content:start}
@media (max-width:980px){.news-grid--home>.news-grid__side{grid-column:span 12;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.news-grid--home>.news-grid__side{grid-template-columns:1fr}}
/* directory quick links: an even grid, never a short last row */
.dirlinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.dirlinks .pill-link{justify-content:center;text-align:center}
@media (max-width:640px){.dirlinks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.door__links{justify-content:center}}
/* social icons stay in the desktop header in Spanish too (Shak 11-11: social in header + footer, every page); compact */
html[lang^=es] .hsoc--d{display:flex}
html[lang^=es] .hsoc--d a{width:30px;height:36px}
html[lang^=es] .hsoc--d svg{width:15px;height:15px}
@media (min-width:981px){html[lang^=es] .brand img{width:200px}}
@media (max-width:1180px) and (min-width:981px){.hsoc--d{display:flex}.hsoc--d a{width:28px;height:36px}.hsoc--d svg{width:14px;height:14px}.hsoc--d [data-lh-links]{display:none}}
/* Lighthouse (stage 1): small gold labels at >= 4.5:1 on white; links inside prose are underlined (link-in-text-block) */
.x-rank__row.is-spons .x-rank__num,.ad-slot-label{color:#7A5E22}
.prose a:not(.btn),.x-prose a:not(.btn),.svc-hero__lede a,.prof p a:not(.btn){text-decoration:underline;text-underline-offset:2px}
/* CLS: metric-matched fallback for the display face while Source Serif 4 loads (headings keep their line breaks on swap) */
@font-face{font-family:'Source Serif 4 Fallback';src:local('Georgia'),local('Times New Roman');size-adjust:94%;ascent-override:104%;descent-override:34%;line-gap-override:0%}
:root{--f-head:'Source Serif 4','Source Serif 4 Fallback',Georgia,'Times New Roman',serif}
@font-face{font-family:'Inter Fallback';src:local('Arial'),local('Helvetica');size-adjust:107.12%;ascent-override:90.44%;descent-override:22.52%;line-gap-override:0%}
:root{--f-body:'Inter','Inter Fallback',-apple-system,'Segoe UI',Roboto,Arial,sans-serif}

/* Text-overlay card images (gtr1112-lt-featured-rotation, Monday 13511016474, Shak 2026-11-12).
   New-style article images carry their own headline. Cards marked .is-tcard show the WHOLE image (never cropped), on a dark ground,
   with the article title below the image instead of over it. Odd ratios get thin dark bars instead of a crop. */

/* home: lead story is a wide card (8 of 12 columns) beside the side column; the generic 2-child centering rule made it narrow and tall */
@media (min-width: 981px) {
  .news-grid.news-grid--home > .news-card.news-card--lead:first-child { grid-column: 1 / span 8; }   /* beats the :has() centering rule (0,4,0) */
  .news-grid.news-grid--home > .news-grid__side:nth-child(2) { grid-column: 9 / span 4; }
}
/* tablet + phone: the same rule set the lead to span 6 (half width, a narrow sliver on phones); the lead is full width there */
@media (max-width: 980px) {
  .news-grid.news-grid--home > .news-card.news-card--lead:first-child { grid-column: 1 / -1; }
}

/* shared: full image, contain, dark ground, no zoom on hover (zoom crops the edges) */
.news-card.is-tcard .news-card__media { aspect-ratio: 3 / 2; background: var(--brand-deep, #0b1220); }
.news-card.is-tcard .news-card__media img { object-fit: contain; }
.news-card.is-tcard:hover .news-card__media img,
.rail-card.is-tcard:hover > img { transform: none; }

/* lead: image on top at its own ratio (wide card), title on dark ground below */
.news-card--lead.is-tcard { justify-content: flex-start; min-height: 0; background: var(--brand-deep, #0b1220); }
.news-card--lead.is-tcard::after { display: none; }
.news-card--lead.is-tcard .news-card__media { position: relative; inset: auto; aspect-ratio: auto; }
.news-card--lead.is-tcard .news-card__media img { height: auto; display: block; }
.news-card--lead.is-tcard .news-card__body { flex: 1; padding: 1.4rem 1.8rem 1.7rem; }

/* rail: image on top (3:2, contain), category tag and text below, so the tag never sits on the image headline */
.rail-card.is-tcard { aspect-ratio: auto; justify-content: flex-start; }
.rail-card.is-tcard::after { display: none; }
.rail-card.is-tcard > img { position: relative; inset: auto; flex: none; height: auto; aspect-ratio: 3 / 2; object-fit: contain; background: var(--brand-deep, #0b1220); }
.rail-card.is-tcard .rail-card__tag { position: static; align-self: flex-start; margin: 1rem 1.4rem 0; }
.rail-card.is-tcard .rail-card__body { padding-top: .7rem; }

/* house placement label (Apollo Law Group card in an open slot): always says Sponsored */
.house-tag { display: inline-block; align-self: flex-start; font-size: .68rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  color: var(--brand, #0b1220); background: var(--highlight-light, #f2d27a); border-radius: 4px; padding: .22rem .5rem; }
.rail-card .house-tag { margin-bottom: .5rem; }

@media (prefers-reduced-motion: reduce) { .news-card.is-tcard .news-card__media img, .rail-card.is-tcard > img { transition: none; } }