/* =============================================================
   입시 보드 — 조건 세 줄, 결과 여섯 줄, 제자리 확장
   ============================================================= */
.board-page{background:var(--white)}

.board__home{font-weight:var(--w-bold);font-size:var(--t-label);
  transition:color var(--d-hover) var(--e-out)}
.board__home:hover{color:var(--accent)}

.board__head{background:var(--ink);color:#fff;padding:clamp(40px,6vw,72px) 0}
.board__head-inner{width:94%;max-width:var(--wrap);margin-inline:auto}
.board__en{font-family:var(--f-latin);font-weight:var(--w-bold);font-size:var(--t-mini);
  letter-spacing:.18em;text-transform:uppercase;color:var(--on-dark-60)}
.board__title{font-family:var(--f-display);font-weight:var(--w-display);
  font-size:var(--t-sec);line-height:1;letter-spacing:-.02em;margin-top:8px}
.board__stamp{margin-top:12px;font-size:var(--t-mini);color:var(--on-dark-60)}

/* ---------------------------------------------- 조건 바 */
.bar{
  position:sticky;top:var(--header-h);z-index:50;background:var(--white);
  border-bottom:1px solid var(--ink-15);
}
.bar__inner{width:94%;max-width:var(--wrap);margin-inline:auto}
.row{border-bottom:1px solid var(--ink-08)}
.row:last-child{border-bottom:0}

.row__head{
  display:flex;align-items:center;gap:10px;width:100%;height:56px;
  font-weight:var(--w-bold);font-size:var(--t-body);text-align:left;
}
.row__name{color:var(--ink-60);min-width:44px}
.row__value{flex:1}
.row__value em{font-style:normal}
.row__caret{transition:transform var(--d-switch) var(--e-out);color:var(--ink-60)}
.row.is-open .row__caret{transform:rotate(180deg)}

.row__body{display:none;padding:0 0 18px}
.row.is-open .row__body{display:block}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{
  display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;
  border:1px solid var(--ink-15);font-weight:var(--w-bold);font-size:var(--t-label);
  transition:border-color var(--d-hover) var(--e-out),background var(--d-hover) var(--e-out);
}
.chip small{font-weight:400;font-size:var(--t-mini);color:var(--ink-60)}
.chip:hover{border-color:var(--ink)}
.chip.is-on{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.chip.is-on small{color:var(--ink)}
.chip:disabled{opacity:.35;cursor:not-allowed}
.row__search{display:block;width:100%;height:48px;padding:0;border:0;border-bottom:2px solid var(--ink);border-radius:0;
  background:none;font-size:17px;font-weight:var(--w-bold);transition:border-color var(--d-hover) var(--e-out)}
.row__search:focus{outline:none;border-color:var(--accent)}
.row__search::placeholder{font-weight:400;color:rgba(0,0,0,.35)}

/* ---------------------------------------------- 결과 */
.res{width:94%;max-width:var(--wrap);margin:0 auto;padding:clamp(24px,4vw,40px) 0 clamp(56px,7vw,96px)}
.res__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}
.res__count{font-size:var(--t-body);color:var(--ink-60)}
.res__sort{font-weight:var(--w-bold);font-size:var(--t-label);border-bottom:1px solid currentColor}

.uni{border-top:1px solid var(--ink-15)}
.uni__head{
  display:flex;align-items:center;gap:16px;width:100%;padding:22px 0;text-align:left;
}
.uni__name{font-family:var(--f-display);font-weight:var(--w-display);font-size:22px;letter-spacing:-.02em}
.uni__meta{flex:1;display:flex;flex-wrap:wrap;gap:6px}
.badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;
  border:1px solid var(--ink-15);font-size:var(--t-mini);color:var(--ink-60)}
.uni__rate{text-align:right;line-height:1.1}
.uni__rate b{font-family:var(--f-latin);font-weight:var(--w-display);font-size:32px}
.uni__rate span{display:block;font-size:var(--t-mini);color:var(--ink-60)}
.uni__open{color:var(--ink-60);transition:transform var(--d-switch) var(--e-out)}
.uni.is-open .uni__open{transform:rotate(180deg)}

.uni__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--d-enter) var(--e-out)}
.uni.is-open .uni__panel{grid-template-rows:1fr}
.uni__panel-in{overflow:hidden}
.panel{padding:0 0 28px}
.panel__tabs{display:flex;gap:24px;margin-bottom:18px}
.panel__tab{position:relative;padding:6px 0 10px;font-weight:var(--w-bold);font-size:var(--t-body);color:var(--ink-60)}
.panel__tab::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--ink-15)}
.panel__tab.is-on{color:var(--ink)}
.panel__tab.is-on::after{height:2px;background:var(--accent)}
.dl{display:grid;grid-template-columns:150px 1fr;gap:10px 16px;font-size:var(--t-body)}
.dl dt{color:var(--ink-60)}
.dl dd{margin:0}
.panel__empty{padding:18px;background:#F7F7F7;font-size:var(--t-body);color:var(--ink-60)}
.panel__foot{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.panel__note{margin-top:14px;font-size:var(--t-mini);color:var(--ink-60)}

.res__more{display:block;width:100%;height:56px;border:1px solid var(--ink-15);
  font-weight:var(--w-bold);font-size:var(--t-body);margin-top:18px;
  transition:border-color var(--d-hover) var(--e-out)}
.res__more:hover{border-color:var(--ink)}
.res__empty{padding:40px 0;text-align:center}
.res__empty p{color:var(--ink-60)}
.res__empty .btn{margin-top:16px}

@media (max-width:639px){
  .uni__head{flex-wrap:wrap;gap:8px}
  .uni__rate{width:100%;text-align:left}
  .dl{grid-template-columns:1fr;gap:2px 0}
  .dl dt{margin-top:10px}
}