.tone-bateu{color:var(--beat)}
.tone-metade{color:var(--tie)}
.tone-ficou_atras{color:var(--lose)}
.r-muted{color:var(--muted)}

.h-hero{padding:72px 0 56px;display:flex;flex-direction:column;gap:28px}
.h-context{margin:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.h-form{margin:0;display:flex;flex-direction:column;gap:28px}
.h-question{margin:0;font:400 44px/1.55 var(--serif);letter-spacing:-.01em;max-width:1100px}
.home .search-wrap.h-asset{display:inline-flex;align-items:center;gap:10px;vertical-align:6px;
  background:var(--surface);border:1.5px solid var(--ink);border-radius:var(--radius-control);
  padding:2px 14px;font:500 26px/1.5 var(--sans);margin:0}
.h-asset-icon{color:var(--muted);flex:none}
.h-input{border:0;outline:0;width:170px;font:inherit;background:transparent;color:var(--ink)}
.h-input::placeholder{color:var(--muted);font-weight:400}
.h-asset:focus-within{outline:3px solid #0B67B2;outline-offset:3px}
.h-asset .search-results{font:400 15px/1.55 var(--sans);letter-spacing:0;min-width:340px;text-align:left}
.h-select{display:inline-block;vertical-align:6px}
.h-select select{font:500 26px/1.3 var(--sans);padding:6px 12px;border:1.5px solid var(--ink);
  border-radius:var(--radius-control);background:var(--surface);color:var(--ink);cursor:pointer}
.h-submit{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:15px}
.h-go{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:var(--bg);
  border:0;font:500 17px/1 var(--sans);padding:14px 26px;border-radius:var(--radius-control);
  cursor:pointer;min-height:48px}
.h-examples{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:15px}
.h-chip{padding:6px 12px;border:1px solid var(--muted);border-radius:var(--radius-chip);
  color:var(--ink);text-decoration:none;background:var(--surface)}
.h-chip:hover{color:var(--ink);border-color:var(--ink)}
.h-chip span{color:var(--muted)}
.h-ranking{padding:24px 0 8px;display:flex;flex-direction:column;gap:20px}

.ranking{padding-top:48px;display:flex;flex-direction:column;gap:20px}
.r-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.r-head-text{display:flex;flex-direction:column;gap:6px}
.r-title{margin:0;font:500 36px/1.2 var(--serif);letter-spacing:-.01em}
.r-span{margin:0;font-size:15px;color:var(--muted);max-width:70ch}
.r-tabs{display:flex;gap:4px;background:var(--surface-muted);padding:4px;border-radius:var(--radius-control);
  font-size:14px;flex:none}
.r-tabs a,.r-tabs span{padding:8px 14px;border-radius:7px;color:var(--ink-2);text-decoration:none}
.r-tabs a[aria-current]{background:var(--surface);color:var(--ink);font-weight:500}
.r-tabs a:hover{color:var(--ink)}
.r-filters{display:flex;flex-direction:column;gap:10px;padding:16px 20px;background:var(--surface-muted);
  border-radius:12px;font-size:14px}
.r-filters nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.r-filter-label{color:var(--muted);width:96px;flex:none}
.r-filters a,.r-filters nav>span[aria-disabled]{padding:6px 12px;border-radius:var(--radius-chip);
  color:var(--ink);text-decoration:none}
.r-filters a:hover{text-decoration:underline}
.r-filters a[aria-current]{background:var(--ink);color:var(--bg)}
.r-filters a[aria-current]:hover{text-decoration:none}
[aria-disabled="true"]{color:var(--muted);text-decoration:line-through;cursor:not-allowed}

.r-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:40px;align-items:center;
  padding:22px 28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card)}
