/* Visual-only accessibility and polish layer for recruiter review.
   No interaction handlers, filtering, history or provider data are changed. */
html{scroll-padding-top:96px}
body.raro-modern{--focus-ring:#f6d395}
body.raro-modern .skip-link{
 position:fixed;z-index:5000;left:16px;top:12px;transform:translateY(-160%);
 background:#f4cf91;color:#101c28;padding:12px 18px;
 font-size:14px;font-weight:800;text-decoration:none;border-radius:10px;
 border:2px solid #111e2b
}
body.raro-modern .skip-link:focus{transform:translateY(0)}
body.raro-modern :is(button,a,input,select,summary,[tabindex="0"]):focus-visible{
 outline:3px solid var(--focus-ring)!important;
 outline-offset:3px!important
}
body.raro-modern .nav-toggle{
 min-height:44px;min-width:44px;border-radius:10px;
}
body.raro-modern .nav-links a{display:flex;align-items:center;min-height:42px}
body.raro-modern .stock-card:focus-visible{
 outline:3px solid var(--focus-ring)!important;outline-offset:-3px!important
}
body.raro-modern input[type="search"]{
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bacfdb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E")!important;
 background-repeat:no-repeat!important;background-position:13px 50%!important;
 background-size:18px 18px!important;padding-left:44px!important;
}
body.raro-modern :is(input,select){min-height:42px}
body.raro-modern .control-panel label span{font-size:12px;line-height:1.4}
body.raro-modern .section-heading p,body.raro-modern .hero-description{
 font-size:clamp(13px,1vw,15px);line-height:1.65
}
body.raro-modern .eyebrow{font-size:12px;letter-spacing:.1em}
body.raro-modern .chart-label{font-size:13px}
body.raro-modern .chart-value{font-size:13px}
body.raro-modern .chart-card h3{line-height:1.35}
body.raro-modern .data-pill{font-size:12px}
body.raro-modern .stock-card{scroll-margin-top:100px}
body.raro-modern .stock-card .metric-cell,
body.raro-modern .stock-card .company-name{font-size:12px}
body.raro-modern .stock-card .research-link{
 display:inline-flex;justify-content:center;align-items:center;
 text-decoration:none;min-height:32px;padding:5px 8px
}
body.raro-modern .stock-card .icon-button{min-width:33px;min-height:33px}
body.raro-modern .market-view-tabs button,
body.raro-modern .button,
body.raro-modern .heatmap-controls button{
 min-height:42px
}
body.raro-modern .heatmap-tile:focus-visible{outline:3px solid var(--focus-ring)!important}
body.raro-modern .footer a{color:#f5ce87;text-underline-offset:3px}
body.raro-modern #main-content:focus{outline:none}
@media(max-width:660px){
 body.raro-modern .control-panel{gap:10px}
 body.raro-modern .hero-actions .button{min-height:44px;display:flex;align-items:center;justify-content:center}
 body.raro-modern .stock-card .research-link{min-height:40px}
 body.raro-modern .stock-card .icon-button{min-width:40px;min-height:40px}
 body.raro-modern .control-panel input,
 body.raro-modern .control-panel select{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 body.raro-modern *,body.raro-modern *::before,body.raro-modern *::after{
  animation-duration:.01ms!important;animation-iteration-count:1!important;
  transition-duration:.01ms!important;scroll-behavior:auto!important
 }
}
@media(forced-colors:active){
 body.raro-modern :is(.heatmap-tile,.stock-card,.button,a,button){forced-color-adjust:auto}
 body.raro-modern :is(button,a,input,select,[tabindex="0"]):focus-visible{outline:3px solid Highlight!important}
 body.raro-modern .skip-link{background:Canvas;color:CanvasText}
}

/* Recruiter-review finishing polish: native disclosure, honest heatmap legend,
   labels, motion/zoom affordances. No JavaScript or data dependency. */
body.raro-modern .nav-more{position:relative;align-self:center;min-width:0}
body.raro-modern .nav-more summary{
 display:flex;align-items:center;gap:9px;min-height:44px;
 padding:8px 13px;border:1px solid #30485b;border-radius:10px;
 background:#142536;color:#e3eefa;cursor:pointer;list-style:none;
 font-size:13px;font-weight:750;white-space:nowrap
}
body.raro-modern .nav-more summary::-webkit-details-marker{display:none}
body.raro-modern .nav-more summary::marker{content:""}
body.raro-modern .nav-more[open] summary{border-color:#cba86c;color:#f0d39d}
body.raro-modern .nav-more summary span{font-size:17px;line-height:1}
body.raro-modern .nav-more[open] summary span{transform:rotate(180deg)}
body.raro-modern .nav-more-list{
 display:grid;gap:4px;position:absolute;right:0;top:calc(100% + 9px);
 min-width:205px;max-width:min(90vw,340px);padding:9px;
 border:1px solid #344b60;border-radius:12px;background:#111e2b;
 box-shadow:0 18px 40px #0009;z-index:50
}
body.raro-modern .nav-more-list a{
 display:flex;align-items:center;min-height:43px;padding:9px 12px;
 font-size:13px;font-weight:700;white-space:normal;border-radius:8px
}
body.raro-modern .heatmap-meta-row{
 align-items:center;gap:12px;flex-wrap:wrap;
}
body.raro-modern .heatmap-legend{flex-wrap:wrap;gap:6px;font-size:13px;white-space:normal}
body.raro-modern .heatmap-legend-label{font-weight:800;color:#e1ebf4;margin-inline:4px}
body.raro-modern .heatmap-swatch{width:18px;height:16px;flex-shrink:0;border:1px solid #a5bac8}
body.raro-modern .heatmap-data-note{text-align:left;font-size:13px;max-width:760px;line-height:1.55}
body.raro-modern .heatmap-legend-help{
 margin:0;padding:10px 14px;border-top:1px solid #273b4d;
 font-size:13px;line-height:1.5;color:#b8cad8
}
body.raro-modern .heatmap-tile{
 isolation:isolate;
}
body.raro-modern .heatmap-tile.positive::after,
body.raro-modern .heatmap-tile.negative::after{
 content:"";position:absolute;left:0;top:0;width:16px;height:16px;
 pointer-events:none;z-index:1;border-right:1px solid #ffffff55;
 border-bottom:1px solid #ffffff55;border-bottom-right-radius:4px
}
body.raro-modern .heatmap-tile.positive::after{
 background:repeating-linear-gradient(135deg, #f5fff466 0 2px,transparent 2px 5px)
}
body.raro-modern .heatmap-tile.negative::after{
 background:repeating-linear-gradient(45deg, #fff9f966 0 2px, transparent 2px 5px)
}
body.raro-modern .chart-card .card-title-row h3{font-size:clamp(16px,1.6vw,19px)}
body.raro-modern .nav-links a{font-size:13px}
body.raro-modern .stat-card span,
body.raro-modern .health-card span,
body.raro-modern .radar-metric small,
body.raro-modern .tracker-card span{
 font-size:12px;letter-spacing:.025em;line-height:1.4
}
body.raro-modern .stat-card small,
body.raro-modern .radar-metric span,
body.raro-modern .stock-card .symbol-meta small,
body.raro-modern .quote-stat-grid small{
 font-size:12px;line-height:1.45
}
body.raro-modern .chart-chip{font-size:12px}
body.raro-modern .stock-card .research-link{
 font-size:12px;font-weight:750;letter-spacing:0
}
body.raro-modern .hero-meta{font-size:12px}
body.raro-modern .section-heading .eyebrow{font-size:12px}
body.raro-modern .nav-more summary:focus-visible{outline:3px solid #f6d395!important;outline-offset:3px!important}
@media(max-width:1160px){
 body.raro-modern .nav-more{width:100%;align-self:stretch}
 body.raro-modern .nav-more summary{width:100%;justify-content:space-between;padding:11px 13px;font-size:14px}
 body.raro-modern .nav-more-list{
  position:static;max-width:none;min-width:0;box-shadow:none;
  border:0;border-left:2px solid #a98654;border-radius:0;
  padding:4px 0 4px 11px;margin:7px 0 5px 11px;background:transparent
 }
 body.raro-modern .nav-more-list a{min-height:44px}
}
@media(max-width:660px){
 body.raro-modern .heatmap-legend-help{padding:10px 12px}
 body.raro-modern .heatmap-legend{gap:5px;font-size:12px}
 body.raro-modern .heatmap-meta-row{align-items:flex-start;flex-direction:column}
 body.raro-modern .nav-links a{font-size:14px;min-height:44px}
 body.raro-modern .chart-value{font-size:13px}
 body.raro-modern .chart-label{font-size:13px}
}
@media(prefers-contrast:more){
 body.raro-modern .heatmap-swatch{border:2px solid currentColor}
 body.raro-modern .heatmap-tile{outline:1px solid #fff9;outline-offset:-1px}
 body.raro-modern .nav-more summary{border-width:2px}
}


body.raro-modern .heatmap-tile strong,
body.raro-modern .heatmap-tile span,
body.raro-modern .heatmap-tile em,
body.raro-modern .heatmap-tile .heatmap-change {
 color:#fff!important;
 background:rgba(4,12,18,.82);
 text-shadow:none;
 border-radius:4px;
 padding:2px 5px;
 max-width:100%;
}
body.raro-modern .heatmap-tile.small strong,
body.raro-modern .heatmap-tile.small span,
body.raro-modern .heatmap-tile.small em {padding:1px 3px}
@media(min-width:1161px){
 body.raro-modern .radar-panel{align-self:center;height:auto;min-height:215px}
 body.raro-modern .radar-metric{min-height:178px}
}