/* LF-RADAR-ADAPTIVE-READABILITY-001D
   Component-width responsive Selected Risk panel. This intentionally keys off
   the panel's own width rather than the outer viewport/iframe width. */
.story-panel{
  container-type:inline-size;
  container-name:selected-risk-panel;
}

@container selected-risk-panel (max-width: 560px){
  .story-panel{
    font-size:15px!important;
    line-height:1.55!important;
  }
  .story-panel .why-matters-block,
  .story-panel .mode-intelligence,
  .story-panel .atlas-detail-grid .detail-block{
    padding:15px 16px!important;
  }
  .story-panel .why-matters-block h3,
  .story-panel .atlas-detail-grid .detail-block h3{
    font-size:14px!important;
    line-height:1.3!important;
    margin-bottom:9px!important;
  }
  .story-panel .why-matters-block .story-copy,
  .story-panel #mode-intelligence-copy{
    font-size:14.5px!important;
    line-height:1.58!important;
  }
  .story-panel #mode-intelligence-kicker{
    font-size:11px!important;
  }
  .story-panel #mode-intelligence-title{
    font-size:14px!important;
    line-height:1.3!important;
  }
  .story-panel .atlas-detail-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
  }
  .story-panel .atlas-detail-grid>.detail-block{
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
  }
  .story-panel .chip-group,
  .story-panel .path-strip{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }
  .story-panel .chip-group span,
  .story-panel .path-strip span,
  .story-panel .detail-block .chip,
  .story-panel .detail-block .tag{
    font-size:13px!important;
    line-height:1.3!important;
    min-height:32px!important;
    padding:7px 10px!important;
  }
  .story-panel .source-verification-card strong{
    font-size:14px!important;
    line-height:1.4!important;
  }
  .story-panel .source-verification-card small,
  .story-panel .source-verification-card span,
  .story-panel .source-verification-meta{
    font-size:11.5px!important;
    line-height:1.45!important;
  }
}

@container selected-risk-panel (max-width: 440px){
  .story-panel .compact-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .story-panel .compact-metrics>.risk-score-block:last-child{
    grid-column:1/-1!important;
  }
  .story-panel .compact-meta{
    grid-template-columns:1fr!important;
  }
  .story-panel .source-verification-card{
    grid-template-columns:88px minmax(0,1fr)!important;
  }
}