.ui-btn,.lang-toggle button,.icon-btn{border:1px solid var(--border);background:rgba(255,255,255,.03);color:var(--text);border-radius:999px;padding:10px 14px;transition:all var(--fast);box-shadow:none}
.ui-btn:hover,.lang-toggle button:hover,.icon-btn:hover{background:rgba(255,255,255,.06);transform:translateY(-1px)}
.lang-toggle{display:inline-flex;background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:999px;padding:3px}
.lang-toggle button{padding:8px 12px;border:0;background:none;color:var(--text-2)}
.lang-toggle button.active{background:var(--accent-soft);color:var(--text)}
.icon-btn{display:inline-flex;align-items:center;gap:8px;min-height:42px}

.header-actions .lang-toggle,
.header-actions .icon-btn,
.header-actions .ui-btn{
  min-height:38px;
  height:38px;
  box-sizing:border-box;
}

.header-actions .lang-toggle{
  padding:2px;
}

.header-actions .lang-toggle button{
  min-height:34px;
  height:34px;
  padding:6px 12px;
  line-height:1.05;
}

.header-actions .icon-btn,
.header-actions .ui-btn{
  padding:6px 12px;
  line-height:1.05;
}

.top-strip,.card-grid,.results-list,.region-items{display:grid;gap:16px}
.top-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.top-card,
.intel-card,
.filter-box,
.hero-card{
  background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.011));
  border:1px solid rgba(255,255,255,.068);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}.top-card,
.intel-card{
  overflow:hidden;
  transition:transform var(--fast),box-shadow var(--fast),border-color var(--fast),background var(--fast);
}.top-card:hover,
.intel-card:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 40px rgba(0,0,0,.24);
  border-color:rgba(255,255,255,.12);
}

.top-card:active,.intel-card:active{transform:translateY(-1px)}
.top-card{padding:0;display:block}

.section-header{position:relative;overflow:hidden;min-height:156px;border-radius:20px;border:1px solid var(--border);display:flex;align-items:flex-end}
.section-header img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.section-header::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,18,.2),rgba(7,11,18,.9))}
.section-header-content{position:relative;z-index:1;padding:24px;display:grid;gap:8px;backdrop-filter:blur(4px)}
.section-header h2{font-size:clamp(24px,3vw,30px);letter-spacing:.04em;text-transform:uppercase;font-weight:600}
.section-header p{color:#d7e0ea;max-width:60ch}

.intel-card__toggle{
  width:100%;
  padding:20px 14px 16px;
  background:none;
  border:0;
  color:inherit;
  text-align:left;
  display:grid;
  gap:12px;
}

.intel-card__toggle:hover{background:rgba(255,255,255,.012)}

 .intel-card__headline,.top-card h3{
  margin:0 auto;
  font-size:1.1rem;
  line-height:1.4;
  font-weight:620;
  letter-spacing:.005em;
  color:rgba(243,228,234,.94);
  text-align:center;
}

.intel-card__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--med)}
.intel-card__panel-inner{overflow:hidden}
.intel-card.is-open .intel-card__panel,.top-card.is-open .intel-card__panel{grid-template-rows:1fr}

.intel-card__content{
  padding:0 14px 22px;
  display:grid;
  gap:14px;
}.intel-card__content p{
  margin:0;
  color:rgba(233,240,247,.74);
  line-height:1.72;
  font-size:.9625rem;
}.meta-row{
  display:flex;
  align-items:center;
  gap:10px 12px;
  flex-wrap:wrap;
  color:rgba(233,240,247,.68);
  font-size:.8rem;
  line-height:1.45;
  letter-spacing:.01em;
}.meta-row span::after{content:none !important}.meta-row .meta-date{
  color:rgba(233,240,247,.56);
  white-space:nowrap;
}

