.schools-page{min-height:calc(100vh - 66px);background:#f8faff}
.schools-wrap{width:min(1200px,calc(100% - 40px));margin:0 auto}
.schools-hero{position:relative;isolation:isolate;min-height:500px;padding:62px 24px;background:#152348 url("../images/schools/school-reviews-hero.d89093a0e102.png") center 52%/cover no-repeat;color:#fff;overflow:hidden}
.schools-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(9,19,43,.94) 0%,rgba(15,30,65,.88) 42%,rgba(20,41,81,.7) 100%)}
.schools-hero:after{content:"";position:absolute;z-index:-1;inset:auto 0 0;height:180px;background:linear-gradient(180deg,transparent,rgba(8,18,40,.18));pointer-events:none}
.schools-hero-inner{width:min(1200px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 520px;align-items:center;gap:74px}
.schools-hero-copy{max-width:560px;text-align:left}
.schools-eyebrow{display:inline-flex;align-items:center;height:30px;padding:0 13px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.1);color:#d9e4ff;font-size:13px;font-weight:750;letter-spacing:.01em;backdrop-filter:blur(8px)}
.schools-hero h1{margin:20px 0 18px;font-size:44px;line-height:1.18;font-weight:850;letter-spacing:-.045em}
.schools-hero h1 em{color:#91adff;font-style:normal}
.schools-hero-copy>p{margin:0;color:#d2daec;font-size:17px;line-height:1.75}
.schools-trust-list{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:28px;color:#f2f5ff;font-size:14px;font-weight:650}
.schools-trust-list span{display:inline-flex;align-items:center;gap:7px}
.schools-trust-list i{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#456ef2;color:#fff;font-size:12px;font-style:normal}
.schools-discovery-card{padding:30px;border:1px solid rgba(255,255,255,.55);border-radius:22px;background:rgba(255,255,255,.96);color:#16213a;box-shadow:0 24px 60px rgba(4,15,38,.28);backdrop-filter:blur(18px);text-align:left}
.schools-discovery-heading>span{display:block;margin-bottom:8px;color:#3158e5;font-size:13px;font-weight:800}
.schools-discovery-heading strong{display:block;font-size:23px;letter-spacing:-.025em}
.schools-discovery-heading p{margin:7px 0 22px;color:#6c7890;font-size:14px;line-height:1.55}
.schools-search{position:relative;width:min(560px,100%);margin:0 auto}
.schools-search input{width:100%;height:52px;padding:0 52px 0 20px;border:1px solid #dce2ec;border-radius:10px;outline:0;background:#fff;color:#17213a;font-size:15px;box-shadow:0 6px 18px rgba(28,43,82,.06);transition:border-color .2s,box-shadow .2s}
.schools-search input:focus{border-color:#456af0;box-shadow:0 0 0 4px rgba(69,106,240,.12)}
.schools-search button{position:absolute;top:0;right:0;width:52px;height:52px;border:0;background:transparent;color:#4b6ae5;font-size:18px;cursor:pointer}
.schools-hero-search{width:100%;margin:0}
.schools-hero-search>label{display:block;margin-bottom:8px;color:#344159;font-size:13px;font-weight:750}
.school-search-field{position:relative;display:flex;align-items:center;padding:6px 6px 6px 46px;border:1px solid #d9dfeb;border-radius:12px;background:#fff;transition:border-color .2s,box-shadow .2s}
.school-search-field:focus-within{border-color:#456af0;box-shadow:0 0 0 4px rgba(69,106,240,.12)}
.school-search-field>svg{position:absolute;left:16px;width:20px;height:20px;color:#75839b}
.school-search-field input{min-width:0;height:46px;padding:0 12px 0 0;border:0;border-radius:0;box-shadow:none;font-size:15px}
.school-search-field input:focus{box-shadow:none}
.school-search-field button{position:static;flex:0 0 auto;width:auto;height:44px;padding:0 19px;border-radius:9px;background:#3158e5;color:#fff;font-size:14px;font-weight:800;box-shadow:0 7px 15px rgba(49,88,229,.22)}
.school-search-field button:hover{background:#2649ca}
.schools-hero-stats{display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr;align-items:center;margin:22px 0;padding:16px 0;border-block:1px solid #e7eaf1;text-align:center}
.schools-hero-stats>i{width:1px;height:30px;background:#e2e6ef}
.schools-hero-stats span{color:#17213a;font-size:15px;font-weight:800}
.schools-hero-stats strong{font-size:19px}
.schools-hero-stats small{display:block;margin-top:3px;color:#8a95a8;font-size:11px;font-weight:600}
.schools-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;border-radius:13px;background:#f2f5ff}
.schools-cta>span{min-width:0;color:#17213a;font-size:14px}
.schools-cta strong{display:block;margin-bottom:4px;font-weight:800}
.schools-cta small{display:block;color:#727f96;font-size:12px;line-height:1.4}
.schools-cta a{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:42px;padding:0 16px;border:1px solid #cbd6fb;border-radius:9px;background:#fff;color:#3158e5;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
.schools-cta a:hover{border-color:#3158e5;background:#f8faff}
.schools-content{padding:34px 0 60px}
.schools-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.schools-tabs a{padding:10px 16px;border:1px solid #dfe4ec;border-radius:99px;background:#fff;color:#536177;font-size:14px;text-decoration:none;white-space:nowrap}
.schools-tabs a.active{border-color:#3158e5;background:#3158e5;color:#fff;font-weight:700}
.school-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:44px}
.school-card{display:flex;flex-direction:column;border:1px solid #e0e5ed;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 5px 15px rgba(29,43,74,.03);text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s}
.school-card:hover{transform:translateY(-3px);border-color:#d3dcf6;box-shadow:0 14px 32px rgba(29,43,74,.1)}
.school-card-banner{position:relative;height:132px;background:#dbe4ed url("../images/schools/school-card-default.bbf4b4161c3c.png") center 52%/cover no-repeat}
.school-card-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,27,49,0) 46%,rgba(12,27,49,.24) 100%)}
.school-card-logo{position:absolute;z-index:1;left:20px;bottom:-28px;width:56px;height:56px;border-radius:50%;background:#fff;border:3px solid #fff;display:flex;align-items:center;justify-content:center;font-weight:800;color:#3158e5;font-size:20px;box-shadow:0 4px 12px rgba(15,28,52,.18)}
.school-card-body{padding:38px 20px 20px}
.school-card-body h3{margin:0 0 6px;color:#17213a;font-size:19px}
.school-card-rating{color:#758197;font-size:14px;margin-bottom:12px}
.school-card-rating strong{color:#38455c;margin-left:2px}
.school-card-axes{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin-bottom:14px;font-size:13px;color:#536177}
.school-card-axes b{color:#ffb52b;margin-right:2px}
.school-card-quote{padding:12px;border-radius:8px;background:#f6f8fc;color:#334057;font-size:14px;line-height:1.5;margin-bottom:6px}
.school-card-quote small{display:block;margin-top:6px;color:#8a95a8;font-size:12px}
.school-card-link{margin-top:auto;padding:12px;text-align:center;background:#3158e5;color:#fff;font-weight:700;font-size:14px}
.trending-title{margin:0 0 18px;color:#17213a;font-size:22px}
.trending-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.trending-card{display:flex;gap:12px;padding:16px;border:1px solid #e0e5ed;border-radius:11px;background:#fff;text-decoration:none;color:inherit}
.trending-card .badge{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#eef3ff;color:#4b6ae5;display:flex;align-items:center;justify-content:center;font-weight:800}
.trending-card strong{display:block;margin-bottom:4px;color:#1d283e;font-size:15px}
.trending-card p{margin:0 0 6px;color:#657287;font-size:13px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trending-card span{color:#96a1b3;font-size:12px}
@media(max-width:1000px){.schools-hero{padding-block:50px}.schools-hero-inner{grid-template-columns:1fr;gap:34px}.schools-hero-copy{max-width:680px}.schools-discovery-card{width:min(680px,100%)}.school-card-grid{grid-template-columns:repeat(2,1fr)}.trending-grid{grid-template-columns:1fr}}
@media(max-width:640px){.schools-wrap{width:min(100% - 28px,1200px)}.schools-hero{min-height:0;padding:38px 14px;background-position:58% center}.schools-hero:before{background:rgba(9,19,43,.88)}.schools-hero h1{margin-top:16px;font-size:34px}.schools-hero-copy>p{font-size:15px}.schools-trust-list{display:grid;gap:9px;margin-top:20px}.schools-discovery-card{padding:22px 18px;border-radius:17px}.schools-discovery-heading strong{font-size:21px}.school-search-field{padding-left:42px}.school-search-field>svg{left:14px}.school-search-field input{font-size:14px}.school-search-field button{padding-inline:14px}.schools-hero-stats{margin-block:18px}.schools-hero-stats strong{font-size:16px}.schools-cta{align-items:stretch;flex-direction:column;text-align:left}.schools-cta a{width:100%}.school-card-grid{grid-template-columns:1fr}}

.school-detail-header{padding:36px 0;background:#f1f4ff}
.school-detail-header h1{margin:14px 0 8px;color:#17213a;font-size:30px}
.school-detail-header .meta{color:#59677c;font-size:15px}
.school-detail-header .meta a{color:#3158e5;font-weight:700;text-decoration:none}
.school-detail-header .overall{margin-top:16px;display:flex;align-items:center;gap:10px}
.school-detail-header .overall strong{font-size:28px;color:#17213a}
.school-review-summary{padding:24px;border:1px solid #e0e5ed;border-radius:12px;background:#fff;margin:26px 0}
.school-review-summary dl{margin:0;display:grid;gap:10px}
.school-review-summary dt{display:flex;justify-content:space-between;margin:0 0 4px;color:#354158;font-size:14px}
.school-review-summary dt b{color:#3158e5}
.school-review-summary dd{margin:0;height:8px;border-radius:99px;background:#eef1f6;overflow:hidden}
.school-review-summary dd i{display:block;height:100%;background:#3158e5;border-radius:99px}
.school-review-actions{display:flex;justify-content:flex-end;margin-bottom:18px}
.school-review-actions a{padding:11px 18px;border-radius:8px;background:#3158e5;color:#fff;font-weight:700;font-size:14px;text-decoration:none}
.school-review-list{display:grid;gap:14px}
.school-review-card{padding:20px;border:1px solid #e0e5ed;border-radius:12px;background:#fff}
.school-review-card header{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:#657287;font-size:13px}
.school-review-card .recommend-badge{padding:3px 9px;border-radius:99px;background:#eaf8f1;color:#35a473;font-size:12px;font-weight:700}
.sample-review-badge{display:inline-flex!important;width:auto!important;padding:3px 8px;border-radius:99px;background:#eef2ff;color:#5067d9!important;font-size:11px!important;font-weight:750;line-height:1.35}
.school-review-card h3{margin:0 0 8px;color:#1d283e;font-size:17px}
.school-review-card p{margin:0 0 10px;color:#435068;font-size:14px;line-height:1.6}
.school-review-empty{padding:60px 20px;text-align:center;color:#8a95a8;border:1px dashed #ccd5e2;border-radius:12px}
.school-level-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 24px}.school-level-filters a{padding:9px 15px;border:1px solid #dce2ec;border-radius:999px;background:#fff;color:#59677c;font-size:13px;font-weight:700;text-decoration:none}.school-level-filters a.active{border-color:#3158e5;background:#3158e5;color:#fff}.school-level-filters>span{margin-left:auto;color:#758197;font-size:13px}.school-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:28px}.school-pagination a,.school-pagination>span{display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:38px;border:1px solid #dce2ec;border-radius:8px;background:#fff;color:#536177;font-size:13px;text-decoration:none}.school-pagination>span{color:#adb5c3;background:#f5f7fa}.school-pagination strong{color:#3158e5}.school-pagination small{margin-left:-10px;color:#8a95a8}
.school-write-note{margin-bottom:18px;padding:12px 16px;border-radius:8px;background:#eff7f2;color:#377b5b;font-size:14px}
.school-review-unlock{margin:0 0 18px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #d7def7;border-radius:14px;background:linear-gradient(135deg,#f5f7ff,#fbfcff)}
.school-review-unlock span{display:block;margin-bottom:5px;color:#5269d9;font-size:13px;font-weight:800}.school-review-unlock strong{display:block;color:#17213a;font-size:18px}.school-review-unlock p{margin:5px 0 0;color:#6b778d;font-size:13px}.school-review-unlock button,.school-review-unlock a{display:inline-flex;align-items:center;justify-content:center;min-width:170px;height:44px;padding:0 18px;border:0;border-radius:9px;background:#3157ee;color:#fff;font-size:14px;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 6px 14px rgba(49,87,238,.2)}
.review-blurred-copy{position:relative;overflow:hidden;user-select:none}.review-blurred-copy h3,.review-blurred-copy p{filter:blur(5px);opacity:.55}.review-blurred-copy:after{content:'포인트 사용 후 상세 리뷰를 확인할 수 있어요';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#526078;font-size:13px;font-weight:750;text-align:center}
@media(max-width:640px){.school-review-unlock{align-items:stretch;flex-direction:column}.school-review-unlock button,.school-review-unlock a{width:100%}}