/* Tokyo University DB — GUI Stage 2
   Visual goals: warmer, denser, more inviting, less administrative. */
:root{
  --gui-ink:#17324d;
  --gui-sub:#627286;
  --gui-paper:#f5f8fb;
  --gui-card:#ffffff;
  --gui-gold:#e4bb4d;
  --gui-blue:#4b83bd;
  --gui-green:#4f9f82;
  --gui-rose:#d9798e;
  --gui-shadow:0 14px 38px rgba(40,73,105,.09);
  --gui-shadow-soft:0 8px 24px rgba(40,73,105,.06);
}
body{background:linear-gradient(180deg,#fff 0,#f8fafc 26%,#f3f7fa 100%)}
.site-header{background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid #dfe7ee;box-shadow:0 5px 18px rgba(31,60,88,.07)}
.header-inner{min-height:66px}.brand-title{letter-spacing:.015em;color:#17324d}.pref-pill{box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 4px 16px rgba(226,184,63,.16)}
.nav-links a{color:#42586d;opacity:.9;transition:opacity .2s ease,color .2s ease}.nav-links a:hover{opacity:1;color:#9a761e}.header-fav{box-shadow:0 6px 18px rgba(235,185,55,.15);transition:transform .2s ease,box-shadow .2s ease}.header-fav:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(235,185,55,.23)}
.tokyo-hero{background:radial-gradient(circle at 86% 6%,#edf6fb 0,transparent 34%),#fff;border-bottom:1px solid #e9eef5}
.hero-main-v2{height:390px;min-height:390px;border-radius:0 0 34px 34px;overflow:hidden;background:linear-gradient(90deg,#fff 0,#fff 34%,rgba(255,255,255,.97) 41%,rgba(255,255,255,.67) 50%,rgba(255,255,255,.18) 62%,rgba(255,255,255,0) 74%),linear-gradient(0deg,rgba(31,76,105,.05),rgba(31,76,105,0) 42%),url('tokyo-hero-students.svg') right 44% center/62% auto no-repeat #fff;box-shadow:0 16px 40px rgba(38,74,108,.06)}
.hero-main-v2:after{content:"";position:absolute;inset:auto 0 0 0;height:84px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.96));pointer-events:none}.hero-copy{padding:58px 42px 32px;max-width:650px}.hero-copy h1{font-size:clamp(2.45rem,4vw,3.8rem);font-weight:800;color:#17324d;letter-spacing:-.04em;line-height:1.08}.hero-copy h1 em{border:0;position:relative;display:inline-block;color:#244764}.hero-copy h1 em:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:7px;border-radius:999px;background:linear-gradient(90deg,#e7bc4a,#f7df91);z-index:-1}.hero-copy>p{font-size:1rem;line-height:1.75;color:#52667a}
.search-shell{border:1px solid #dbe3ed;border-radius:16px;overflow:hidden;box-shadow:0 12px 28px rgba(41,78,111,.09);background:rgba(255,255,255,.96)}.search-shell input{font-size:.94rem;padding-left:18px}.search-shell button{background:linear-gradient(135deg,#376b96,#4f86b4);color:#fff;font-weight:900;letter-spacing:.03em}.quick-search-row{margin-top:12px}.quick-search-row button{border-radius:999px;box-shadow:0 2px 8px rgba(34,55,80,.05);transition:.2s ease}.quick-search-row button:hover{border-color:#b5c7dd;background:#f6faff;transform:translateY(-1px)}
.hero-side-v2{padding:12px 18px 18px;gap:12px;background:transparent;border-top:0}.overview-card,.map-mini-card,.type-card{border-color:#e0e7ef;box-shadow:var(--gui-shadow-soft);border-radius:18px;overflow:hidden}.overview-card{padding:13px 14px}.overview-card h2,.map-mini-head h2,.type-card h2{font-size:.9rem;color:#304b65}.overview-grid{gap:8px}.overview-metric{min-height:62px;border:0;background:linear-gradient(145deg,#fbfcfd,#f2f7fa);display:grid;align-content:center}.overview-metric span{font-size:.62rem;letter-spacing:.04em;text-transform:none}.overview-metric strong{font-size:1.18rem;color:#234563}.map-mini-card iframe{height:164px}.type-card{display:flex;flex-direction:column;justify-content:center}.type-bar{width:80px;height:80px;margin:8px auto 7px}
.overview-coverage-note{margin-top:10px;padding-top:9px;border-top:1px solid #e8edf3}.overview-coverage-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.62rem;color:#607084;font-weight:800}.overview-coverage-head strong{font-size:.72rem;color:#315472}.overview-coverage-track{height:6px;margin:5px 0 6px;border-radius:999px;background:#e8eef5;overflow:hidden}.overview-coverage-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f86b4,#79acd1,#e4bb4d);transition:width .35s ease}.overview-coverage-note small{display:block;color:#7a8795;font-size:.56rem;line-height:1.45}
.discover-section{padding-top:32px;padding-bottom:22px}.section-kicker{letter-spacing:.14em;color:#937425;font-weight:900}.section-heading h2{font-size:1.55rem;letter-spacing:-.025em;color:#23435e}.section-heading p{color:#6b7785}.discovery-grid{gap:12px}.discovery-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.7);box-shadow:var(--gui-shadow-soft);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.discovery-card:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-28px;top:-28px;background:rgba(255,255,255,.38)}.discovery-card:after{content:"";position:absolute;left:14px;right:14px;bottom:12px;height:3px;border-radius:999px;background:rgba(255,255,255,.66);transform:scaleX(.36);transform-origin:left;transition:transform .25s ease}.discovery-card:hover{transform:translateY(-4px);box-shadow:0 18px 32px rgba(30,57,89,.11);border-color:rgba(255,255,255,.95)}.discovery-card:hover:after{transform:scaleX(1)}.discovery-icon{font-size:1.75rem;filter:drop-shadow(0 3px 6px rgba(0,0,0,.06))}.discovery-card small{letter-spacing:.11em;opacity:.7}.discovery-card strong{font-size:.96rem;position:relative;z-index:1}
.search-section{padding-top:24px}.filter-panel{background:rgba(255,255,255,.9);border:1px solid #e1e8f0;box-shadow:0 7px 22px rgba(32,57,85,.045);backdrop-filter:blur(10px)}.filter-chip{border-radius:999px;transition:.18s ease}.filter-chip:hover{background:#f1f6fb;border-color:#c8d5e4}.filter-chip.active{background:#eaf3f9;color:#315b7e;border-color:#bad0df;box-shadow:0 4px 10px rgba(48,92,127,.10)}.result-count{border-radius:999px;background:#eaf3f9;color:#315b7e;border:1px solid #c9dce9;padding:8px 13px;box-shadow:none}
.university-grid{gap:16px}.tokyo-card{position:relative;border:1px solid #e3e9f0;background:var(--gui-card);box-shadow:var(--gui-shadow-soft);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.tokyo-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gui-blue);z-index:4;opacity:.82}.tokyo-card[data-type="private"]:before{background:var(--gui-rose)}.tokyo-card[data-type="public"]:before{background:var(--gui-green)}.tokyo-card:hover{transform:translateY(-3px);box-shadow:var(--gui-shadow);border-color:#d4dee8}.tokyo-card .card-visual{height:148px}.tokyo-card .card-visual:after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(180deg,transparent,rgba(25,58,82,.22));pointer-events:none;z-index:1}.image-placeholder{background:radial-gradient(circle at 22% 30%,rgba(255,255,255,.82),transparent 22%),linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.08))}.image-placeholder span{font-size:1.8rem}.image-placeholder small{padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.76)}.tokyo-card .visual-label{box-shadow:0 4px 10px rgba(13,31,50,.06)}.card-body{padding:14px 14px 15px 16px}.badge-row{min-height:22px}.tokyo-card h3{font-size:1.08rem;line-height:1.35;margin:5px 0 4px;letter-spacing:-.015em;color:#1d3d58}.tokyo-card .meta{color:#667789;font-weight:700}.student-scale{display:flex;justify-content:space-between;align-items:center;gap:10px;border:0;background:#f6f9fc;border-radius:10px;padding:8px 9px}.student-scale strong{font-size:.95rem;color:#315472}.student-scale span{text-align:right;color:#778493}.field-tags{margin-top:8px}.tokyo-card .tag{border-radius:999px;background:#f4f7fb;border:1px solid #e1e7ee;color:#4b5e72}.tokyo-card .summary{color:#536476;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.25em}.academic-summary{margin-top:10px;padding:9px 10px;background:linear-gradient(145deg,#fbfcfe,#f5f8fb);border:1px solid #e7ecf2;border-radius:11px}.academic-summary>strong{font-size:.68rem;color:#44576b}.compare-toggle{border-radius:10px;background:#fff;border:1px solid #cfd9e5;color:#3c6383;transition:.18s ease}.compare-toggle:hover{background:#f5f9fd;border-color:#afc4da}.compare-toggle.active{background:#edf5ff;border-color:#a9c4e6;color:#376e9c}.tokyo-card .btn{border-radius:10px;font-weight:900}.tokyo-card .btn.primary{background:linear-gradient(135deg,#4b83b4,#6598c1);box-shadow:0 5px 12px rgba(60,120,169,.14)}.map-card-link{background:#f4faf7!important;border-color:#cfe7db!important}.favorite-toggle{box-shadow:0 5px 14px rgba(16,35,55,.09)!important;transition:transform .15s ease,background .15s ease!important}.favorite-toggle:hover{transform:scale(1.08)}.favorite-toggle.active{background:#fff0f3!important;color:#d83f63!important;border-color:#f0b8c5!important}
.compare-shell-v2{border:1px solid #dbe5ec;background:linear-gradient(135deg,#f8fbfd,#eef5f8 70%,#f7f2e5);color:#294861;box-shadow:0 12px 32px rgba(35,71,101,.08);padding:22px}.compare-head-v2 h2{color:#23435e}.compare-head-v2 p{color:#66798b}.compare-slot-v2{background:#fff;border-color:#d8e3eb;color:#657789}.compare-slot-v2 strong{color:#294861}.compare-slot-v2 small{color:#748596}.compare-slot-v2 button{border:0;border-radius:999px;padding:4px 8px}.compare-clear{background:#fff!important;border-color:#d2dee7!important;color:#49647b!important}.compare-open{background:linear-gradient(135deg,#e1b740,#f2ce6a)!important;color:#294052!important}.compare-guidance{color:#796a3f;border-top-color:#dce4e8}.fairness-shell,.quality-shell{box-shadow:var(--gui-shadow-soft);border:1px solid #e2e8ef}.trust-item{border-radius:12px;background:linear-gradient(145deg,#fff,#f8fafc)}
@media(max-width:1180px){.hero-main-v2{height:360px;min-height:360px;background-size:66% auto}.university-grid{gap:14px}}
@media(max-width:850px){.site-header{background:rgba(255,255,255,.98)}.hero-main-v2{padding-top:250px;height:auto;min-height:0;border-radius:0 0 24px 24px;background:url('tokyo-hero-students.svg') center top/cover no-repeat #fff}.hero-main-v2:after{top:175px;bottom:auto;height:90px;background:linear-gradient(180deg,transparent,#fff)}.hero-copy{padding:24px 20px 30px}.hero-copy h1{font-size:2.3rem}.tokyo-card .card-visual{height:165px}}
@media(max-width:560px){.hero-main-v2{padding-top:205px;background-size:auto 205px}.hero-main-v2:after{top:145px;height:70px}.hero-copy{padding:18px 14px 24px}.hero-copy h1{font-size:1.85rem}.hero-copy>p{line-height:1.65}.hero-side-v2{padding-left:10px;padding-right:10px}.overview-card,.map-mini-card,.type-card{border-radius:14px}.overview-coverage-note small{font-size:.54rem}.section-heading h2{font-size:1.3rem}.tokyo-card{border-radius:16px}.tokyo-card .card-visual{height:205px}.card-body{padding:14px 14px 16px 17px}.compare-shell-v2{padding:17px 14px}}