.theme-tags,.risk-pill-wrap{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.tag,.risk-pill,.type-pill{
  display:inline-flex;
  align-items:center;
  gap:0;
  border:1px solid rgba(255,255,255,.085);
  padding:5px 10px;
  border-radius:999px;
  font-size:.74rem;
  line-height:1;
  background:rgba(255,255,255,.022);
}

.tag,.type-pill{
  color:rgba(233,240,247,.7);
}
.tag[data-theme-tone="macro"]{color:#d9e8ff;border-color:rgba(120,168,255,.20);background:rgba(120,168,255,.08)}
.tag[data-theme-tone="markets"]{color:#f1dfba;border-color:rgba(214,171,84,.20);background:rgba(214,171,84,.08)}
.tag[data-theme-tone="industry"]{color:#e0d4ff;border-color:rgba(167,118,255,.20);background:rgba(167,118,255,.08)}
.tag[data-theme-tone="resources"]{color:#cae6cf;border-color:rgba(97,188,117,.20);background:rgba(97,188,117,.08)}
.tag[data-theme-tone="transport"]{color:#c9ece7;border-color:rgba(87,194,182,.20);background:rgba(87,194,182,.08)}
.tag[data-theme-tone="services"]{color:#f2d2df;border-color:rgba(218,119,165,.20);background:rgba(218,119,165,.08)}

.risk-pill{font-weight:500}
.risk-pill[data-risk="High"]{color:#f1caca;border-color:rgba(255,90,90,.24);background:rgba(255,90,90,.09)}
.risk-pill[data-risk="Medium"]{color:#ecd0a0;border-color:rgba(255,180,84,.24);background:rgba(255,180,84,.08)}
.risk-pill[data-risk="Low"]{color:#c8e6cd;border-color:rgba(86,211,100,.24);background:rgba(86,211,100,.08)}
.risk-pill[data-risk="Watch"]{color:#d0d7df;border-color:rgba(156,163,175,.22);background:rgba(156,163,175,.08)}

.implication{
  border-left:2px solid rgba(79,163,255,.55);
  padding:11px 13px;
  border-radius:0 10px 10px 0;
  background:linear-gradient(90deg,rgba(79,163,255,.09),rgba(79,163,255,.035));
  box-shadow:inset 0 0 0 1px rgba(79,163,255,.045);
  color:rgba(236,243,249,.78);
}

.implication strong{color:rgba(243,247,251,.9)}
.implication-copy{display:inline}

.links-list{display:grid;gap:8px}
.links-list strong{font-size:.78rem;letter-spacing:.03em;color:rgba(233,240,247,.6)}.links-list a{color:rgba(142,190,255,.94);text-decoration:none}.links-list a:hover{text-decoration:underline}

.filter-box{padding:20px;background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.012));border-color:rgba(255,255,255,.065)}
.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.filter-group{display:grid;gap:8px}
.filter-group label{font-size:.82rem;color:var(--text-2)}
.filter-group input,.filter-group select,.admin-panel input:not([type="checkbox"]):not([type="range"]),.admin-panel select,.admin-panel textarea{width:100%;background:#111b27;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px}
.filter-actions{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:20px;flex-wrap:wrap}

.empty-state{padding:26px;border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-2);text-align:center}
.view-more-wrap{display:flex;justify-content:center}
.search-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.page-lead{color:var(--text-2);max-width:68ch;margin:0}

.hero-card,.filter-box{padding:20px;background:linear-gradient(180deg,rgba(255,255,255,.017),rgba(255,255,255,.008));border-color:rgba(255,255,255,.058)}
.hero-card h2,.section-title-row h2,.section-header h2,.intel-card__headline,.top-card h3{font-family:var(--font-body)}
.hero-card h2,.section-title-row h2{margin:0}
.filter-group label,.masthead .meta-line{letter-spacing:.01em}

@media (max-width:980px){.top-strip{grid-template-columns:1fr 1fr}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.top-strip{grid-template-columns:1fr}.filter-grid{grid-template-columns:1fr}.intel-card__headline,.top-card h3{font-size:1.14rem;line-height:1.36;color:rgba(244,226,232,.96)}.intel-card__content p{font-size:.935rem}}

/* === STAGE 4 MICRO POLISH === */

/* 1. Card vertical balance */
.intel-card__toggle,
.top-card .intel-card__toggle {
  padding: 18px 20px 14px;
}

.meta-row {
  margin-top: 6px;
  margin-bottom: 10px;
}

/* 2. Meta + pill system refinement */
.meta-row {
  gap: 6px 10px;
  font-size: 12.5px;
  opacity: 0.75;
}

.theme-tags {
  gap: 6px;
}

/* 3. Risk pill integration */
.risk-pill-wrap {
  margin-left: 0;
}

.risk-prefix{
  font-size:11.5px;
  letter-spacing:.01em;
  color:rgba(233,240,247,.56);
  margin-right:2px;
}

.risk-pill {
  font-size: 11.5px;
  padding: 3px 9px;
  border-radius: 999px;
  opacity: 0.9;
}

/* 4. Pill refinement (reduce awkward wrapping) */
.tag {
  font-size: 11.5px;
  padding: 3px 8px;
  border-radius: 999px;
}

/* 5. Headline polish */
.intel-card__headline,
.top-card h3 {
  line-height: 1.38;
  letter-spacing: 0.2px;
}

/* 6. Card tone refinement (very subtle) */
.intel-card,
.top-card {
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.032),
    rgba(255,255,255,.018)
  );
}

/* 7. Hover calming (less SaaS feel) */
.top-card:hover,
.intel-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(0,0,0,.22);
}

/* 8. Slight hero emphasis */
.top-card {
  border-color: rgba(255,255,255,.11);
}

/* === STAGE 5 DESKTOP LAYOUT UPGRADE === */

@media (min-width: 1100px) {
  .region-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }

  .results-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }

  .top-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
  }
}

@media (min-width: 1100px) {
  .region-items > .intel-card,
  .results-list > .intel-card,
  .top-strip > .top-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
  }

  .region-items > .intel-card > .intel-card__toggle,
  .results-list > .intel-card > .intel-card__toggle,
  .top-strip > .top-card > .intel-card__toggle {
    flex: 0 0 auto;
    align-content: start;
  }

  .region-items > .intel-card > .intel-card__panel,
  .results-list > .intel-card > .intel-card__panel,
  .top-strip > .top-card > .intel-card__panel {
    flex: 0 0 auto;
    min-height: 0;
  }

  .region-items > .intel-card.is-open,
  .results-list > .intel-card.is-open,
  .top-strip > .top-card.is-open {
    height: auto;
    align-self: start;
  }

  .region-items,
  .results-list {
    gap: 18px;
  }
}

/* === STAGE 6 DENSITY + SCANNING OPTIMIZATION === */

/* 1. Sharpen internal reading rhythm */
.intel-card__content {
  gap: 12px;
}.intel-card__content p{
  line-height: 1.64;
  color: rgba(233,240,247,.72);
}

/* 2. Make headline-to-meta hierarchy cleaner */
.intel-card__headline,
.top-card h3 {
  line-height: 1.34;
  color: rgba(243,247,251,.91);
}/* 3. Refine meta hierarchy for faster scanning */
.meta-row{
  color: rgba(233,240,247,.62);
  line-height: 1.34;
}.meta-row .meta-date{
  color: rgba(233,240,247,.50);
}

/* 4. Tighten pill system slightly */
.theme-tags,
.risk-pill-wrap {
  gap: 6px;
}

.tag,
.risk-pill,
.type-pill {
  padding: 4px 9px;
  font-size: .72rem;
}

.tag,
.type-pill {
  color: rgba(233,240,247,.66);
}

/* 5. Make implication box more compact and editorial */
.implication {
  padding: 10px 12px;
  color: rgba(236,243,249,.74);
  line-height: 1.58;
}

.implication strong {
  color: rgba(243,247,251,.86);
}

/* 6. Links and secondary text: slightly quieter */
.links-list {
  gap: 6px;
}

.links-list strong {
  font-size: .75rem;
  color: rgba(233,240,247,.54);
}.links-list a{
  color: rgba(142,190,255,.90);
}

/* 8. Desktop scanning refinement */
@media (min-width: 1100px) {
  .intel-card__toggle,
  .top-card .intel-card__toggle {
    gap: 10px;
  }

  .intel-card__content {
    gap: 11px;
  }
}

/* === ROOT META ALIGNMENT CLEANUP === */
@media (min-width:761px){
  body[data-page="home"] .meta-row,
  body[data-page="home"] .top-card .meta-row,
  body[data-page="home"] .intel-card .meta-row{
    justify-content:center;
    text-align:center;
  }

  body[data-page="home"] .meta-row .meta-date,
  body[data-page="home"] .meta-row .theme-tags,
  body[data-page="home"] .meta-row .risk-pill-wrap{
    justify-content:center;
    text-align:center;
    margin-left:0;
    margin-right:0;
    flex:0 0 auto;
  }
}

/* === MOBILE ONLY: card/filter alignment polish === */
@media (max-width:760px){
  .filter-actions{
    justify-content:center !important;
  }.meta-row{
    justify-content:center;
    text-align:center;
  }.meta-row .meta-date,
.meta-row .theme-tags,
.meta-row .risk-pill-wrap,
.risk-pill-wrap,
.theme-tags{
    justify-content:center;
    margin-left:0;
    margin-right:0;
    text-align:center;
  }

  .theme-tags,
  .risk-pill-wrap{
    width:100%;
  }

  .tag,
  .risk-pill,
  .type-pill{
    justify-content:center;
  }
}


@media (max-width:760px){
  .filter-box,
  .filter-box form{
    text-align:center;
  }

  .filter-group label{
    text-align:center;
  }

  .filter-group input,
  .filter-group select{
    text-align:center;
    text-align-last:center;
  }.links-list,
.links-list strong{
    text-align:center !important;
  }

  .links-list{
    justify-items:center;
  }
}


/* === STAGE 12: bottom admin access button === */
.footer-admin-btn{
  font-size:.84rem;
  opacity:.86;
  padding:9px 14px;
}


.ui-btn[data-search-filters],
.ui-btn.home-rss-archive-btn{
  padding:9px 14px;
  color:rgba(233,240,247,.68);
  opacity:.82;
}

@media (max-width:760px){
  .ui-btn[data-search-filters],
  .ui-btn.home-rss-archive-btn{
    min-height:0 !important;
    height:auto !important;
    padding:9px 14px !important;
    color:rgba(233,240,247,.66) !important;
    opacity:.82;
  }
}

/* === Ticker module === */
.ticker-shell{
  position:relative;
  overflow:hidden;
  width:100%;
  margin:18px 0 4px;
  border-top:1px solid rgba(255,255,255,.055);
  border-bottom:1px solid rgba(255,255,255,.055);
  border-left:0;
  border-right:0;
  border-radius:0;
  background:linear-gradient(180deg,rgba(255,255,255,.014),rgba(255,255,255,.003));
  box-shadow:none;
}
.ticker-shell[hidden]{display:none !important}
body[data-page="home"] .ticker-shell + .main-grid{padding-top:0}
.ticker-rail{
  position:relative;
  display:flex;
  align-items:center;
  overflow:hidden;
  white-space:nowrap;
  width:100%;
  min-height:42px;
  padding:11px max(18px, calc((100vw - min(1380px, calc(100vw - 2 * var(--pad)))) / 2));
}
.ticker-track{
  display:flex;
  align-items:center;
  gap:0;
  width:max-content;
  white-space:nowrap;
  will-change:transform;
  animation:ticker-crawl var(--ticker-duration, 32s) linear infinite;
}
.ticker-group{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  width:max-content;
  white-space:nowrap;
}
.ticker-item,.ticker-headline{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:0 18px;
  color:var(--text);
  font-size:13px;
  line-height:1.05;
}
.ticker-item__label{
  color:var(--text-2);
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-size:11px;
}
.ticker-item__value,.ticker-headline__text{
  color:var(--text);
  font-weight:600;
}
.ticker-item__value.is-placeholder{
  color:rgba(234,240,248,.72);
  font-weight:500;
}
.ticker-item__arrow,
.ticker-item__delta{
  display:inline-flex;
  align-items:center;
  font-size:13px;
  font-weight:600;
  line-height:1;
  color:inherit;
}
.ticker-item__value.is-up,
.ticker-item__arrow.is-up,
.ticker-item__delta.is-up{
  color:#84d79d;
  filter:none;
  opacity:1;
}
.ticker-item__value.is-down,
.ticker-item__arrow.is-down,
.ticker-item__delta.is-down{
  color:#ff8f8f;
  filter:none;
  opacity:1;
}
.ticker-item__value.is-flat,
.ticker-item__arrow.is-flat,
.ticker-item__delta.is-flat{
  color:rgba(222,230,237,.84);
  filter:none;
  opacity:1;
}
.ticker-sep{
  display:inline-block;
  width:1px;
  height:12px;
  background:rgba(255,255,255,.16);
  vertical-align:middle;
}
@keyframes ticker-crawl{
  from{transform:translateX(0)}
  to{transform:translateX(calc(-1 * var(--ticker-cycle-width, 50%)))}
}
@media (max-width:760px){
  .ticker-shell{margin:12px 0 4px;border-radius:0}
  .ticker-rail{padding:10px 12px}
  .ticker-item,.ticker-headline{padding:0 14px;font-size:12.5px;line-height:1.05}
  .ticker-item__label{font-size:10.5px}
  body[data-page="home"] .ticker-shell + .main-grid{padding-top:0}
  body[data-page="home"] .ticker-shell::after{display:none !important;content:none !important}
}/* === STAGE 13: headline wrap + expanded text editorial refinement === */
.intel-card__headline,
.top-card h3{
  font-size: 1.12rem;
  line-height: 1.3;
  letter-spacing: 0.01em;
  text-wrap: balance;
  max-width: 30ch;
  color: rgba(244,228,233,.95);
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}.intel-card__content p,
.implication,
.links-list{
  font-size: 0.93rem;
}.intel-card__content p{
  max-width: 66ch;
  text-wrap: pretty;
  text-align: justify;
  text-justify: inter-word;
}

.implication,
.links-list {
  max-width: 68ch;
}

@media (min-width: 1100px) {.intel-card__headline,
.top-card h3{
    max-width: 31ch;
  }.intel-card__content p,
.implication,
.links-list{
    max-width: 64ch;
  }
}

@media (max-width: 760px) {.intel-card__headline,
.top-card h3{
    font-size: 1.12rem;
    line-height: 1.28;
    max-width: 28ch;
    color: rgba(244,228,233,.96);
    text-align:center;
  }.intel-card__content p,
.implication,
.links-list{
    font-size: 0.93rem;
  }
}


/* === STAGE 14: mobile card hierarchy refinement === */
@media (max-width:760px){
  .ticker-shell{
    margin:12px 0;
  }

  body[data-page="home"] .ticker-shell + .main-grid{
    padding-top:0;
  }

  .top-card .intel-card__toggle,
  .intel-card__toggle{
    padding:18px 13px 12px;
    gap:10px;
  }.intel-card__headline,
.top-card h3{
    max-width:26ch;
    font-size:1.12rem;
    line-height:1.26;
    font-weight:660;
    color:rgba(244,228,233,.96);
    text-align:center;
    margin-left:auto;
    margin-right:auto;
  }.meta-row{
    margin-top:4px;
    margin-bottom:8px;
    color:rgba(233,240,247,.58);
  }

  .intel-card__content{
    gap:10px;
  }.intel-card__content p,
.implication,
.links-list{
    font-size:.87rem;
  }.intel-card__content p{
    max-width:60ch;
    color:rgba(233,240,247,.68);
    text-align:justify;
    text-justify:inter-word;
  }

  .implication,
  .links-list{
    color:rgba(233,240,247,.68);
  }
}


.card-image-block{
  display:grid;
  gap:10px;
}

.media-edge-fade-control .image-brightness-row.is-disabled,
.media-edge-transparency-control .image-brightness-row.is-disabled{
  opacity:.52;
}

.media-edge-fade-control .image-brightness-row.is-disabled .range-stepper__btn,
.media-edge-transparency-control .image-brightness-row.is-disabled .range-stepper__btn{
  cursor:not-allowed;
}

.card-image-frame{
  position:relative;
  border:1px solid rgba(255,255,255,.085);
  border-radius:16px;
  overflow:hidden;
  background:#091018;
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}


.card-media-surface--edgefade{
  position:relative;
  isolation:isolate;
  --ccr-edge-fade-px:18px;
}

.card-media-surface--edgefade::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  z-index:3;
  background:
    linear-gradient(to right, rgba(9,16,24,.92) 0, rgba(9,16,24,0) var(--ccr-edge-fade-px)),
    linear-gradient(to left, rgba(9,16,24,.92) 0, rgba(9,16,24,0) var(--ccr-edge-fade-px)),
    linear-gradient(to bottom, rgba(9,16,24,.82) 0, rgba(9,16,24,0) var(--ccr-edge-fade-px)),
    linear-gradient(to top, rgba(9,16,24,.82) 0, rgba(9,16,24,0) var(--ccr-edge-fade-px));
  background-repeat:no-repeat;
  background-size:
    min(100%, calc(var(--ccr-edge-fade-px) * 2.6)) 100%,
    min(100%, calc(var(--ccr-edge-fade-px) * 2.6)) 100%,
    100% min(100%, calc(var(--ccr-edge-fade-px) * 2.2)),
    100% min(100%, calc(var(--ccr-edge-fade-px) * 2.2));
  background-position:left top, right top, left top, left bottom;
}


.card-image{
  display:block;
  width:100%;
  max-width:100%;
  aspect-ratio:16 / 9;
  object-fit:cover;
}


.card-video-block{
  display:grid;
  gap:10px;
}

.card-video-launch{
  position:relative;
  display:block;
  width:100%;
  padding:0;
  border:1px solid rgba(255,255,255,.085);
  border-radius:16px;
  overflow:hidden;
  background:#091018;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}

.card-video-launch__thumb{
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  object-fit:cover;
}

.card-video-launch__shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(8,13,20,.08),rgba(8,13,20,.32));
}

