/* 입시로드 공용 nav 드롭다운 (도구·로디) — _site_header.html 이 include 하는 모든 페이지용.
   홈(index.html)은 home.css 에 동일 규칙 보유. CSP-safe(외부 CSS). */
.hd .nav{align-items:center}
.hd .nav-dd{position:relative;display:inline-flex}
.hd .nav-dd-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:0;cursor:pointer;font-family:inherit;color:var(--brown);font-size:14.5px;font-weight:600;padding:0;line-height:1.5}
.hd .nav-dd-btn:hover,.hd .nav-dd.open .nav-dd-btn{color:var(--green)}
.hd .nav-dd-caret{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.hd .nav-dd.open .nav-dd-caret{transform:rotate(180deg)}
.hd .nav-dd-menu{display:none;position:absolute;top:calc(100% - 12px);left:50%;transform:translateX(-50%);min-width:170px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;flex-direction:column;gap:2px;box-shadow:0 16px 34px rgba(15,40,28,.14);z-index:40}
.hd .nav-dd.open .nav-dd-menu{display:flex}
.hd .nav-dd-menu a{color:var(--brown);font-size:14px;font-weight:600;padding:9px 12px;border-radius:8px;white-space:nowrap}
.hd .nav-dd-menu a:hover{background:#EEF3EC;color:var(--green)}
@media(max-width:920px){
  .hd .nav-dd{display:block}
  .hd .nav-dd-btn{width:100%;justify-content:space-between;line-height:1.5;font-size:16px;font-weight:700;color:var(--brown);padding:8px 0}
  .hd .nav-dd-caret{width:16px;height:16px}
  .hd .nav-dd-menu{position:static;transform:none;display:none;min-width:0;border:0;border-radius:0;box-shadow:none;padding:0 0 6px 12px;background:none}
  .hd .nav-dd.open .nav-dd-menu{display:flex}
  .hd .nav-dd-menu a{font-size:15px;font-weight:600;color:var(--brown);padding:7px 0}
  .hd .nav-dd-menu a:hover{background:none}
}