/* Law fleet layer v1 (2026-11-05) -- loads after site.css + a11y.css on cPanel apollolg. Each LawyersTrend sub-site takes
   its niche accent (tokens.css [data-niche]) in place of the shared brass; Apollo hubs keep brass (apollo-* niches = brass).
   Spend the boldness on the niche: solid accent CTA, niche badge + motif, niche divider bands, niche imagery. */
body[data-niche]{--brass:var(--nx);--brass2:var(--nx);--brass-ink:var(--nx-ink);--brass-soft:var(--nx-soft)}
body[data-niche] a{text-decoration-color:var(--nx-line)}
body[data-niche] :focus-visible{outline-color:var(--nx)}

/* hero: niche-tinted light, solid accent primary CTA, softer bottom fade so the photo reads */
body[data-niche] .hero::before{background:
  radial-gradient(70% 60% at 50% 0%,color-mix(in srgb,var(--nx) 18%,transparent),transparent 62%),
  radial-gradient(60% 60% at 100% 100%,color-mix(in srgb,var(--nx) 10%,transparent),transparent 60%),
  linear-gradient(180deg,rgba(14,15,17,.55) 0%,rgba(14,15,17,.74) 50%,rgba(14,15,17,.96) 100%)}
body[data-niche] .glow{background:radial-gradient(closest-side,color-mix(in srgb,var(--nx) 34%,transparent),transparent)}
body[data-niche] .hero .btn--lg:not(.btn--ghost),body[data-niche] .cta .btn:not(.btn--ghost),body[data-niche] .qz button[type=submit]{background:var(--nx);color:var(--nx-on);border-color:var(--nx)}
body[data-niche] .hero .btn--lg:not(.btn--ghost):hover,body[data-niche] .cta .btn:not(.btn--ghost):hover,body[data-niche] .qz button[type=submit]:hover{background:#fff;color:#0e0f11;border-color:#fff;box-shadow:0 12px 32px -12px color-mix(in srgb,var(--nx) 70%,transparent)}
body[data-niche] .hero h1{max-width:17ch}
body[data-niche] .eyebrow--hero{display:inline-flex;align-items:center;gap:8px}
.nx-badge{--nx-ring:#16181b;color:var(--text)}

/* niche divider band between the hero and the content, and above the case review */
.nx-band{background:var(--bg);padding:14px 0;border-bottom:1px solid var(--line)}
.sec--light+.nx-band,.nx-band--light{background:var(--paper);border-color:var(--lineL)}

/* split sections: accent frame offset behind the photo, niche chip on the eyebrow */
body[data-niche] .split__media{position:relative}
body[data-niche] .split__media::before{content:"";position:absolute;inset:14px -14px -14px 14px;border:1px solid var(--nx-line);border-radius:var(--r);z-index:0;pointer-events:none}
body[data-niche] .split--rev .split__media::before{inset:14px 14px -14px -14px}
body[data-niche] .split__media img{position:relative;z-index:1}
@media(max-width:719px){body[data-niche] .split__media::before{inset:10px -8px -10px 8px}body[data-niche] .split--rev .split__media::before{inset:10px 8px -10px -8px}}

/* tiles + cards: accent rule on hover, icon on niche tint */
body[data-niche] .tile{position:relative;overflow:hidden}
body[data-niche] .tile::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--nx);transform:scaleX(0);transform-origin:left;transition:transform .32s var(--nx-ease)}
body[data-niche] .tile:hover::before{transform:scaleX(1)}
body[data-niche] .tile__ic{background:#0e0f11;color:var(--nx)}
body[data-niche] .card:hover{border-color:var(--nx-line)}

/* case review: niche tint on the panel, selected answers filled with the accent */
body[data-niche] .quiz{background:radial-gradient(60% 50% at 50% 0%,color-mix(in srgb,var(--nx) 12%,transparent),transparent 70%),var(--bg)}
body[data-niche] .opt input:checked+span{border-color:var(--nx);background:color-mix(in srgb,var(--nx) 14%,transparent)}
body[data-niche] .opt input:checked+span .ic{color:var(--nx)}
body[data-niche] .qz__note{background:var(--nx-soft);border-color:var(--nx-line)}
body[data-niche] .cta::after{background:radial-gradient(closest-side,color-mix(in srgb,var(--nx) 20%,transparent),transparent)}
body[data-niche] .pagehead,body[data-niche] .art__head{background:radial-gradient(70% 90% at 50% 0%,color-mix(in srgb,var(--nx) 12%,transparent),transparent 70%)}
body[data-niche] .spcard{border-color:var(--nx-line)}

/* sticky mobile CTA (dark fleet) */
.nx-mcta{--nx-mcta-bg:rgba(14,15,17,.92);color:var(--text)}
/* phone-width header: long site names clamp to two lines; the "a LawyersTrend site" line stays in the footer */
@media(max-width:560px){body[data-niche] .brand__name{font-size:.9rem;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  body[data-niche] .brand__lt{display:none}body[data-niche] .nav__in{gap:8px}}
@media(max-width:899px){body[data-niche] .nav__links .nav__a{display:none!important}}
/* badge icons: niche-coloured motif on a dark disc (reads better than dark-on-accent at 20px) */
body[data-niche] .nx-badge__ic{background:#16181b;color:var(--nx);border:1px solid var(--nx-line);width:40px;height:40px}
body[data-niche] .nx-badge__ic .nxm{width:24px;height:24px}
body[data-niche] .nx-badge__ic+.nx-badge__ic{margin-left:-6px;box-shadow:0 0 0 2px #16181b}
/* Spanish runs ~25% longer: footer LawyersTrend links may wrap (was nowrap -> horizontal scroll at 390px on /es/) */
body[data-niche] .legal__lt{flex-wrap:nowrap}body[data-niche] .legal__lt>span{min-width:0;overflow-wrap:anywhere}
body[data-niche] .legal__lt a{white-space:normal}