.card-video-launch__play{
  position:absolute;
  left:50%;
  top:50%;
  width:72px;
  height:52px;
  transform:translate(-50%,-50%);
  border-radius:14px;
  background:rgba(0,0,0,.72);
  box-shadow:0 12px 26px rgba(0,0,0,.28);
  z-index:3;
}


.card-video-launch__play::before{
  content:'';
  position:absolute;
  left:29px;
  top:14px;
  width:0;
  height:0;
  border-left:18px solid #fff;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
}

.card-video-embed{
  position:relative;
  border:1px solid rgba(255,255,255,.085);
  border-radius:16px;
  overflow:hidden;
  background:#000;
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}

.card-video-embed iframe{
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  border:0;
}

.card-native-video{
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  border:0;
  background:#000;
  object-fit:contain;
}

.card-video-links{
  display:flex;
  justify-content:center;
}

.card-video-links a{
  color:rgba(142,190,255,.94);
  text-decoration:none;
  font-size:.86rem;
  line-height:1.2;
  text-align:center;
}

.card-video-links a:hover{
  text-decoration:underline;
}

@media (max-width:760px){
  .card-video-launch__play{
    width:64px;
    height:46px;
  }

  .card-video-launch__play::before{
    left:26px;
    top:12px;
    border-left-width:16px;
    border-top-width:11px;
    border-bottom-width:11px;
  }
}

