.recommendation-tabs{width:100%;margin:0;flex-wrap:wrap}
.recommendation-intro{color:var(--muted);font-size:.8rem;line-height:1.6;margin:14px 0 20px}
.recommendation-list{display:grid;gap:16px}
.recommendation-card{padding:22px;gap:10px}
.recommendation-card h3{margin:2px 0;font-size:1.12rem}
.recommendation-source{color:var(--muted);font-size:.7rem}
.recommendation-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:720px;margin:8px 0 4px}
.recommendation-metrics>div{min-width:0;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}
.recommendation-metrics>div.is-highlighted{border-color:rgba(200,255,54,.25);background:rgba(200,255,54,.045)}
.recommendation-metrics dt{font-size:.72rem;line-height:1.45;color:var(--muted)}
.recommendation-metrics dd{margin:8px 0 0;color:var(--text);font-size:1.75rem;line-height:1.2;font-weight:750;letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.recommendation-metrics .is-highlighted dd{color:var(--lime)}
.recommendation-metrics dd small{margin-left:3px;font-size:.65em;font-weight:500;letter-spacing:0}
@media(max-width:600px){.recommendation-metrics{gap:8px}.recommendation-metrics>div{padding:12px 10px}.recommendation-metrics dd{font-size:1.35rem}.recommendation-metrics dt{font-size:.65rem}}
@media(max-width:360px){.recommendation-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
.recommendation-page{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:12px;margin-top:8px;background:#0c1115;min-width:0}
.recommendation-page.is-leader{border-color:rgba(200,255,54,.3);background:rgba(200,255,54,.035)}
.recommendation-page-icon{color:#ffc174;font-size:1.2rem}.is-leader .recommendation-page-icon{color:var(--lime)}
.recommendation-page-link{min-width:0}.recommendation-page-link strong{display:block;color:#ffc174;font-size:.72rem;margin-bottom:5px}.is-leader .recommendation-page-link strong{color:var(--lime)}
.recommendation-page-link a,.recommendation-url{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:.76rem;text-decoration:none;min-width:0}.recommendation-url{margin:4px 0}
.recommendation-page-link a:hover,.recommendation-url:hover{color:var(--lime);text-decoration:underline}
.recommendation-page dl{display:flex;gap:18px;margin:0;text-align:right}.recommendation-page dt{font-size:.63rem;color:var(--muted)}.recommendation-page dd{margin:5px 0 0;font-size:.8rem;font-weight:700;color:var(--text)}
.recommendation-card .recommendation-leader-reason{font-size:.7rem}
.recommendation-comparison>summary{cursor:pointer;color:var(--text);padding:12px 0;font-size:.8rem;font-weight:700}.recommendation-comparison>p{margin-bottom:12px}
.recommendation-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid var(--line);padding-top:15px;margin-top:5px}
.recommendation-actions strong,.recommendation-next strong{display:block;font-size:.8rem;margin-bottom:7px;color:var(--text)}
.recommendation-next{border-top:1px solid var(--line);padding-top:14px}
[data-recommendation-type][hidden],[data-recommendation-empty][hidden]{display:none}
.recommendation-board a:focus-visible,.recommendation-comparison>summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
@media(max-width:800px){.recommendation-page{grid-template-columns:24px minmax(0,1fr)}.recommendation-page dl{grid-column:2;justify-content:space-between;text-align:left;gap:10px}.recommendation-actions{grid-template-columns:1fr;gap:14px}.recommendation-card{padding:16px}}
@media(max-width:400px){.recommendation-page{padding:10px;gap:7px}.recommendation-page dl{grid-column:1/-1}.recommendation-page dt{font-size:.6rem}.recommendation-tabs .connector-tab{padding:0 10px}}