:root{--sky:#0b293d;--starlight:#f7ce51}
body{background:#eef3f5}.top{background:#0a2437;border-bottom:1px solid #294b60;color:#fff}.top .brand-mark{border-color:#edc84e;color:#edc84e}.top .subbrand,.top .edition-tag{color:#afcadd}.top .text-button{color:#e9cf76}
.hero{position:relative;isolation:isolate;overflow:hidden;margin:28px 0 0;padding:48px 42px;min-height:360px;border-radius:18px 18px 0 0;background:radial-gradient(ellipse at 75% 10%,#204b62 0,transparent 65%),#0b293d;color:white;gap:24px}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle at 10% 18%,#e6c45a 1px,transparent 1.7px),radial-gradient(circle at 74% 22%,#d2e3ee 1px,transparent 1.8px),radial-gradient(circle at 88% 78%,#d2e3ee 1px,transparent 1.8px),radial-gradient(circle at 54% 83%,#e6c45a 1px,transparent 1.7px);background-size:260px 220px,370px 250px,410px 290px,320px 260px;opacity:.6}.hero>div:first-child{max-width:660px}.hero .eyebrow{color:#a8d5ed;font-size:10px;letter-spacing:2px}.hero .eyebrow span{color:#a8d5ed}.hero h1{font-size:clamp(34px,4vw,54px);letter-spacing:-1.6px;line-height:1.12;font-weight:600;margin-bottom:16px}.hero h1 em{display:block;color:#f7ce51;font-size:.48em;letter-spacing:0;font-weight:500;margin-top:16px;line-height:1.5}.hero .intro{color:#c7deeb;font-size:15px;line-height:1.8}.hero-aside{display:flex;flex-direction:column;gap:0;width:275px;flex:0 0 275px;margin:0}.hero-aside .orbit{display:none}.hero-aside p{display:block;text-align:center;color:#b4d0df;font-size:11px;letter-spacing:1px}.dome-art{width:100%;height:auto;max-height:200px;color:#f7ce51}.hero-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.hero-links a{display:inline-block;padding:12px 18px;border-radius:6px;border:1px solid #63775c;color:#f7ce51;text-decoration:none;font-size:12px;font-weight:700}.hero-links a:first-child{background:#f7ce51;color:#102d40;border-color:#f7ce51}.notice{padding:16px 20px;background:#fff;border:1px solid #d6e0e6;border-radius:0 0 12px 12px}.pan-nav{font-size:13px}.finder,.chart-box,.table-box,.metric{box-shadow:0 3px 15px #132d5004}#panorama,#prPanorama{background:#f7fafb;border-color:#d3e0e7}#panorama .eyebrow,#prPanorama .eyebrow{color:#2d657f}.process-tabs button[aria-selected=true]{background:#10354c;color:white}.ranking-bars{margin:24px 0 12px;display:grid;gap:5px}.ranking-bar-row{display:grid;grid-template-columns:minmax(210px,.95fr) minmax(120px,1.5fr) 65px;align-items:center;gap:16px;border:0;border-radius:7px;background:transparent;padding:10px 8px;color:#18334b;text-align:left;width:100%;font:inherit}.ranking-bar-row:hover{background:#f0f5f8}.ranking-bar-name{display:flex;align-items:center;gap:10px;min-width:0}.ranking-bar-name>span:last-child{min-width:0}.ranking-bar-index{font-size:11px;min-width:18px;color:#718397}.ranking-bar-name strong{font-size:12px;font-weight:600;line-height:1.4;display:block}.ranking-bar-name small{font-size:10px;color:#677e91;display:block;line-height:1.5;margin-top:3px}.ranking-track{display:block;background:#eaf0f5;border-radius:8px;height:13px;overflow:hidden}.ranking-track>span{display:block;height:100%;border-radius:8px;background:#247ca2}.ranking-bar-row:nth-child(even) .ranking-track>span{background:#e5ae35}.ranking-bar-number{font-weight:700;font-size:13px;text-align:right;font-variant-numeric:tabular-nums}.ranking-scale{margin-bottom:20px!important}.rank-table summary{font-weight:600;color:#32536b;cursor:pointer;font-size:12px;padding:12px 0}.rank-table[open] summary{margin-bottom:10px}
@media(max-width:1050px){.hero{padding:36px 28px}.hero-aside{width:210px;flex-basis:210px}.ranking-bar-row{grid-template-columns:minmax(180px,1fr) minmax(100px,1fr) 60px;gap:12px}}
@media(max-width:720px){.hero{padding:30px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:0;margin-top:18px}.hero h1{font-size:34px}.hero .eyebrow{font-size:9px;line-height:1.7}.hero .eyebrow span{display:block;margin-left:0}.hero .intro{font-size:14px}.hero-aside{width:180px;flex-basis:auto;align-self:center}.dome-art{max-height:125px}.hero-aside p{display:none}.hero-links a{font-size:12px}.notice{padding:14px}.ranking-bars{gap:12px}.ranking-bar-row{grid-template-columns:minmax(0,1fr) 65px;grid-template-areas:'name number' 'track track';gap:9px 10px;background:#f6f9fb;padding:14px 12px}.ranking-bar-name{grid-area:name;align-items:flex-start}.ranking-bar-name strong{font-size:14px;line-height:1.5}.ranking-bar-name small{font-size:12px;line-height:1.5}.ranking-bar-number{grid-area:number;font-size:18px;align-self:start;padding-top:2px}.ranking-track{grid-area:track;height:12px}.ranking-bar-index{font-size:12px;padding-top:4px;min-width:16px}.rank-table summary{font-size:13px;min-height:44px}.hero .hero-aside .orbit{display:none}}

/* Larger chart labels, with room for long career and campus names. */
.ranking-bar-name strong{font-size:16px;line-height:1.5}.ranking-bar-name small{font-size:13px;line-height:1.6}.ranking-bar-index{font-size:14px;min-width:23px}.ranking-bar-number{font-size:18px}.ranking-bar-row{padding:14px 8px;grid-template-columns:minmax(260px,1.2fr) minmax(120px,1.5fr) 85px;gap:18px}.ranking-track{height:16px}.ranking-bars{gap:8px}.rank-table summary{font-size:14px}.box-title h3{font-size:17px}.chart-note,.legend,.hist-tip{font-size:13px;line-height:1.7}.hist-tip{height:auto;min-height:22px}.trend-wrap,#histogram,#panHistogram{max-width:100%;overflow-x:auto;padding:8px 0 12px}.trend-wrap .chart,#histogram .chart{min-width:730px}#panHistogram .chart{min-width:800px}.chart-box:has(.trend-wrap)::after{content:'Desliza la gráfica para recorrer el historial ↔';display:block;font-size:12px;color:#69788a;margin-top:6px}
@media(max-width:1050px) and (min-width:721px){.ranking-bar-row{grid-template-columns:minmax(210px,1.2fr) minmax(100px,1fr) 75px;gap:12px}}
@media(max-width:720px){.ranking-bar-row{grid-template-columns:minmax(0,1fr) 76px;gap:10px;padding:16px 12px}.ranking-bar-name strong{font-size:16px}.ranking-bar-name small{font-size:13px}.ranking-bar-number{font-size:20px}.ranking-bar-index{font-size:13px;min-width:18px}.ranking-track{height:14px}.legend{gap:10px;flex-wrap:wrap}.chart-box .chart-note{font-size:13px}}