/* === DESKTOP TICKER IN FRAME === */
@media (min-width: 981px){
  .ticker-shell{
    margin:0 0 18px;
  }

  .ticker-rail{
    padding:11px 18px;
  }
}


/* === HOME footer about panel === */
.footer-about-btn{
  font-size:.84rem;
  opacity:.86;
  padding:9px 14px;
  cursor:default;
  pointer-events:none;
}

.footer-about-wrap{
  display:grid;
  justify-items:center;
  gap:10px;
  margin-top:12px;
  margin-bottom:12px;
}

.about-site-panel{
  width:min(760px,100%);
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.025));
  color:rgba(228,235,242,.78);
  text-align:center;
  box-shadow:0 14px 34px rgba(0,0,0,.16);
}

.about-site-panel p{
  margin:0;
  font-size:.9rem;
  line-height:1.55;
}

.about-site-panel p + p{ margin-top:8px; }
.about-site-panel strong{ color:rgba(239,244,249,.88); }
.about-site-panel[hidden]{display:none !important;}

body[data-page="home"] .filter-group label{
  color:rgba(220,228,236,.56);
}

body[data-page="home"] .filter-group input,
body[data-page="home"] .filter-group select{
  color:rgba(226,233,240,.84);
  background:rgba(10,18,26,.42);
  border-color:rgba(255,255,255,.085);
  backdrop-filter:blur(6px);
}

body[data-page="home"] .filter-group input:focus,
body[data-page="home"] .filter-group select:focus{
  background:rgba(10,18,26,.52);
  border-color:rgba(140,190,255,.34);
}

body[data-page="home"] .filter-group input::placeholder{
  color:rgba(212,220,228,.46);
}

body[data-page="home"] .ui-btn[data-search-filters],
body[data-page="home"] .ui-btn.home-rss-archive-btn{
  padding:8px 12px;
  font-size:.8rem;
}

@media (max-width:760px){
  .footer-about-wrap{
    margin-top:6px;
    margin-bottom:7px;
    gap:8px;
  }

  .about-site-panel{
    padding:12px 14px;
  }

  .about-site-panel p{
    font-size:.86rem;
    line-height:1.5;
  }

  body[data-page="home"] .ui-btn[data-search-filters],
  body[data-page="home"] .ui-btn.home-rss-archive-btn{
    padding:8px 12px !important;
    font-size:.8rem !important;
  }
}

.body-copy{
  display:grid;
  gap:12px;
}

.body-copy > p,
.body-copy > ul{
  margin:0;
}

.body-copy > .body-figure{
  margin:2px 0;
}

.body-figure{
  display:grid;
  gap:10px;
}

.body-figure__frame{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));
  box-shadow:0 18px 42px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
}

.body-figure__img{
  display:block;
  width:100%;
  height:auto;
  max-height:min(52vh,540px);
  object-fit:contain;
  background:rgba(7,12,18,.35);
}

.body-figure__caption{
  margin:0;
  padding:0 2px;
  color:rgba(224,232,240,.78);
  font-size:.875rem;
  line-height:1.55;
  text-align:left;
}

.body-figure__caption strong{
  font-weight:700 !important;
  color:inherit;
}

.body-copy > ul{
  padding-left:1.15em;
  display:grid;
  gap:.4em;
}

html[lang="en"] .body-copy > ul,
html[lang="en"] .body-copy > li{
  text-align:left;
  text-justify:auto;
}

.card-media-stack > .card-image-block,
.card-media-stack > .card-video-block{
  margin-top:-2px;
  margin-bottom:-2px;
}

.card-media-gallery > .card-image-block,
.card-media-gallery > .card-video-block{
  margin:0;
}


/* === META STACK REFINEMENT v1024 === */
.meta-row{
  display:grid;
  gap:6px;
  justify-items:center;
}

.meta-main-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:6px 10px;
}

.meta-risk-row{
  display:flex;
  justify-content:center;
  width:100%;
}

.meta-risk-row .risk-pill-wrap{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
}

.meta-main-row .theme-tags{
  display:inline-flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:6px;
}

@media (min-width:761px){
  body[data-page="home"] .meta-row,
  body[data-page="home"] .top-card .meta-row,
  body[data-page="home"] .intel-card .meta-row{
    display:grid;
    gap:6px;
    justify-items:center;
    text-align:center;
  }

  body[data-page="home"] .meta-main-row,
  body[data-page="home"] .meta-risk-row{
    justify-content:center;
    text-align:center;
    width:100%;
  }

  body[data-page="home"] .meta-main-row .meta-date,
  body[data-page="home"] .meta-main-row .theme-tags,
  body[data-page="home"] .meta-risk-row .risk-pill-wrap{
    margin-left:0;
    margin-right:0;
    text-align:center;
  }
}