.r-summary-text{margin:0;font-size:18px;line-height:1.45}
.r-summary-n{font:500 40px/1 var(--serif);vertical-align:-4px}
.r-summary-side{display:flex;flex-direction:column;gap:8px}
.r-stack{display:flex;height:20px;border-radius:5px;overflow:hidden;background:var(--track)}
.r-stack .tone-bateu{background:var(--beat)}
.r-stack .tone-metade{background:var(--tie-band)}
.r-stack .tone-ficou_atras{background:var(--lose)}
.r-stack-legend{display:flex;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.r-stack-legend b{font-weight:600;color:var(--ink)}
.r-stack-legend b.tone-bateu{color:var(--beat)}
.r-stack-legend b.tone-ficou_atras{color:var(--lose)}

.r-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px}
.r-sort{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.r-sort button{font:inherit;padding:8px 14px;border-radius:8px;border:1px solid var(--muted);
  background:var(--surface);color:var(--ink);cursor:pointer;min-height:40px}
.r-sort button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.r-check{display:flex;align-items:center;gap:8px;cursor:pointer}
.r-check input{width:18px;height:18px;accent-color:var(--beat)}

.r-table{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}
.r-row{display:grid;grid-template-columns:56px minmax(0,2.2fr) minmax(0,3fr) minmax(0,1.1fr) minmax(0,1.6fr);
  gap:20px;align-items:center;padding:16px 28px;border-bottom:1px solid var(--line-soft);
  color:var(--ink);text-decoration:none}
a.r-row:hover{background:var(--bg);color:var(--ink)}
.r-row-head{padding:14px 28px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted);border-bottom:1px solid var(--line)}
.r-rank{font-size:14px;color:var(--muted)}
.r-asset{display:flex;flex-direction:column;gap:2px;min-width:0}
.r-asset b{font-weight:600;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.r-name{font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r-bar{display:flex;align-items:center;gap:14px}
.r-track{flex:1;height:10px;background:var(--track);border-radius:5px;overflow:hidden;display:flex}
.r-fill{display:block;height:10px}
.r-fill.tone-bateu{background:var(--beat)}
.r-fill.tone-metade{background:var(--tie)}
.r-fill.tone-ficou_atras{background:var(--lose)}
.r-pct{font-size:17px;font-weight:500;width:48px;text-align:right}
.r-months{font-size:14px;color:var(--muted)}
.r-history{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.dots{display:inline-flex;gap:4px}
.dot{width:11px;height:11px;border-radius:50%;background:var(--dot-off)}
.dot.on{background:var(--ink)}
.r-empty{margin:0;padding:24px 28px;font-size:15px;color:var(--ink-2);max-width:70ch}
.r-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 28px;font-size:14px}
.r-foot a{font-weight:500}
.r-legend{display:flex;gap:12px 28px;flex-wrap:wrap;font-size:13px;color:var(--muted);align-items:center}
.r-legend-dots{display:flex;align-items:center;gap:8px}
.r-legend .dot{width:9px;height:9px}
.r-legend .dots{gap:3px}
.r-map{margin-left:auto;font-weight:500}
.r-directory{margin:0;font-size:14px}

@media(max-width:1000px){
  .r-head{flex-direction:column;align-items:flex-start}
  .r-summary{grid-template-columns:1fr;gap:16px}
}
@media(max-width:720px){
  .h-hero{padding:32px 0 24px;gap:20px}
  .h-question{font-size:30px;line-height:1.3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px 12px;grid-template-areas:"lead lead" "asset asset" "join-holding join-floor" "holding floor"}
  .h-lead{grid-area:lead;margin-bottom:6px}
  .home .search-wrap.h-asset{grid-area:asset;order:0;margin:0 0 10px;display:flex;vertical-align:0;
    min-height:52px;font-size:20px}
  .h-join{font:400 15px/1.4 var(--sans);color:var(--muted)}
  .h-join-holding{grid-area:join-holding}
  .h-join-floor{grid-area:join-floor}
  .h-select-holding{grid-area:holding}
  .h-select-floor{grid-area:floor}
  .h-punct{display:none}
  .h-go{width:100%;justify-content:center}
  .h-input{width:100%}
  .h-select{display:block;vertical-align:0}
  .h-select select{width:100%;min-height:52px;font-size:18px}
  .h-asset .search-results{min-width:0}
  .r-title{font-size:28px}
  .r-tabs{background:none;padding:0;flex-wrap:wrap;gap:6px}
  .r-tabs a,.r-tabs span{border:1px solid var(--muted);border-radius:var(--radius-chip);padding:6px 12px}
  .r-tabs a[aria-current]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
  .r-filters{padding:12px 14px}
  .r-filter-label{width:100%}
  .r-summary{padding:18px}
  .r-row-head{display:none}
  .r-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"asset asset" "bar bar" "months history";
    gap:8px 12px;padding:14px 16px}
  .r-rank{display:none}
  .r-asset{grid-area:asset}
  .r-bar{grid-area:bar}
  .r-months{grid-area:months}
  .r-history{grid-area:history;justify-self:end}
  .dot{width:8px;height:8px}
  .r-foot{padding:14px 16px}
  .r-map{margin-left:0}
}