.breadcrumb{font-size:13px;color:#536a6b}.intro{padding-bottom:28px}.survey-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:650px;margin-top:28px}.survey-meta span{padding:17px 20px;border-left:2px solid #bdcbbd;font-size:12px;color:#536a6b}.survey-meta strong{display:block;font-size:28px;color:#103640;line-height:1.4;margin-bottom:5px}.context-note{background:#eaf0e6;border:1px solid #d5dfce;border-radius:16px;padding:22px 26px;line-height:1.7}.context-note strong{font-size:16px}.context-note p{margin:8px 0 0;font-size:14px;color:#536a6b}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0 18px}.section-heading h2{margin:0}.section-heading .badge{white-space:nowrap}.rank-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.rank-panel{background:white;border:1px solid #dce4dc;border-radius:18px;overflow:hidden}table{border-collapse:collapse;width:100%;font-size:17px;text-align:left}caption{text-align:left;background:#103640;color:#fff;padding:17px 24px;font-size:14px;font-weight:700}thead{background:#eef2eb;color:#536a6b;font-size:12px}thead th{padding:13px 24px;font-weight:500}tbody th{font-weight:600}td,tbody th{padding:15px 24px;border-bottom:1px solid #e8ece5}tbody tr:last-child>*{border-bottom:0}.rank{width:82px;font-variant-numeric:tabular-nums;color:#577466;font-size:21px;font-family:Georgia,serif}.rank-panel:first-child tbody tr:nth-child(-n+3){background:#faf5e7}.rank-panel:first-child tbody tr:nth-child(-n+3) .rank{color:#83601f}.reading-note,.source-note{margin-top:32px;padding:26px;background:#fff;border:1px solid #dce4dc;border-radius:18px}.reading-note p,.source-note{font-size:14px}.reading-note p{margin-bottom:0}.source-note h2,.reading-note h2{font-size:20px;margin-top:0}.source-note dl{margin:0 0 20px}.source-note dl div{display:grid;grid-template-columns:100px 1fr;gap:14px;margin:10px 0;line-height:1.7}.source-note dt{color:#536a6b}.source-note dd{margin:0}.source-note a{display:inline-block;min-height:44px;padding:10px 0;font-weight:700}@media(max-width:650px){.rank-grid{grid-template-columns:1fr;gap:20px}.survey-meta{gap:0}.survey-meta span{padding:12px}.survey-meta strong{font-size:24px}.context-note,.source-note,.reading-note{padding:20px}.section-heading{align-items:flex-start}.section-heading h2{font-size:20px}.section-heading .badge{font-size:11px}table{font-size:16px}header{flex-wrap:wrap}.source-note dl div{grid-template-columns:78px 1fr;gap:8px}}
.compare-controls{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.compare-controls label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.compare-controls input,.compare-controls select{font:inherit;padding:12px;border:1px solid #b7c7be;border-radius:8px;background:white;min-height:46px;color:#103640}.comparison-scroll{overflow-x:auto;background:white;border:1px solid #dce4dc;border-radius:16px}.comparison-table{min-width:620px;font-size:15px}.comparison-table th,.comparison-table td{padding:16px 18px}.comparison-table td{font-variant-numeric:tabular-nums}.comparison-table tbody tr:hover{background:#f2f5ed}.comparison-table strong{font-size:21px;color:#2d6555}.example-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.example-pair>div{background:#f2f5ed;padding:18px;border-radius:12px}.example-pair h3{margin:0 0 8px;font-size:16px}.example-pair b{color:#265d4f}summary{cursor:pointer;font-weight:700;min-height:32px}input:focus-visible,select:focus-visible,.comparison-scroll:focus-visible{outline:3px solid #bc8d36;outline-offset:3px}@media(max-width:650px){.example-pair{grid-template-columns:1fr}.compare-controls{display:grid}.compare-controls label{justify-content:space-between}.compare-controls input{max-width:200px}}
.university-label{display:inline-flex;align-items:center;gap:11px;vertical-align:middle;white-space:nowrap}.university-mark{display:block;width:32px;height:32px;flex:0 0 32px;object-fit:contain;background:#fff;border-radius:6px;padding:3px;box-sizing:border-box}.comparison-table th[scope=row]{min-width:190px}.example-pair .university-mark{width:36px;height:36px;flex-basis:36px}@media(max-width:650px){.university-label{gap:8px}.university-mark{width:28px;height:28px;flex-basis:28px}.comparison-table th[scope=row]{min-width:175px}}
