#main:has(.character-overview){max-width:none}
.character-overview{container-type:inline-size;display:grid;gap:18px;min-width:0;overflow-wrap:anywhere}
.character-overview .card{margin:0;padding:26px;min-width:0}
.character-overview h1{font-size:26px;line-height:1.3;margin:4px 0 20px;color:var(--ink);letter-spacing:-.02em}
.character-overview h2{font-size:19px;font-weight:600;line-height:1.4;margin:0 0 6px;color:var(--ink)}
.character-overview h3{font-size:15px;font-weight:600;line-height:1.4;margin:0 0 12px;color:var(--ink)}
.overview-caption{font-size:12px;line-height:1.6;color:var(--ink2);margin:6px 0 12px}
.overview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.overview-stats>div{padding:16px;background:var(--panel2);border:1px solid var(--line2);border-radius:8px}
.overview-stats span{display:block;font:11px var(--mono);color:var(--ink2);margin-bottom:10px}
.overview-stats strong{font:600 28px var(--mono);color:var(--ink)}
.overview-stats small{font:12px var(--mono);color:var(--ink2)}
.trend-legend{display:flex;gap:22px;flex-wrap:wrap;font:11px var(--mono);color:var(--ink2);margin:12px 0}
.overview-chart-scroll{overflow-x:auto;padding:6px 10px 10px 0}
.overview-chart-scroll:focus-visible{outline:2px solid var(--neon);outline-offset:2px}
.overview-trend svg{min-width:720px;max-height:230px}
.overview-trend svg text{fill:var(--ink2)}
.overview-insights{max-width:85ch;font-size:14px;line-height:1.7;margin:16px 0 24px;color:var(--ink)}
.overview-insights p{margin:8px 0}
.overview-insights p:first-child{font-size:16px;margin-bottom:14px}
.overview-analysis{display:grid;grid-template-columns:minmax(190px,240px) minmax(0,1fr);gap:28px;border-top:1px solid var(--line2);padding-top:22px}
.overview-criteria .partgrid{margin:0;font-size:12px;gap:12px}
.overview-criteria .pn{color:var(--ink2)}
.overview-patterns{min-width:0}
.overview-patterns .findings{margin-top:12px;gap:12px}
.overview-patterns .finding{display:block;padding:16px;background:var(--panel2);border-left-width:3px;border-radius:0 7px 7px 0}
.overview-patterns .price{display:block;text-align:left;font:600 11px var(--mono);padding:0;margin-bottom:8px}
.overview-patterns .price::after{content:' pulls'}
.overview-patterns .ftext{font-size:14px;line-height:1.7;max-width:72ch;color:var(--ink)}
.overview-patterns .ftext>div{font-size:12px!important;color:var(--ink2)!important;line-height:1.65;margin-top:9px!important}
.overview-history .seclab{font:600 14px 'Segoe UI',sans-serif;letter-spacing:0;color:var(--ink);margin:22px 0 12px!important}
.overview-history .ovhead{color:var(--ink2);padding:10px 8px;border-bottom:1px solid var(--line2)}
.overview-history .ovhead .ovnum{white-space:nowrap;letter-spacing:0}
#main .overview-history details summary{min-height:44px;font-size:14px;border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) repeat(3,52px)}
.overview-history .ovrow{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);font-family:inherit;text-align:left;min-height:40px}
.overview-history .ovrow:hover{background:var(--panel2)}
.overview-history .ovrow:focus-visible,.overview-history summary:focus-visible{outline:2px solid var(--neon);outline-offset:2px}
@container(min-width:1150px){.overview-patterns .findings{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(max-width:700px){.overview-analysis{grid-template-columns:minmax(0,1fr)}.overview-criteria{max-width:400px}}
@container(max-width:480px){
  .character-overview .card{padding:18px}
  .character-overview h1{font-size:22px}
  .overview-stats{gap:6px}.overview-stats>div{padding:10px}.overview-stats strong{font-size:22px}.overview-stats small{display:block;margin-top:4px}
  #main .overview-history details summary,.overview-history .ovhead{grid-template-columns:minmax(0,1fr) repeat(3,32px);column-gap:8px}
  .overview-history .ovrow{padding-left:12px;gap:8px;font-size:11px}
}
@media(max-width:700px){#main:has(.character-overview){padding:18px 14px 40px}}