/* Dense, plain record-book view. The spacious view remains available. */
.design-switch{display:flex;gap:0;align-items:center;white-space:nowrap;font-size:11px;margin-left:auto}.design-switch>span{color:#66717a;margin-right:7px}.design-switch button{background:#fff;border:1px solid #c5cbd0;padding:5px 9px;font-size:11px;min-height:30px}.design-switch button+button{border-left:0}.design-switch button[aria-pressed=true]{background:#233c59;color:white}.header{flex-wrap:wrap}.design-switch+nav{margin-left:10px}
html[data-design=records]{--ink:#161d29;--muted:#626973;--line:#bac2cd;--paper:#fff;--accent:#193f79}
html[data-design=records] body{font-family:Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:13px;line-height:1.5;background:white}
html[data-design=records] a{color:#143e91;text-decoration:underline;text-underline-offset:2px}
html[data-design=records] a:hover{color:#961d13}
html[data-design=records] .header{padding:12px 24px 9px;border-bottom:2px solid #35465e;gap:14px;align-items:center}
html[data-design=records] .brand{font-size:18px;letter-spacing:0;color:#171d29;text-decoration:none;line-height:1.3;gap:0}
html[data-design=records] .brand .mark,html[data-design=records] .brand small{display:none}
html[data-design=records] nav{font-size:13px;gap:20px;font-weight:400}
html[data-design=records] nav a{padding:4px 0;border:0}
html[data-design=records] nav a.active{font-weight:700;color:#161d29;text-decoration:none}
html[data-design=records] nav a.active:before{content:'［'}
html[data-design=records] nav a.active:after{content:'］'}
html[data-design=records] main{max-width:1280px;padding:18px 24px 40px;min-height:70vh}
html[data-design=records] .crumb{font-size:11px;margin-bottom:13px}
html[data-design=records] .eyebrow{display:none}
html[data-design=records] .hero{gap:16px;margin-bottom:12px;align-items:center}
html[data-design=records] .hero h1{font-size:23px;line-height:1.3;margin:0 0 5px;letter-spacing:0}
html[data-design=records] .hero h1 .year{display:inline;font-family:inherit;font-size:25px;line-height:1;letter-spacing:0;margin:0 9px 0 0}
html[data-design=records] .sub{font-size:12px;margin:0}
html[data-design=records] .year-control{gap:8px;margin:0}
html[data-design=records] .year-select,html[data-design=records] .sectionselect{padding:4px 20px 4px 8px;border:1px solid #9ba7b6;border-radius:0;font-size:13px;min-height:30px}
html[data-design=records] .facts{gap:25px;padding:8px 0;margin-bottom:9px;border-top:1px solid #d0d5dd;border-bottom:1px solid #d0d5dd}
html[data-design=records] .fact{display:flex;align-items:baseline;gap:8px}
html[data-design=records] .fact span{font-size:11px;margin:0}
html[data-design=records] .fact b{font-size:13px;font-weight:400}
html[data-design=records] .fact b small{font-size:11px}
html[data-design=records] .tabs{gap:24px;border:0;margin:0 0 9px;overflow:visible;flex-wrap:wrap}
html[data-design=records] .tabs a{padding:3px 0;border:0;color:#143e91;font-size:13px;font-weight:400}
html[data-design=records] .tabs a.active{color:#151d2a;text-decoration:none;font-weight:700}
html[data-design=records] .tabs a.active:before{content:'［'}
html[data-design=records] .tabs a.active:after{content:'］'}
html[data-design=records] .panel{border:0;border-radius:0;background:#fff}
html[data-design=records] .toolbar{padding:7px 0 9px;gap:10px;min-height:35px}
html[data-design=records] .toolbar h2{font-size:15px;line-height:1.3}
html[data-design=records] .toolbar p{font-size:11px;margin:3px 0 0}
html[data-design=records] table{font-size:13px;border:1px solid #aeb8c6;line-height:1.4}
html[data-design=records] th{padding:6px 10px;font-size:11px;font-weight:600;background:#e9eef5;color:#26374f;border:1px solid #aeb8c6}
html[data-design=records] td{padding:6px 10px;border:1px solid #d0d6df}
html[data-design=records] tbody>tr:nth-child(4n+3){background:#f8f9fb}
html[data-design=records] .rank{font:13px/1.4 Arial;text-align:center;width:54px;color:#262d36}
html[data-design=records] .rank.top{color:#851b19;font-weight:700}
html[data-design=records] .time{font:13px/1.4 Consolas,"SFMono-Regular",monospace;letter-spacing:0}
html[data-design=records] .diff{font-size:12px;color:#555f6c}
html[data-design=records] .teamlink,html[data-design=records] .personlink{font-size:13px;font-weight:400}
html[data-design=records] .toggle{border:1px solid #aab5c4;padding:4px 8px;border-radius:0;font-size:11px;line-height:1.4;min-height:27px;background:#f6f8fb;color:#23477d}
html[data-design=records] .toggle:hover{background:#e9eef5;border-color:#526d96}
html[data-design=records] .detailrow>td{padding:8px 10px 10px;background:#edf1f6}
html[data-design=records] .detailrow th,html[data-design=records] .detailrow td{padding:5px 9px}
html[data-design=records] .detailrow .time{font-size:12px}
html[data-design=records] .badge{background:none;color:#626973;border-radius:0;padding:0;margin-left:7px;font-size:10px}
html[data-design=records] .sources{padding:12px 0;font-size:11px}
html[data-design=records] .pageheading{font-size:23px;margin:0 0 8px;line-height:1.4}
html[data-design=records] .intro{font-size:12px;margin:0 0 15px;max-width:none}
html[data-design=records] .searchlabel{font-size:11px;margin-bottom:4px}
html[data-design=records] .search{padding:7px 10px;border-radius:0;max-width:450px;font-size:13px}
html[data-design=records] .grid{grid-template-columns:repeat(4,1fr);gap:0 22px;margin-top:10px;border-top:1px solid #aeb8c6}
html[data-design=records] .card{padding:9px 0;display:flex;border:0;border-bottom:1px dotted #bcc4ce;border-radius:0;align-items:baseline;background:none;color:#143e91}
html[data-design=records] .card b{font-size:13px;font-weight:400}
html[data-design=records] .card small{font-size:10px;line-height:1.35;color:#626973;display:inline-block;text-decoration:none}
html[data-design=records] .card .arrow{display:none}
html[data-design=records] .listcount{font-size:11px;margin:12px 0 6px}
html[data-design=records] .section-title{font-size:16px;margin:22px 0 9px;border-bottom:1px solid #aeb8c6;padding-bottom:5px}
html[data-design=records] .history-label{margin:18px 0 9px}
html[data-design=records] .history-label h2{font-size:16px}
html[data-design=records] .notice{background:#f3f5f8;border:1px solid #ccd3dc;font-size:12px;padding:8px 12px;margin:12px 0}
html[data-design=records] footer{background:#fff;color:#24334a;border-top:1px solid #aeb8c6;padding:18px 24px;font-size:11px}
html[data-design=records] footer div{font-size:12px;margin-bottom:8px}
html[data-design=records] footer p,html[data-design=records] footer span{color:#626973}
html[data-design=records] footer>a{margin-top:8px}
html[data-design=records] .about h2{font-size:16px;margin-top:20px}
html[data-design=records] .about p{font-size:13px}
@media(max-width:800px){html[data-design=records] .grid{grid-template-columns:repeat(3,1fr)}html[data-design=records] .header{padding:12px 18px}.design-switch{margin-left:0}}
@media(max-width:520px){html[data-design=records] .header{padding:12px 12px 5px;gap:10px}html[data-design=records] .brand{font-size:16px}html[data-design=records] .design-switch{margin-left:auto}html[data-design=records] .design-switch>span{display:none}html[data-design=records] nav{width:100%;gap:20px}html[data-design=records] main{padding:14px 12px 30px}html[data-design=records] .hero h1{font-size:19px}html[data-design=records] .hero h1 .year{font-size:21px}html[data-design=records] .hero{align-items:flex-start;gap:9px}html[data-design=records] .facts{gap:5px 18px;flex-wrap:wrap;margin-bottom:7px}html[data-design=records] .tabs{gap:16px;margin-bottom:5px}html[data-design=records] .toolbar p{max-width:300px;font-size:10px}html[data-design=records] td,html[data-design=records] th{padding:6px 7px}html[data-design=records] .rank{width:32px}html[data-design=records] .toggle{padding:5px 6px;min-height:29px}html[data-design=records] .grid{grid-template-columns:repeat(2,1fr);gap:0 14px}html[data-design=records] .card{padding:10px 0}html[data-design=records] .card b{font-size:12px}html[data-design=records] .card small{font-size:10px}html[data-design=records] .pageheading{font-size:20px}html[data-design=records] .detailrow>td{padding:6px}html[data-design=records] .detailrow td,html[data-design=records] .detailrow th{padding:5px 6px}html[data-design=records] footer{padding:16px 12px}}
.home-title{margin-bottom:20px}.home-latest{display:flex;align-items:center;justify-content:space-between;gap:20px}.home-latest h2{font-size:18px;margin:0 0 8px}.home-latest p{margin:5px 0}.home-links{display:flex;flex-direction:column;gap:12px;flex-shrink:0}.home-menu{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #c7cfd8;border-bottom:1px solid #c7cfd8}.home-menu>a{padding:16px 12px;display:flex;flex-direction:column;gap:8px;text-decoration:none}.home-menu>a+a{border-left:1px solid #c7cfd8}.home-menu span{font-size:12px}.home-ranking{display:grid;grid-template-columns:1.5fr repeat(8,1fr);border:1px solid #c7cfd8;margin:10px 0 24px}.home-ranking>a{padding:14px 7px;display:flex;flex-direction:column;gap:6px;text-align:center;text-decoration:none}.home-ranking>a+a{border-left:1px solid #c7cfd8}.home-ranking span{font-size:11px}.home-menu>a:hover,.home-ranking>a:hover{background:#edf2f7}.home-about{font-size:12px;color:#66717a;line-height:1.8;margin-top:22px}#ranking-course{max-width:100%}.header nav{flex-wrap:wrap}@media(max-width:600px){.home-latest{align-items:flex-start;flex-direction:column;gap:8px}.home-links{flex-direction:row;gap:20px}.home-ranking{grid-template-columns:repeat(4,1fr)}.home-ranking .home-overall{grid-column:1/-1;text-align:left;flex-direction:row;justify-content:space-between;border-bottom:1px solid #c7cfd8}.home-ranking>a:nth-child(2),.home-ranking>a:nth-child(6){border-left:0}.home-ranking>a:nth-child(n+6){border-top:1px solid #c7cfd8}.home-menu span{font-size:11px}.header nav{gap:14px!important}}
.university-card,.pickup-card{display:block!important}.university-main{display:flex;justify-content:space-between;gap:12px;text-decoration:none}.university-main:hover b{text-decoration:underline}.university-related{font-size:12px;line-height:1.8;margin:9px 0 0}.pickup-card>small{display:block;margin-top:5px}.pickup-reasons{display:flex;flex-direction:column;gap:5px;margin-top:9px;font-size:11px;line-height:1.6}.pickup-card{align-self:start}.toggle:disabled{opacity:.45;cursor:default}
.pickup-reasons{flex-direction:row;flex-wrap:wrap;gap:5px}.pickup-badge{display:inline-block;border:1px solid #d1d8df;background:#f5f7fa;border-radius:3px;padding:2px 5px;font-size:10px;line-height:1.6;text-decoration:none;white-space:nowrap}.pickup-badge:hover{background:#e8eef5;text-decoration:underline}
.selection-status.passed{background:#e7f0e9;color:#285739;border-color:#c1d5c5}.selection-status.outside{background:#f0f1f3;color:#59616b;border-color:#d4d8dd}.home-selection{margin-top:20px}