/* === WORLD MAP / TICKER / FILTER GLASS CONSOLIDATION === */
body[data-page="home"] .site-header{border-bottom-color:rgba(255,255,255,.045);}
body[data-page="home"] .header-actions .lang-toggle{background:rgba(255,255,255,.008);border-color:rgba(255,255,255,.075);}
body[data-page="home"] .header-actions .icon-btn,
body[data-page="home"] .header-actions .ui-btn{background:rgba(255,255,255,.010);border-color:rgba(255,255,255,.075);}
body[data-page="home"] .header-actions .icon-btn:hover,
body[data-page="home"] .header-actions .ui-btn:hover{background:rgba(255,255,255,.028);}
body[data-page="home"] .ticker-shell{
  background:linear-gradient(180deg,rgba(255,255,255,.006),rgba(255,255,255,.0005)) !important;
  border-top-color:rgba(255,255,255,.032) !important;
  border-bottom-color:rgba(255,255,255,.032) !important;
}
body[data-page="home"] .ticker-rail{background:transparent !important;}
body[data-page="home"] .site-header,
body[data-page="home"] .header-inner,
body[data-page="home"] .masthead,
body[data-page="home"] .header-actions{background:transparent !important;}
body[data-page="home"] .home-top-stack .site-header{background:linear-gradient(180deg,rgba(255,255,255,.004),rgba(255,255,255,0)) !important;}
body[data-page="home"] .filter-box{
  background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.005)) !important;
  border-color:rgba(255,255,255,.052) !important;
}
body[data-page="home"] .filter-group label{color:rgba(220,228,236,.42) !important;}
body[data-page="home"] .filter-group input,
body[data-page="home"] .filter-group select{
  background:rgba(10,18,26,.24) !important;
  border-color:rgba(255,255,255,.078) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.012);
  color:rgba(226,233,240,.64) !important;
}
body[data-page="home"] .filter-group input:focus,
body[data-page="home"] .filter-group select:focus{background:rgba(10,18,26,.34) !important;}
body[data-page="home"] .filter-group input::placeholder{color:rgba(212,220,228,.30) !important;}
.footer-about-wrap{margin-top:12px !important;margin-bottom:12px !important;gap:10px !important;}
.footer-about-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  line-height:1;
  padding:8px 14px;
  opacity:1;
  color:rgba(213,220,227,.60);
}
.ticker-item,
.ticker-headline{color:rgba(228,235,242,.74);}
.ticker-item__label{color:rgba(204,214,223,.50);}
.ticker-item__value,
.ticker-headline__text{color:rgba(225,232,239,.70);}
.ticker-item__value.is-placeholder{color:rgba(221,228,236,.56);}
@media (max-width:760px){
  body[data-page="home"] .mobile-bottom-dock .header-actions{
    background:rgba(27,39,51,.22) !important;
    backdrop-filter:blur(6px) !important;
    border-color:rgba(255,255,255,.065) !important;
    box-shadow:0 12px 26px rgba(0,0,0,.18);
  }

  body[data-page="home"] .ticker-shell{
    background:transparent !important;
    border-bottom-color:transparent !important;
    box-shadow:none !important;
  }

  .footer-about-wrap{margin-top:6px !important;margin-bottom:6px !important;gap:10px !important;}
}/* === APPEARANCE CONTROL VARIABLES === */
.top-card h3,
.intel-card__headline{
  color:var(--ccr-card-headline-color,#e2c3cc) !important;
  filter:brightness(var(--ccr-card-headline-brightness,100%));
  opacity:var(--ccr-card-headline-opacity,1);
  font-weight:var(--ccr-card-headline-weight,600) !important;
  font-size:var(--ccr-card-headline-size,1.1rem) !important;
}
.latest-items-title,.section-title-row h2,.hero-card h2,.section-header h2{
  color:var(--ccr-section-subheads-color,#ecf2f8) !important;
  filter:brightness(var(--ccr-section-subheads-brightness,100%));
  opacity:var(--ccr-section-subheads-opacity,1);
  font-weight:var(--ccr-section-subheads-weight,600) !important;
  font-size:var(--ccr-section-subheads-size,1.5rem) !important;
}/* Top-card shells keep padding on the toggle/media layer for tighter news-card rhythm. */
.intel-card,
.hero-card{padding:var(--ccr-card-padding,20px)}
.filter-box{padding:var(--ccr-filter-box-padding,20px)}
.ticker-item__label{
  color:var(--ccr-ticker-label-color,#d7e5ef);
  filter:brightness(var(--ccr-ticker-label-brightness,100%));
  opacity:var(--ccr-ticker-label-opacity,1);
  font-weight:var(--ccr-ticker-label-weight,700);
  font-size:var(--ccr-ticker-label-size,11px) !important;
}
.ticker-item__value{
  color:var(--ccr-ticker-value-color,#e4ebf2);
  filter:brightness(var(--ccr-ticker-value-brightness,100%));
  opacity:var(--ccr-ticker-value-opacity,1);
  font-weight:var(--ccr-ticker-value-weight,600);
  font-size:var(--ccr-ticker-value-size,13px) !important;
}
.ticker-headline__text{
  color:var(--ccr-ticker-headline-color,#e4ebf2);
  filter:brightness(var(--ccr-ticker-headline-brightness,100%));
  opacity:var(--ccr-ticker-headline-opacity,1);
  font-weight:var(--ccr-ticker-headline-weight,600);
  font-size:var(--ccr-ticker-headline-size,13px) !important;
}
.body-copy,.body-copy p{
  color:var(--ccr-body-text-color,#e9f0f7);
  filter:brightness(var(--ccr-body-text-brightness,100%));
  opacity:var(--ccr-body-text-opacity,1);
  font-weight:var(--ccr-body-text-weight,500);
  font-size:var(--ccr-body-text-size,.9625rem) !important;
}
html[lang="en"] .body-copy,
html[lang="en"] .body-copy p{
  text-align:var(--ccr-body-text-align,justify);
  text-justify:inter-word;
}
.implication,.implication strong,.implication-copy{
  color:var(--ccr-implication-text-color,#e9f0f7);
  filter:brightness(var(--ccr-implication-text-brightness,100%));
  opacity:var(--ccr-implication-text-opacity,1);
  font-weight:var(--ccr-implication-text-weight,500);
  font-size:var(--ccr-implication-text-size,.95rem) !important;
}
html[lang="en"] .implication-copy{
  text-align:var(--ccr-implication-text-align,justify);
  text-justify:inter-word;
  display:block;
}

.body-copy strong,
.body-copy p strong,
.body-copy li strong{
  font-weight:700 !important;
  color:inherit;
  filter:none;
  opacity:1;
}

.body-copy .body-inline-link,
.body-copy p .body-inline-link,
.body-copy li .body-inline-link,
.body-figure__caption .body-inline-link{
  color:var(--ccr-body-link-color,#cfe7ff);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:2px;
  word-break:break-word;
  font-weight:600;
}
.body-copy .body-inline-link:hover,
.body-copy .body-inline-link:focus-visible,
.body-figure__caption .body-inline-link:hover,
.body-figure__caption .body-inline-link:focus-visible{
  color:var(--ccr-body-link-hover-color,#e6f2ff);
}
.implication-copy strong,
.implication strong:not(:first-child){
  font-weight:700 !important;
  color:inherit;
  filter:none;
  opacity:1;
}
.implication .implication-label{
  font-weight:600 !important;
  color:rgba(243,247,251,.9);
  filter:none;
  opacity:1;
}
.implication .implication-copy strong{
  font-weight:700 !important;
  color:inherit;
  filter:none;
  opacity:1;
}
.summary-copy,.summary-copy p{
  color:var(--ccr-summary-text-color,#e9f0f7);
  filter:brightness(var(--ccr-summary-text-brightness,100%));
  opacity:var(--ccr-summary-text-opacity,1);
  font-weight:var(--ccr-summary-text-weight,500);
  font-size:var(--ccr-summary-text-size,.9625rem) !important;
}.meta-date{
  color:var(--ccr-utility-stamps-color,#c7d3dd) !important;
  opacity:var(--ccr-utility-stamps-opacity,.82);
  font-weight:var(--ccr-utility-stamps-weight,500);
  font-size:var(--ccr-utility-stamps-size,.8rem) !important;
}
.tag,.type-pill,.risk-prefix,.risk-pill,.theme-tags,.meta-risk-row,.risk-pill-wrap{
  color:var(--ccr-pills-meta-color,#d7e0e8);
  opacity:var(--ccr-pills-meta-opacity,1);
  font-weight:var(--ccr-pills-meta-weight,500);
  font-size:var(--ccr-pills-meta-size,.74rem) !important;
}.links-list,
.links-list a,
.links-list strong{
  color:var(--ccr-link-lists-color,#8ebeff);
  opacity:var(--ccr-link-lists-opacity,1);
  font-weight:var(--ccr-link-lists-weight,500);
  font-size:var(--ccr-link-lists-size,.92rem) !important;
}
.filter-group label,.filter-note{
  color:var(--ccr-filter-labels-color,#dce4ec);
  opacity:var(--ccr-filter-labels-opacity,1);
  font-weight:var(--ccr-filter-labels-weight,500);
  font-size:var(--ccr-filter-labels-size,.82rem) !important;
}
.about-site-panel,.about-site-panel p,.about-site-panel strong,.empty-state,.helper{
  color:var(--ccr-helper-copy-color,#b8c6d4);
  opacity:var(--ccr-helper-copy-opacity,.86);
  font-weight:var(--ccr-helper-copy-weight,500);
  font-size:var(--ccr-helper-copy-size,.95rem) !important;
}
.page-shell{gap:var(--ccr-main-gap,36px)}
.section-stack{gap:var(--ccr-section-gap,24px)}
.site-world-map-track{animation-duration:var(--ccr-map-desktop-duration,110s)}


/* === MULTI MEDIA STACK === */
.card-media-stack{
  display:grid;
  gap:12px;
}

.card-media-gallery{
  display:grid;
  gap:12px;
}

.card-media-gallery--images{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.card-image-block--gallery .card-image-frame,
.card-media-gallery--images .card-image-frame{
  height:100%;
}

.card-media-gallery--videos{
  grid-template-columns:1fr;
}

@media (max-width:760px){
  .card-media-gallery--images{
    grid-template-columns:1fr;
  }
}.meta-block{
  display:grid;
  gap:6px;
  width:100%;
  margin-top:0;
  margin-bottom:10px;
  justify-items:center;
}.meta-date-row{
  display:flex;
  justify-content:center !important;
  align-items:center;
  width:100%;
  text-align:center;
}.meta-date-row .meta-date{
  display:block;
  width:100%;
  margin-inline:auto;
  text-align:center !important;
}

.meta-block .meta-row{
  margin-top:0;
  margin-bottom:0;
  justify-content:center;
  text-align:center;
}

.intel-card__toggle .meta-block,
.top-card .intel-card__toggle .meta-block,
.intel-card__toggle .meta-date-row,
.top-card .intel-card__toggle .meta-date-row,
.intel-card__toggle .meta-date,
.top-card .meta-date{
  width:100%;
  margin-inline:auto;
  text-align:center !important;
}body[data-page="home"] .type-pill{
  display:none !important;
}




/* Phase 8D.1 — closed-card media preview refinement + filter-stack correction (2026-04-30)
   Uses a taller card-wide contained media preview over a softened blurred background.
   Brightness is passed as a CSS variable so blur/drop-shadow and brightness can coexist. */
.card-toggle-media{
  --ccr-toggle-media-brightness:.96;
  width:100%;
  margin:-1px 0 6px;
}

.card-toggle-media__frame{
  position:relative;
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.072);
  background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(8,13,21,.18));
  box-shadow:0 14px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03);
  min-height:168px;
}

.card-toggle-media__bg,
.card-toggle-media__stage{
  position:absolute;
  inset:0;
}

.card-toggle-media__bg{
  overflow:hidden;
}

.card-toggle-media__bg-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.12);
  filter:blur(16px) saturate(.92) brightness(var(--ccr-toggle-media-brightness,.96));
  opacity:.42;
}

.card-toggle-media__frame::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(circle at 50% 14%, rgba(255,255,255,.045), transparent 34%),
    linear-gradient(180deg, rgba(7,12,20,.06) 0%, rgba(7,12,20,.04) 34%, rgba(7,12,20,.18) 100%);
  pointer-events:none;
}

.card-toggle-media__frame::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(8,13,21,.05), rgba(8,13,21,0) 18%, rgba(8,13,21,0) 82%, rgba(8,13,21,.08)),
    linear-gradient(90deg, rgba(8,13,21,.03), rgba(8,13,21,0) 16%, rgba(8,13,21,0) 84%, rgba(8,13,21,.04));
}

.card-toggle-media__stage{
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 12px 10px;
}

.card-toggle-media__image{
  display:block;
  width:100%;
  max-width:100%;
  height:144px;
  object-fit:contain;
  object-position:center;
  opacity:.98;
  filter:brightness(var(--ccr-toggle-media-brightness,.96)) drop-shadow(0 12px 22px rgba(0,0,0,.22));
}

.top-card .intel-card__toggle,
.intel-card .intel-card__toggle{
  gap:10px;
}

@media (max-width:760px){
  .card-toggle-media{
    margin:-1px 0 4px;
  }
  .card-toggle-media__frame{
    min-height:142px;
  }
  .card-toggle-media__stage{
    padding:10px 10px 8px;
  }
  .card-toggle-media__image{
    height:120px;
  }
}

/* Phase 8C — hide closed-card preview media while card is open (2026-04-30)
   Prevents duplicate hero/header imagery: closed cards show the preview strip;
   open cards show the original full media inside the expanded content. */
.top-card.is-open > .intel-card__toggle .card-toggle-media,
.intel-card.is-open > .intel-card__toggle .card-toggle-media{
  display:none !important;
}

/* === PHASE A: Latest Items / FMP Market Pulse card rhythm alignment (2026-05-01)
   Scope: home Latest Items CCR cards only. Keeps renderer, expanded media, YouTube links,
   chart logic, FMP panel, RSS, portfolio, login, and live data untouched. */
body[data-page="home"] .top-strip{
  gap:14px;
}

body[data-page="home"] .top-strip > .top-card{
  padding:0 !important;
  border-color:rgba(255,255,255,.064);
  background:linear-gradient(180deg,rgba(255,255,255,.017),rgba(255,255,255,.007));
  box-shadow:0 12px 28px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.02);
}

body[data-page="home"] .top-strip > .top-card:hover{
  border-color:rgba(255,255,255,.096);
  box-shadow:0 14px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.025);
}

body[data-page="home"] .top-strip > .top-card > .intel-card__toggle{
  padding:12px 12px 13px;
  gap:8px;
  align-content:start;
}

body[data-page="home"] .top-strip > .top-card .card-toggle-media{
  margin:0 0 5px;
}

body[data-page="home"] .top-strip > .top-card .card-toggle-media__frame{
  min-height:132px;
  border-radius:13px;
  border-color:rgba(255,255,255,.062);
  background:linear-gradient(180deg,rgba(255,255,255,.016),rgba(6,12,22,.18));
  box-shadow:0 10px 22px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.02);
}

body[data-page="home"] .top-strip > .top-card .card-toggle-media__stage{
  padding:8px 9px 7px;
}

body[data-page="home"] .top-strip > .top-card .card-toggle-media__image{
  height:114px;
  opacity:.96;
}

body[data-page="home"] .top-strip > .top-card h3{
  font-size:clamp(.98rem,1.03vw,1.08rem) !important;
  line-height:1.27;
  max-width:24ch;
  font-weight:650 !important;
  letter-spacing:.004em;
  margin:0 auto;
}

body[data-page="home"] .top-strip > .top-card .meta-block{
  gap:4px;
  margin:1px 0 0;
}

body[data-page="home"] .top-strip > .top-card .meta-date{
  font-size:.76rem;
  color:rgba(211,225,243,.62) !important;
}

body[data-page="home"] .top-strip > .top-card .meta-row{
  gap:4px 7px;
  font-size:.72rem;
  opacity:.72;
}

body[data-page="home"] .top-strip > .top-card .risk-prefix{
  font-size:.68rem;
  color:rgba(211,225,243,.55);
}

body[data-page="home"] .top-strip > .top-card .risk-pill{
  font-size:.68rem;
  padding:2px 7px;
}

@media (min-width:1100px){
  body[data-page="home"] .top-strip{
    gap:14px 16px;
  }
}

@media (max-width:980px){
  body[data-page="home"] .top-strip > .top-card .card-toggle-media__frame{
    min-height:124px;
  }
  body[data-page="home"] .top-strip > .top-card .card-toggle-media__image{
    height:106px;
  }
}

@media (max-width:760px){
  body[data-page="home"] .top-strip{
    gap:12px;
  }
  body[data-page="home"] .top-strip > .top-card > .intel-card__toggle{
    padding:10px 10px 12px;
    gap:7px;
  }
  body[data-page="home"] .top-strip > .top-card .card-toggle-media{
    margin:0 0 4px;
  }
  body[data-page="home"] .top-strip > .top-card .card-toggle-media__frame{
    min-height:116px;
    border-radius:12px;
  }
  body[data-page="home"] .top-strip > .top-card .card-toggle-media__stage{
    padding:7px 8px 6px;
  }
  body[data-page="home"] .top-strip > .top-card .card-toggle-media__image{
    height:98px;
  }
  body[data-page="home"] .top-strip > .top-card h3{
    font-size:1rem !important;
    line-height:1.25;
    max-width:26ch;
  }
  body[data-page="home"] .top-strip > .top-card .meta-date{
    font-size:.72rem;
  }
  body[data-page="home"] .top-strip > .top-card .meta-row{
    font-size:.69rem;
  }
}


/* === PHASE B1: Source-aware CCR Latest Items media spread (2026-05-01)
   YouTube/video fallback thumbnails get a fuller Market-Pulse-like card image treatment.
   Uploaded/hero/gallery images keep the safer contained treatment to avoid cropping people, logos, charts, and text. */
body[data-page="home"] .top-strip > .top-card .card-toggle-media--video .card-toggle-media__frame,
body[data-page="home"] .top-strip > .top-card .card-toggle-media--source-youtube .card-toggle-media__frame{
  min-height:132px;
  background:rgba(0,0,0,.13);
}

body[data-page="home"] .top-strip > .top-card .card-toggle-media--video .card-toggle-media__stage,
body[data-page="home"] .top-strip > .top-card .card-toggle-media--source-youtube .card-toggle-media__stage{
  padding:0;
}

body[data-page="home"] .top-strip > .top-card .card-toggle-media--video .card-toggle-media__image,
body[data-page="home"] .top-strip > .top-card .card-toggle-media--source-youtube .card-toggle-media__image{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  opacity:.82;
  filter:saturate(.88) brightness(var(--ccr-toggle-media-brightness,.96));
}

body[data-page="home"] .top-strip > .top-card .card-toggle-media--video .card-toggle-media__bg-image,
body[data-page="home"] .top-strip > .top-card .card-toggle-media--source-youtube .card-toggle-media__bg-image{
  opacity:.24;
  transform:scale(1.06);
}

body[data-page="home"] .top-strip > .top-card .card-toggle-media--video .card-toggle-media__frame::before,
body[data-page="home"] .top-strip > .top-card .card-toggle-media--source-youtube .card-toggle-media__frame::before{
  background:
    linear-gradient(180deg, rgba(7,12,20,.02) 0%, rgba(7,12,20,.03) 42%, rgba(7,12,20,.12) 100%),
    radial-gradient(circle at 50% 10%, rgba(255,255,255,.032), transparent 38%);
}

body[data-page="home"] .top-strip > .top-card .card-toggle-media--image .card-toggle-media__image{
  max-width:calc(100% - 2px);
}

@media (max-width:980px){
  body[data-page="home"] .top-strip > .top-card .card-toggle-media--video .card-toggle-media__frame,
  body[data-page="home"] .top-strip > .top-card .card-toggle-media--source-youtube .card-toggle-media__frame{
    min-height:124px;
  }
}

@media (max-width:760px){
  body[data-page="home"] .top-strip > .top-card .card-toggle-media--video .card-toggle-media__frame,
  body[data-page="home"] .top-strip > .top-card .card-toggle-media--source-youtube .card-toggle-media__frame{
    min-height:118px;
  }

  body[data-page="home"] .top-strip > .top-card .card-toggle-media--video .card-toggle-media__image,
  body[data-page="home"] .top-strip > .top-card .card-toggle-media--source-youtube .card-toggle-media__image{
    opacity:.84;
  }
}

/* === PHASE C1: Intentional hero-image CCR Latest Items media spread (2026-05-01)
   Scope: public/admin preview homepage cards only. Hero images are editor-selected lead media,
   so they can use a fuller Market-Pulse-like treatment while gallery/thumbnail fallbacks stay protected. */
body[data-page="home"] .top-strip > .top-card .card-toggle-media--source-hero .card-toggle-media__frame{
  min-height:132px;
  background:rgba(0,0,0,.12);
}

body[data-page="home"] .top-strip > .top-card .card-toggle-media--source-hero .card-toggle-media__stage{
  padding:0;
}

body[data-page="home"] .top-strip > .top-card .card-toggle-media--source-hero .card-toggle-media__image{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  opacity:.86;
  filter:saturate(.92) brightness(var(--ccr-toggle-media-brightness,.96));
}

body[data-page="home"] .top-strip > .top-card .card-toggle-media--source-hero .card-toggle-media__bg-image{
  opacity:.22;
  transform:scale(1.06);
}

body[data-page="home"] .top-strip > .top-card .card-toggle-media--source-hero .card-toggle-media__frame::before{
  background:
    linear-gradient(180deg, rgba(7,12,20,.018) 0%, rgba(7,12,20,.026) 44%, rgba(7,12,20,.13) 100%),
    radial-gradient(circle at 50% 10%, rgba(255,255,255,.034), transparent 40%);
}

@media (max-width:980px){
  body[data-page="home"] .top-strip > .top-card .card-toggle-media--source-hero .card-toggle-media__frame{
    min-height:124px;
  }
}

@media (max-width:760px){
  body[data-page="home"] .top-strip > .top-card .card-toggle-media--source-hero .card-toggle-media__frame{
    min-height:118px;
  }

  body[data-page="home"] .top-strip > .top-card .card-toggle-media--source-hero .card-toggle-media__image{
    opacity:.88;
  }
}


/* === PHASE D1: CCR hero-image format lock (2026-05-01)
   Scope: intentional lead/hero media only. This makes the public/admin preview
   slot predictable for editor-produced CCR card artwork without changing
   YouTube/video or gallery fallback behavior. Recommended source art: 1920x750. */
body[data-page="home"] .top-strip > .top-card .card-toggle-media--source-hero .card-toggle-media__frame{
  --ccr-card-hero-artwork-ratio:2.56;
  height:132px;
  min-height:0;
  aspect-ratio:2.56 / 1;
}

body[data-page="home"] .top-strip > .top-card .card-toggle-media--source-hero .card-toggle-media__image{
  object-position:center center;
}

@media (max-width:980px){
  body[data-page="home"] .top-strip > .top-card .card-toggle-media--source-hero .card-toggle-media__frame{
    height:124px;
    min-height:0;
  }
}

@media (max-width:760px){
  body[data-page="home"] .top-strip > .top-card .card-toggle-media--source-hero .card-toggle-media__frame{
    height:118px;
    min-height:0;
  }
}


/* r9253 — mobile-only footer Invite Friend normal-flow balance near About Site */
.footer-invite-friend-btn{
  display:none;
}
@media (max-width:760px){
  body[data-page="home"] #regionSections:empty{
    display:none !important;
  }
  body[data-page="home"] .home-main{
    padding-bottom:0 !important;
  }
  body[data-page="home"] .footer-about-wrap{
    display:grid !important;
    grid-template-columns:1fr;
    justify-items:center;
    align-items:center;
    row-gap:12px !important;
    padding-block:0 !important;
    margin-top:18px !important;
    margin-bottom:18px !important;
  }
  body[data-page="home"] .footer-invite-friend-btn,
  body[data-page="home"] .footer-about-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    position:static !important;
    transform:none !important;
    top:auto !important;
    min-height:27px;
    margin:0 !important;
    padding:5px 11px;
    border:1px solid rgba(212,184,116,.18);
    border-radius:999px;
    background:rgba(212,184,116,.038);
    color:rgba(229,211,166,.66);
    font-family:Inter,"Noto Sans JP",system-ui,sans-serif;
    font-size:.68rem;
    font-weight:620;
    letter-spacing:.018em;
    line-height:1;
    box-shadow:none;
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }
  body[data-page="home"] .footer-invite-friend-btn{ cursor:pointer; }
  body[data-page="home"] .footer-about-btn{ cursor:default; }
  body[data-page="home"] .footer-invite-friend-btn[hidden]{
    display:none !important;
  }
  body[data-page="home"] .footer-invite-friend-btn:hover,
  body[data-page="home"] .footer-invite-friend-btn:focus-visible{
    border-color:rgba(229,211,166,.28);
    background:rgba(212,184,116,.068);
    color:rgba(238,221,176,.80);
    outline:none;
  }
}


/* S35 — iPhone/WebKit ticker headline typography normalization.
   Android is intentionally left on the existing mobile rules. This only targets
   iOS/WebKit text sizing inside the moving home ticker so one manual headline
   cannot be inflated differently from the surrounding ticker items. */
@supports (-webkit-touch-callout: none){
  @media (max-width:760px){
    body[data-page="home"] .ticker-shell,
    body[data-page="home"] .ticker-rail,
    body[data-page="home"] .ticker-track,
    body[data-page="home"] .ticker-group,
    body[data-page="home"] .ticker-item,
    body[data-page="home"] .ticker-headline,
    body[data-page="home"] .ticker-headline__text{
      -webkit-text-size-adjust:100% !important;
      text-size-adjust:100% !important;
    }

    body[data-page="home"] .ticker-headline,
    body[data-page="home"] .ticker-headline__text{
      font-size:var(--ccr-ticker-headline-mobile-size,var(--ccr-ticker-headline-size,12.5px)) !important;
      line-height:1 !important;
      letter-spacing:normal !important;
      -webkit-font-smoothing:antialiased;
      font-synthesis:none;
    }

    body[data-page="home"] .ticker-headline__text{
      display:inline-block;
      max-width:none;
      white-space:nowrap;
    }
  }
}


/* S46 — mobile active-element selection polish.
   Keep normal body/article text selectable, but prevent blue selection/tap blocks
   on controls, links, tabs, pills and other active UI labels on touch/mobile. */
@media (hover:none), (pointer:coarse), (max-width:760px){
  :where(
    a,
    button,
    summary,
    label[for],
    label[role="button"],
    [role="button"],
    [role="tab"],
    [role="menuitem"],
    [aria-pressed],
    [aria-expanded],
    .ui-btn,
    .icon-btn,
    .lang-toggle button,
    .ticker-item,
    .ticker-mini-pill,
    .filter-chip,
    .pill,
    .tab,
    .rss-tab-btn,
    .rss-source-card,
    .rss-search-show-more,
    .home-invite-friend-btn,
    .home-rss-archive-btn,
    .footer-invite-friend-btn,
    .footer-about-btn,
    .mobile-bottom-dock *,
    .ccr-intelligence-ribbon__tab,
    .site-title-mobile-user-badge,
    .entry-access-copy-btn,
    .range-stepper__btn,
    .appearance-jump-btn
  ),
  :where(
    a,
    button,
    summary,
    label[for],
    label[role="button"],
    [role="button"],
    [role="tab"],
    [role="menuitem"],
    [aria-pressed],
    [aria-expanded],
    .ui-btn,
    .icon-btn,
    .lang-toggle button,
    .ticker-item,
    .ticker-mini-pill,
    .filter-chip,
    .pill,
    .tab,
    .rss-tab-btn,
    .rss-source-card,
    .rss-search-show-more,
    .home-invite-friend-btn,
    .home-rss-archive-btn,
    .footer-invite-friend-btn,
    .footer-about-btn,
    .mobile-bottom-dock *,
    .ccr-intelligence-ribbon__tab,
    .site-title-mobile-user-badge,
    .entry-access-copy-btn,
    .range-stepper__btn,
    .appearance-jump-btn
  ) *{
    -webkit-user-select:none !important;
    user-select:none !important;
    -webkit-touch-callout:none !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  :where(a, button, summary, label[for], label[role="button"], [role="button"], [role="tab"], [role="menuitem"], .ui-btn, .icon-btn):focus:not(:focus-visible){
    outline:none !important;
  }

  :where(input, textarea, select, [contenteditable="true"], .allow-text-selection, .copyable, .copy-target){
    -webkit-user-select:text !important;
    user-select:text !important;
    -webkit-touch-callout:default !important;
  }
}