
/* Jayu v13.7.3 shared report visual language */
:root{--jayu-r-bg:#090b0f;--jayu-r-panel:#10131a;--jayu-r-panel2:#0c1017;--jayu-r-line:#2b3443;--jayu-r-text:#f2f5fb;--jayu-r-muted:#a0abbd;--jayu-r-purple:#9b6cff;--jayu-r-purple2:#c084fc;--jayu-r-cyan:#67e8f9;--jayu-r-green:#55d89a;--jayu-r-amber:#f7c66b}
body.jayu-report-page{background:radial-gradient(circle at 72% -12%,rgba(139,92,246,.11),transparent 30%),linear-gradient(180deg,#090b0f,#080b10 52%,#090b0f)!important;color:var(--jayu-r-text)!important}
body.jayu-report-page .top{background:rgba(10,13,19,.96)!important;border-bottom:1px solid var(--jayu-r-line)!important;backdrop-filter:blur(14px)}
body.jayu-report-page .mark{border-color:rgba(155,108,255,.62)!important;color:#d8c8ff!important;background:rgba(139,92,246,.08)!important}
body.jayu-report-page nav a{color:#aab3c3!important}body.jayu-report-page nav a:hover{color:#fff!important}
.jayu-report-hero{padding:34px 0 18px!important}
.jayu-report-hero-grid{display:grid;grid-template-columns:minmax(320px,.74fr) minmax(0,1.26fr);gap:22px;align-items:stretch}
.jayu-report-visual{position:relative;min-height:430px;border:1px solid rgba(155,108,255,.36);border-radius:22px;overflow:hidden;background-color:#08070f;background-image:linear-gradient(180deg,rgba(8,7,15,.05),rgba(8,7,15,.42)),url('/assets/jayu-purple-globe-v1372.png');background-size:auto 108%;background-position:78% center;background-repeat:no-repeat;box-shadow:inset 0 0 86px rgba(139,92,246,.16),0 24px 70px rgba(0,0,0,.28)}
.jayu-report-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,7,15,.22),transparent 52%);pointer-events:none}
.jayu-report-visual:after{content:attr(data-label);position:absolute;left:18px;bottom:17px;padding:8px 11px;border:1px solid rgba(192,132,252,.35);border-radius:999px;background:rgba(10,7,19,.76);backdrop-filter:blur(10px);color:#dfd1ff;font:850 9px/1 system-ui;letter-spacing:.15em;text-transform:uppercase}
.jayu-report-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
.jayu-report-copy h1{font-size:clamp(40px,5.4vw,68px)!important;line-height:.97!important;letter-spacing:-.045em!important;margin:9px 0 15px!important}
.jayu-report-copy p{color:#b7c0cf!important;font-size:17px!important;line-height:1.62!important}
.jayu-report-chips{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;margin-top:15px!important}
.jayu-report-chips .chip{display:block!important;min-width:0!important;padding:11px 12px!important;border:1px solid #32394a!important;border-radius:12px!important;background:linear-gradient(145deg,#10151f,#0b0e15)!important;color:#c8d0dc!important;font-size:10px!important;line-height:1.35!important;white-space:normal!important}
.jayu-report-chips .chip.hot{border-color:rgba(247,198,107,.34)!important;background:linear-gradient(145deg,rgba(49,38,19,.48),#0b0e15)!important;color:#f7d99d!important}
.jayu-report-board{margin-top:15px;padding:12px;border:1px solid #302d48;border-radius:16px;background:linear-gradient(180deg,rgba(18,20,31,.96),rgba(10,12,20,.96));box-shadow:0 14px 34px rgba(0,0,0,.18)}
.jayu-report-board-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 2px 9px;color:#8793aa;font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.jayu-report-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.jayu-report-metric{min-width:0;padding:11px 12px;border:1px solid #32394a;border-radius:12px;background:linear-gradient(145deg,#10151f,#0b0e15)}
.jayu-report-metric span{display:block;color:#8894a7;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.jayu-report-metric strong{display:block;margin-top:4px;color:#eff5ff;font-size:15px;line-height:1.05}.jayu-report-metric em{display:block;margin-top:4px;color:#c8b6ff;font-style:normal;font-size:9px;font-weight:850}
body.jayu-report-page .score{gap:9px!important}body.jayu-report-page .score>div{border:1px solid #303847!important;background:linear-gradient(145deg,#10151f,#0b0e15)!important;box-shadow:none!important}
body.jayu-report-page .card,body.jayu-report-page .panel{border-color:#2b3443!important;background:linear-gradient(180deg,#11161f,#0c1016)!important;box-shadow:0 12px 30px rgba(0,0,0,.12)}
body.jayu-report-page .pdfbox{border-color:#2b3443!important;background:#0a0d12!important}
body.jayu-report-page .verify div{border-color:#2b3443!important;background:#0b1017!important}
body.jayu-report-page .ey,body.jayu-report-page .day{color:#9bbcff!important}
body.jayu-report-page .btn{border-color:#3a4558!important;background:#0e131b!important}body.jayu-report-page .btn.primary{background:linear-gradient(135deg,#8b5cf6,#67e8f9)!important;color:#071018!important;border-color:transparent!important}
@media(max-width:900px){.jayu-report-hero-grid{grid-template-columns:1fr}.jayu-report-visual{min-height:290px;background-size:auto 112%;background-position:80% center}.jayu-report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.jayu-report-metric:last-child{grid-column:1/-1}.jayu-report-chips{grid-template-columns:1fr 1fr!important}}
@media(max-width:560px){.jayu-report-hero{padding-top:16px!important}.jayu-report-visual{min-height:220px;border-radius:16px;background-size:auto 118%;background-position:81% center}.jayu-report-visual:after{left:12px;bottom:12px;font-size:7px}.jayu-report-copy h1{font-size:clamp(38px,12vw,54px)!important}.jayu-report-copy p{font-size:15px!important}.jayu-report-chips{grid-template-columns:1fr!important}.jayu-report-board{padding:10px}.jayu-report-metrics{grid-template-columns:1fr 1fr}.jayu-report-metric{padding:10px}.jayu-report-metric strong{font-size:13px}}

/* Jayu v14.1 · PWA/mobile report hero hotfix
   Global v13 responsive rules used grid-auto-rows:1fr on .hero. On report pages
   that made the visual row inherit the height of the long headline/copy row.
   Keep report art editorial on desktop, but compact and content-sized on phones. */
body.jayu-report-page .hero{grid-auto-rows:auto!important}
@media(max-width:900px){
  body.jayu-report-page .hero{grid-auto-rows:auto!important;align-items:start!important}
  body.jayu-report-page .hero-grid,
  body.jayu-report-page .dc-hero-grid,
  body.jayu-report-page .jayu-report-hero-grid{grid-auto-rows:auto!important;align-items:start!important}
  body.jayu-report-page .hero>.hero-visual,
  body.jayu-report-page .hero-grid>.globe,
  body.jayu-report-page .dc-globe-visual,
  body.jayu-report-page .jayu-report-visual{
    min-height:0!important;
    height:clamp(220px,58vw,290px)!important;
    max-height:290px!important;
    align-self:start!important;
  }
  body.jayu-report-page .hero>.hero-visual{margin-bottom:18px!important}
  body.jayu-report-page .hero>.hero-visual .orb{width:min(210px,60vw)!important;max-width:210px!important}
}
@media(max-width:560px){
  body.jayu-report-page .hero{padding-top:18px!important;gap:18px!important}
  body.jayu-report-page .hero>.hero-visual,
  body.jayu-report-page .hero-grid>.globe,
  body.jayu-report-page .dc-globe-visual,
  body.jayu-report-page .jayu-report-visual{
    height:clamp(210px,58vw,245px)!important;
    max-height:245px!important;
    border-radius:16px!important;
  }
  body.jayu-report-page .hero>.hero-visual{margin-bottom:14px!important}
  body.jayu-report-page .hero>.hero-visual .orb{width:min(190px,56vw)!important;max-width:190px!important}
}

/* v14.47.2 report responsive hotfix · scoped to report pages only.
   jayu-v137.css owns the Home/Terminal .hero grid at >=901px. Recent report pages
   also use the generic .hero class as an outer shell, so that global rule was
   shrinking the whole report hero into the first Home grid track. Reset only
   the report shell; inner report grids keep their own responsive layout. */
body.jayu-report-page .hero:has(> .dc-hero-grid),
body.jayu-report-page .hero:has(> .jayu-report-hero-grid),
body.jayu-report-page .hero:has(> .hero-grid){
  display:block!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto!important;
  grid-auto-rows:auto!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  align-items:initial!important;
}
body.jayu-report-page .hero>.dc-hero-grid,
body.jayu-report-page .hero>.jayu-report-hero-grid,
body.jayu-report-page .hero>.hero-grid{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  grid-column:1/-1!important;
}

/* Keep the editorial two-column composition on proper desktop widths, then
   switch cleanly to one column before either side becomes cramped. */
@media (max-width:1120px){
  body.jayu-report-page .dc-hero-grid,
  body.jayu-report-page .jayu-report-hero-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  body.jayu-report-page .dc-globe-visual,
  body.jayu-report-page .jayu-report-visual{
    min-height:0!important;
    height:clamp(270px,42vw,390px)!important;
    max-height:390px!important;
  }
  body.jayu-report-page .dc-globe-img{
    width:min(72vw,560px)!important;
    max-height:370px!important;
  }
  body.jayu-report-page .dc-hero-copy h1,
  body.jayu-report-page .jayu-report-copy h1{
    font-size:clamp(38px,6vw,56px)!important;
    line-height:1!important;
    text-wrap:balance;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }
}

@media (min-width:1121px){
  body.jayu-report-page .dc-hero-copy h1,
  body.jayu-report-page .jayu-report-copy h1{
    font-size:clamp(42px,3.9vw,60px)!important;
    line-height:.98!important;
    text-wrap:balance;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }
  body.jayu-report-page .dc-globe-visual{
    min-height:clamp(440px,38vw,540px)!important;
  }
  body.jayu-report-page .dc-globe-img{
    width:min(100%,610px)!important;
  }
}

@media (max-width:760px){
  body.jayu-report-page main.wrap{
    width:min(100% - 22px,900px)!important;
  }
  body.jayu-report-page .hero:has(> .dc-hero-grid),
  body.jayu-report-page .hero:has(> .jayu-report-hero-grid),
  body.jayu-report-page .hero:has(> .hero-grid){
    padding-top:18px!important;
    padding-bottom:12px!important;
  }
  body.jayu-report-page .dc-globe-visual,
  body.jayu-report-page .jayu-report-visual{
    height:clamp(220px,56vw,300px)!important;
    max-height:300px!important;
  }
  body.jayu-report-page .dc-globe-img{
    width:min(94vw,470px)!important;
    max-height:290px!important;
  }
  body.jayu-report-page .dc-hero-copy h1,
  body.jayu-report-page .jayu-report-copy h1{
    font-size:clamp(34px,10vw,48px)!important;
    line-height:1.01!important;
    letter-spacing:-.04em!important;
  }
  body.jayu-report-page .lead,
  body.jayu-report-page .jayu-report-copy p{
    font-size:15px!important;
    line-height:1.58!important;
  }
  body.jayu-report-page .card,
  body.jayu-report-page .third{
    grid-column:1/-1!important;
  }
  body.jayu-report-page table{
    display:block;
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
}

@media (max-width:520px){
  body.jayu-report-page .dc-market-grid,
  body.jayu-report-page .jayu-report-metrics{
    grid-template-columns:1fr!important;
  }
  body.jayu-report-page .jayu-report-metric:last-child{
    grid-column:auto!important;
  }
  body.jayu-report-page .dc-market-board-label,
  body.jayu-report-page .jayu-report-board-head{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
}
