/* FCFW R35 Rev2 Hotfix 24 — glossy semantic cards + matching destination themes.
   Presentation only. Keeps the public canvas optimistic/light; section color remains contained
   to cards, directory masthead cards, category cards, and detail header cards. */
:root{
  --r24-paper:#ffffff;
  --r24-canvas:#f8fbfd;
  --r24-ink:#17212b;
  --r24-muted:#64727c;
  --r24-line:#dce6ea;
  --r24-shame-a:#4a0710;
  --r24-shame-b:#7f1424;
  --r24-fame-a:#0c4c35;
  --r24-fame-b:#126445;
  --r24-action-a:#0b0d10;
  --r24-action-b:#9f1023;
  --r24-news-a:#ffd766;
  --r24-news-b:#f3b719;
  --r24-gold:#f2ca59;
  --r24-gloss-light:rgba(255,255,255,.28);
  --r24-shadow:0 24px 54px rgba(28,48,62,.15),0 8px 18px rgba(28,48,62,.07);
}

/* Light public canvas always wins. */
body:not(.linked-public){
  background:
    radial-gradient(circle at 8% 0%,rgba(211,235,246,.42),transparent 28rem),
    radial-gradient(circle at 92% 7%,rgba(250,236,192,.26),transparent 27rem),
    linear-gradient(180deg,#fff 0%,#f8fbfd 58%,#fffdf8 100%)!important;
  color:var(--r24-ink)!important;
}

/* Shared gloss treatment for semantic cards. */
.h4-command-card,
.fcfw-editorial-card,
.fcfw-wall-folder,
.fcfw-action-card,
.fcfw-action-folder,
.fcfw-editorial-mast:not(.has-image),
.fcfw-article-header,
.fcfw-action-hero,
.fcfw-action-detail-header{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
.h4-command-card::before,
.fcfw-editorial-card::before,
.fcfw-wall-folder::before,
.fcfw-action-card::before,
.fcfw-action-folder::before,
.fcfw-editorial-mast:not(.has-image)::before,
.fcfw-article-header::before,
.fcfw-action-hero::before,
.fcfw-action-detail-header::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:-1!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,.10) 13%,rgba(255,255,255,0) 37%),
    linear-gradient(118deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,0) 31%,rgba(255,255,255,.05) 54%,rgba(255,255,255,0) 72%)!important;
}
.h4-command-card::after,
.fcfw-editorial-card::after,
.fcfw-action-card::after,
.fcfw-editorial-mast:not(.has-image)::after,
.fcfw-article-header::after,
.fcfw-action-hero::after,
.fcfw-action-detail-header::after{
  content:""!important;
  position:absolute!important;
  width:21rem!important;
  height:21rem!important;
  right:-9rem!important;
  top:-11rem!important;
  border-radius:50%!important;
  pointer-events:none!important;
  z-index:-1!important;
  background:radial-gradient(circle,rgba(255,255,255,.24) 0%,rgba(255,255,255,.08) 38%,transparent 70%)!important;
}

