/* Tokyo university DB production-oriented visual layer — V21 compact responsive */
:root{--u-ink:#0d1723;--u-blue:#1768c5;--u-gold:#e2b83f;--u-paper:#f5f8fb;--u-line:#dfe6ee;--u-muted:#66717e;--u-private:#eb6681;--u-national:#3977d2;--u-public:#27a36b}
html,body{max-width:100%;overflow-x:hidden;background:var(--u-paper)}
.site-header{background:#05090e;border-bottom:1px solid rgba(255,255,255,.12);position:sticky;top:0;z-index:60}.header-inner{max-width:1440px;min-height:62px;padding:7px 20px;display:flex;align-items:center;gap:18px;margin:auto}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff}.brand-logo{display:block;width:144px;height:44px;object-fit:contain;background:#fff;border-radius:8px;padding:2px 6px}.brand-title{font-weight:900;font-size:1rem;white-space:nowrap}.pref-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 13px;background:linear-gradient(#f7d66d,#dda927);color:#17120a;font-weight:900;font-size:.74rem}.nav-links{margin-left:auto;gap:22px;font-size:.76rem}.nav-links a{color:#f2f4f7}.header-fav{border:1px solid #d2a31a;background:#f4bd3f;color:#17120a;border-radius:10px;padding:9px 13px;font-weight:800;font-size:.76rem}
.tokyo-hero{background:#fff;color:var(--u-ink);overflow:hidden}.tokyo-hero::before,.tokyo-hero::after{display:none}.tokyo-hero-grid{max-width:1440px;margin:auto;padding:0;display:block}.hero-main-v2{height:340px;min-height:340px;position:relative;background:linear-gradient(90deg,#fff 0,#fff 37%,rgba(255,255,255,.96) 43%,rgba(255,255,255,.45) 51%,rgba(255,255,255,.03) 60%),url('tokyo-hero-students.svg') right center/58% auto no-repeat #fff}.hero-copy{padding:48px 34px 28px;max-width:620px;position:relative;z-index:2}.hero-copy h1{font-size:clamp(2.35rem,4vw,3.7rem);line-height:1.12;margin:0 0 14px;color:#080d13}.hero-copy h1 em{color:#080d13;font-style:normal;border-bottom:7px solid rgba(226,184,63,.65)}.hero-copy>p{max-width:560px;color:#26313e;font-size:.94rem;margin:0}.search-shell{margin-top:18px;max-width:580px;background:#fff;border:1px solid #dfe5ed;box-shadow:0 8px 22px rgba(31,55,85,.08)}.search-shell button{background:#0d1117;color:#fff;min-height:44px}.quick-search-row{color:#5b6571}.quick-search-row span{color:#8f6f17}.quick-search-row button{border:1px solid #d8dee7;background:#fff;color:#28323e}
.hero-side-v2{background:#f5f8fc;padding:10px 16px 14px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1.8fr) minmax(230px,.65fr);gap:10px;border-top:1px solid #e1e7ee;align-items:stretch}.overview-card,.map-mini-card,.type-card{background:#fff;border:1px solid #dfe5ec;border-radius:15px;box-shadow:none}.overview-card{padding:10px 12px}.overview-card h2,.map-mini-head h2,.type-card h2{font-size:.84rem;margin:0 0 8px}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.overview-metric{border:1px solid #e9edf2;border-radius:10px;padding:7px;text-align:center;min-height:52px}.overview-metric span{display:block;font-size:.58rem;color:#707986}.overview-metric strong{display:block;font-size:1.05rem;margin-top:1px}.map-mini-card{overflow:hidden}.map-mini-head{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border-bottom:1px solid #e7ebf0;gap:8px}.map-mini-head h2{margin:0}.map-mini-head a{font-size:.62rem;color:#2469cc;border:1px solid #cbd9ef;border-radius:999px;padding:5px 8px;text-decoration:none;font-weight:800;white-space:nowrap}.map-mini-card iframe{width:100%;height:150px;border:0;display:block}.map-legend{display:flex;gap:11px;flex-wrap:wrap;padding:6px 10px;font-size:.6rem;color:#67717d}.map-legend span::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--dot);margin-right:4px}.type-card{padding:11px}.type-bar{height:72px;width:72px;margin:14px auto 8px;border-radius:50%;background:conic-gradient(var(--u-private) 0 90.97%,var(--u-national) 90.97% 98.61%,var(--u-public) 98.61% 100%);position:relative}.type-bar:after{content:"";position:absolute;inset:18px;border-radius:50%;background:#fff}.type-bar i{display:none}.type-legend{display:grid;gap:5px;margin-top:7px;font-size:.61rem;color:#67717d}.type-legend b{color:#1e2834}
.discover-section{padding-top:24px;padding-bottom:16px}.discovery-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.discovery-card{min-height:145px;border-radius:16px;padding:14px}.discovery-icon{margin-bottom:14px}.discovery-card strong{font-size:.88rem}.discovery-card p{font-size:.68rem}.snapshot-section{display:none}.search-section{padding-top:18px}.filter-panel{padding:11px 13px 3px;margin-bottom:14px;border-radius:16px}.filter-group{display:inline-flex;margin-right:18px}.filter-label{min-width:auto;font-size:.72rem}.filter-chip{font-size:.7rem;padding:6px 9px}.sort-row{display:inline-flex;border:0;margin:0;padding:7px 0;vertical-align:middle}.sort-row select{min-width:150px}.section-heading{margin-bottom:12px}.section-heading h2{font-size:1.35rem}.section-heading p{font-size:.78rem}.result-count{min-height:34px;font-size:.78rem}.university-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tokyo-card{border-radius:15px;box-shadow:0 7px 20px rgba(26,48,76,.06)}.tokyo-card .card-visual{height:128px;background:linear-gradient(145deg,#d8e9f7,#8fb0cf);position:relative;overflow:hidden}.tokyo-card[data-type="private"] .card-visual{background:linear-gradient(145deg,#f4dce5,#b79bbb)}.tokyo-card[data-type="public"] .card-visual{background:linear-gradient(145deg,#d8eee6,#80b8a2)}.university-card-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .25s ease}.tokyo-card:hover .university-card-image{transform:scale(1.025)}.image-placeholder{height:100%;display:grid;place-items:center;align-content:center;gap:5px;color:rgba(18,40,62,.72);background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(255,255,255,.08))}.image-placeholder span{font-size:1.55rem}.image-placeholder small{font-size:.58rem;font-weight:800;letter-spacing:.03em}.tokyo-card .visual-label{position:absolute;left:9px;top:8px;border-radius:999px;padding:4px 7px;background:rgba(255,255,255,.94);color:#22303c;font-size:.62rem;font-weight:900;z-index:2}.image-source-link{position:absolute;right:8px;bottom:7px;z-index:2;padding:3px 6px;border-radius:7px;background:rgba(5,12,20,.76);color:#fff;text-decoration:none;font-size:.52rem;font-weight:800;backdrop-filter:blur(3px)}.image-source-link:hover{text-decoration:underline}.card-body{padding:12px}.tokyo-card h3{font-size:1rem;margin:7px 0 3px}.tokyo-card .meta{font-size:.68rem}.student-scale{margin-top:8px;padding:7px 8px}.student-scale strong{font-size:.86rem}.student-scale span{font-size:.6rem}.tokyo-card .tag{font-size:.6rem;padding:4px 6px}.tokyo-card .summary{font-size:.7rem;line-height:1.55;margin-top:8px}.compare-toggle{margin-top:8px;padding:7px;font-size:.67rem}.tokyo-card .card-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.tokyo-card .btn{min-height:34px;font-size:.66rem;padding:7px}.map-card-link{color:#167947!important}
.compare-section-v2{padding-top:8px;padding-bottom:12px}.compare-shell-v2{background:#fff;border:1px solid var(--u-line);border-radius:18px;padding:18px}.compare-head-v2{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.compare-head-v2 h2{font-size:1.15rem;margin:0}.compare-head-v2 p{font-size:.72rem;color:var(--u-muted);margin:4px 0 0}.compare-count-v2{border-radius:999px;background:#0f1720;color:#fff;padding:7px 11px;font-size:.7rem}.compare-count-v2 strong{color:#f0c957;font-size:1rem}.compare-slots-v2{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:13px}.compare-slot-v2{min-height:72px;border:1.5px dashed #c7d0db;border-radius:12px;display:grid;place-items:center;align-content:center;background:#fafbfd;color:#717c88;padding:8px;text-align:center}.compare-actions-v2{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.compare-actions-v2 button{border-radius:10px;padding:9px 13px;font-size:.72rem;font-weight:900}.compare-open{background:#101820;color:#fff;border:0}.compare-clear{background:#fff;border:1px solid #dce2e8}.compare-guidance{margin-top:10px;padding-top:9px;border-top:1px solid #edf0f3;font-size:.65rem;color:#766a48}.map-section-v2{display:none}.fairness-shell{border-radius:16px}.quality-section{padding-bottom:36px}.quality-shell{padding:22px;border-radius:18px}.trust-item{padding:12px}.compare-tray{display:none!important}.site-footer .footer-inner{max-width:1440px;margin:auto}
@media(max-width:1180px){.nav-links{display:none}.university-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-main-v2{height:320px;min-height:320px}.hero-side-v2{grid-template-columns:1fr 1fr}.overview-card{grid-column:1/-1}.map-mini-card iframe{height:190px}}
@media(max-width:850px){.header-inner{padding:7px 12px}.brand-logo{width:118px;height:38px}.brand-title{font-size:.82rem}.hero-main-v2{height:auto;min-height:0;padding-top:235px;background:url('tokyo-hero-students.svg') center top/cover no-repeat #fff}.hero-copy{max-width:none;padding:24px 18px 28px;background:#fff}.hero-copy h1{font-size:2.45rem}.hero-side-v2{grid-template-columns:1fr 1fr}.overview-card,.map-mini-card{grid-column:1/-1}.university-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-slots-v2{grid-template-columns:1fr 1fr}.quality-shell{grid-template-columns:1fr}.tokyo-card .card-visual{height:150px}}
@media(max-width:560px){.header-inner{padding:7px 9px;gap:8px}.brand-logo{width:94px;height:30px}.brand-title{font-size:.68rem}.pref-pill{font-size:.6rem;padding:4px 7px}.header-fav{display:none}.hero-main-v2{padding-top:195px;background-size:auto 195px}.hero-copy{padding:18px 14px 22px}.hero-copy h1{font-size:1.82rem;line-height:1.12}.hero-copy h1 em{border-bottom-width:5px}.hero-copy>p{font-size:.82rem}.search-shell{grid-template-columns:1fr;margin-top:14px}.search-shell button{padding:11px;min-height:42px}.quick-search-row span{width:100%}.hero-side-v2{grid-template-columns:1fr;padding:8px 10px 10px;gap:8px}.overview-card{grid-column:auto;padding:8px}.overview-grid{grid-template-columns:1fr 1fr}.overview-metric{min-height:50px;padding:6px}.map-mini-card{grid-column:auto}.map-mini-card iframe{height:210px}.type-card{padding:10px}.type-bar{width:86px;height:86px}.discovery-grid{grid-template-columns:1fr 1fr;gap:8px}.discovery-card{min-height:130px;padding:11px}.discovery-card p{display:none}.university-grid{grid-template-columns:1fr}.filter-group,.sort-row{display:flex;width:100%;margin-right:0}.filter-row{overflow:auto;display:flex;flex-wrap:nowrap}.compare-slots-v2{grid-template-columns:1fr 1fr}.fairness-shell{grid-template-columns:1fr}.policy-button{width:100%}.trust-strip{grid-template-columns:1fr 1fr}.site-footer .footer-inner{display:block}.site-footer .footer-inner span{display:block;margin-top:5px}.tokyo-card .card-visual{height:190px}}
@media(max-width:340px){.brand-title{display:none}.overview-grid{grid-template-columns:1fr}.discovery-grid{grid-template-columns:1fr}.compare-slots-v2{grid-template-columns:1fr}.trust-strip{grid-template-columns:1fr}}