/* ---------- LANDING: same layout, richer glossy cards ---------- */
.h4-command-card{
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(0,0,0,.12),var(--r24-shadow)!important;
  backdrop-filter:saturate(118%)!important;
}
.h4-command-card:hover{
  transform:translateY(-5px) scale(1.003)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.44),inset 0 -1px 0 rgba(0,0,0,.13),0 30px 66px rgba(28,48,62,.20)!important;
}
.h4-command-shame{
  background:
    radial-gradient(circle at 78% 16%,rgba(255,119,137,.22),transparent 31%),
    linear-gradient(145deg,var(--r24-shame-a) 0%,#65111d 48%,var(--r24-shame-b) 100%)!important;
}
.h4-command-fame{
  background:
    radial-gradient(circle at 78% 14%,rgba(246,208,107,.24),transparent 29%),
    linear-gradient(145deg,var(--r24-fame-a) 0%,#105a3e 50%,var(--r24-fame-b) 100%)!important;
}
.h4-command-action{
  background:
    radial-gradient(circle at 79% 16%,rgba(235,52,77,.28),transparent 30%),
    linear-gradient(145deg,var(--r24-action-a) 0%,#15171b 55%,#4b0c16 78%,var(--r24-action-b) 100%)!important;
}
.h4-command-news{
  background:
    radial-gradient(circle at 78% 13%,rgba(255,255,255,.66),transparent 28%),
    linear-gradient(145deg,#ffe79c 0%,var(--r24-news-a) 38%,var(--r24-news-b) 100%)!important;
  color:#17130a!important;
  border-color:rgba(119,87,0,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),inset 0 -1px 0 rgba(101,72,0,.14),var(--r24-shadow)!important;
}
.h4-command-number,.h4-command-folders a{
  backdrop-filter:blur(8px) saturate(125%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15)!important;
}
.h4-command-news .h4-command-number,.h4-command-news .h4-command-folders a{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58)!important;
}

/* ---------- DIRECTORY PAGES: light canvas + matching glossy masthead card ---------- */
.fcfw-editorial-shell{background:transparent!important}
.fcfw-editorial-mast:not(.has-image){
  width:min(calc(100% - 40px),1540px)!important;
  min-height:auto!important;
  margin:28px auto 0!important;
  padding:clamp(38px,5vw,74px)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:30px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(0,0,0,.10),var(--r24-shadow)!important;
}
.fcfw-editorial-mast:not(.has-image) .fcfw-editorial-mast-shade{display:none!important}
.fcfw-editorial-mast:not(.has-image) .fcfw-editorial-mast-copy{position:relative!important;z-index:2!important;max-width:960px!important}
body.fcfw-public-page-judicial-wall-of-shame .fcfw-editorial-mast:not(.has-image){
  background:radial-gradient(circle at 82% 8%,rgba(255,118,136,.24),transparent 30%),linear-gradient(145deg,var(--r24-shame-a),#65111d 52%,var(--r24-shame-b))!important;
  color:#fff!important;
}
body.fcfw-public-page-hall-of-fame .fcfw-editorial-mast:not(.has-image){
  background:radial-gradient(circle at 82% 8%,rgba(246,208,107,.28),transparent 30%),linear-gradient(145deg,var(--r24-fame-a),#105a3e 52%,var(--r24-fame-b))!important;
  color:#fff!important;
}
body.fcfw-public-page-family-court-corruption .fcfw-editorial-mast:not(.has-image){
  background:radial-gradient(circle at 82% 7%,rgba(255,255,255,.68),transparent 29%),linear-gradient(145deg,#ffe79c,var(--r24-news-a) 43%,var(--r24-news-b))!important;
  color:#17130a!important;
  border-color:rgba(119,87,0,.22)!important;
}
body.fcfw-public-page-judicial-wall-of-shame .fcfw-editorial-mast:not(.has-image) :is(span,h1,p,a),
body.fcfw-public-page-hall-of-fame .fcfw-editorial-mast:not(.has-image) :is(span,h1,p,a){color:#fff!important}
body.fcfw-public-page-family-court-corruption .fcfw-editorial-mast:not(.has-image) :is(span,h1,p,a){color:#17130a!important}

/* Category cards match their destination section. */
body.fcfw-public-page-judicial-wall-of-shame .fcfw-wall-folder,
body.fcfw-public-page-hall-of-fame .fcfw-wall-folder,
body.fcfw-public-page-family-court-corruption .fcfw-wall-folder{
  border-width:1px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 10px 25px rgba(28,48,62,.08)!important;
  transition:transform .16s ease,box-shadow .16s ease!important;
}
body.fcfw-public-page-judicial-wall-of-shame .fcfw-wall-folder:hover,
body.fcfw-public-page-judicial-wall-of-shame .fcfw-wall-folder.active{
  background:linear-gradient(145deg,var(--r24-shame-a),var(--r24-shame-b))!important;color:#fff!important;
}
body.fcfw-public-page-hall-of-fame .fcfw-wall-folder:hover,
body.fcfw-public-page-hall-of-fame .fcfw-wall-folder.active{
  background:linear-gradient(145deg,var(--r24-fame-a),var(--r24-fame-b))!important;color:#fff!important;
}
body.fcfw-public-page-family-court-corruption .fcfw-wall-folder:hover,
body.fcfw-public-page-family-court-corruption .fcfw-wall-folder.active{
  background:linear-gradient(145deg,#ffe79c,var(--r24-news-b))!important;color:#17130a!important;
}
.fcfw-wall-folder:hover{transform:translateY(-2px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 16px 32px rgba(28,48,62,.12)!important}

/* Entry cards use the exact section family. */
body.fcfw-public-page-judicial-wall-of-shame .fcfw-editorial-card{
  background:radial-gradient(circle at 84% 8%,rgba(255,122,140,.20),transparent 31%),linear-gradient(145deg,var(--r24-shame-a),#65111d 54%,var(--r24-shame-b))!important;
}
body.fcfw-public-page-hall-of-fame .fcfw-editorial-card{
  background:radial-gradient(circle at 84% 8%,rgba(246,208,107,.23),transparent 31%),linear-gradient(145deg,var(--r24-fame-a),#105a3e 54%,var(--r24-fame-b))!important;
}
body.fcfw-public-page-family-court-corruption .fcfw-editorial-card{
  background:radial-gradient(circle at 84% 8%,rgba(255,255,255,.62),transparent 31%),linear-gradient(145deg,#ffe79c,var(--r24-news-a) 52%,var(--r24-news-b))!important;
}
.fcfw-editorial-card{
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.36),inset 0 -1px 0 rgba(0,0,0,.10),0 16px 38px rgba(28,48,62,.13)!important;
  transition:transform .16s ease,box-shadow .16s ease!important;
}
.fcfw-editorial-card:hover{transform:translateY(-3px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 23px 48px rgba(28,48,62,.17)!important}

/* ---------- DETAIL PAGES: matching glossy header card, white reading body ---------- */
.fcfw-article-shell{background:transparent!important}
body.fcfw-public-page-judicial-wall-of-shame.fcfw-editorial-article .fcfw-article-header{
  background:radial-gradient(circle at 84% 4%,rgba(255,122,140,.22),transparent 31%),linear-gradient(145deg,var(--r24-shame-a),#65111d 54%,var(--r24-shame-b))!important;
}
body.fcfw-public-page-hall-of-fame.fcfw-editorial-article .fcfw-article-header{
  background:radial-gradient(circle at 84% 4%,rgba(246,208,107,.25),transparent 31%),linear-gradient(145deg,var(--r24-fame-a),#105a3e 54%,var(--r24-fame-b))!important;
}
body.fcfw-public-page-family-court-corruption.fcfw-editorial-article .fcfw-article-header{
  background:radial-gradient(circle at 84% 4%,rgba(255,255,255,.65),transparent 31%),linear-gradient(145deg,#ffe79c,var(--r24-news-a) 52%,var(--r24-news-b))!important;
}
.fcfw-article-header{
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:28px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(0,0,0,.10),var(--r24-shadow)!important;
}
.fcfw-article-body{background:#fff!important;color:var(--r24-ink)!important;border:1px solid var(--r24-line)!important;box-shadow:0 12px 32px rgba(28,48,62,.07)!important}

/* ---------- ACTION CENTER: same black/red glossy identity on destination URLs ---------- */
.fcfw-action-center-page,.fcfw-action-detail-page{background:transparent!important;color:var(--r24-ink)!important}
.fcfw-action-hero,.fcfw-action-detail-header{
  background:radial-gradient(circle at 84% 7%,rgba(239,57,82,.31),transparent 30%),linear-gradient(145deg,var(--r24-action-a),#15171b 54%,#4b0c16 78%,var(--r24-action-b))!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-left:1px solid rgba(255,255,255,.20)!important;
  border-radius:28px!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.18),var(--r24-shadow)!important;
}
.fcfw-action-hero :is(.eyebrow,h1,p),.fcfw-action-detail-header :is(h1,p),.fcfw-action-detail-meta{color:#fff!important}
.fcfw-action-hero .eyebrow,.fcfw-action-detail-meta span{color:#ffb4be!important}
.fcfw-action-seal{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.28)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;backdrop-filter:blur(10px)!important}
.fcfw-action-card{
  background:radial-gradient(circle at 84% 8%,rgba(239,57,82,.27),transparent 31%),linear-gradient(145deg,var(--r24-action-a),#15171b 55%,#4b0c16 78%,var(--r24-action-b))!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.18),0 16px 38px rgba(28,48,62,.15)!important;
}
.fcfw-action-card:hover{transform:translateY(-3px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 23px 48px rgba(28,48,62,.19)!important}
.fcfw-action-folder:hover,.fcfw-action-folder.active{
  background:linear-gradient(145deg,var(--r24-action-a),#4b0c16 72%,var(--r24-action-b))!important;
  color:#fff!important;border-color:#51101a!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 14px 30px rgba(28,48,62,.12)!important;
}
.fcfw-action-contact-hero,.fcfw-action-contact-details,.fcfw-action-detail-html,.fcfw-action-detail-next{background:#fff!important;color:var(--r24-ink)!important}

/* Gloss should never become low-contrast text. */
body.fcfw-public-page-judicial-wall-of-shame :is(.fcfw-editorial-card,.fcfw-editorial-mast:not(.has-image),.fcfw-article-header) :is(h1,h2,h3,h3 a,p,time,strong,.fcfw-editorial-read),
body.fcfw-public-page-hall-of-fame :is(.fcfw-editorial-card,.fcfw-editorial-mast:not(.has-image),.fcfw-article-header) :is(h1,h2,h3,h3 a,p,time,strong,.fcfw-editorial-read){color:#fff!important}
body.fcfw-public-page-family-court-corruption :is(.fcfw-editorial-card,.fcfw-editorial-mast:not(.has-image),.fcfw-article-header) :is(h1,h2,h3,h3 a,p,time,strong,.fcfw-editorial-read){color:#17130a!important}
.fcfw-action-card :is(strong,em,.fcfw-action-open),.fcfw-action-detail-header :is(h1,p,time){color:#fff!important}

/* Focus visibility over both light and colored surfaces. */
:is(.h4-command-card,.fcfw-editorial-card,.fcfw-action-card,.fcfw-article-header,.fcfw-action-detail-header) :focus-visible{outline:3px solid #fff!important;outline-offset:3px!important;box-shadow:0 0 0 6px #17212b!important}
.h4-command-news :focus-visible,body.fcfw-public-page-family-court-corruption :is(.fcfw-editorial-card,.fcfw-article-header) :focus-visible{outline-color:#17212b!important;box-shadow:0 0 0 6px #fff!important}

@media(max-width:760px){
  .fcfw-editorial-mast:not(.has-image){width:min(calc(100% - 22px),1540px)!important;margin-top:12px!important;padding:30px 22px!important;border-radius:22px!important}
  .fcfw-article-header,.fcfw-action-hero,.fcfw-action-detail-header{border-radius:22px!important}
  .h4-command-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 16px 34px rgba(28,48,62,.13)!important}
}
@media(prefers-reduced-motion:reduce){
  .h4-command-card,.fcfw-editorial-card,.fcfw-wall-folder,.fcfw-action-card,.fcfw-action-folder{transition:none!important}
}
