/* HUDIUS 운영 포털 공통 머리띠·꼬리말(chrome) — 세부 페이지(/services/ · /edge/ · /blueprint/*)가 /assets/chrome.css 로 같이 쓴다.
   값은 www.hudius.com(site4.css)과 같다. 페이지 자체 스타일과 부딪히지 않도록 토큰은 --hd-* 접두, 선택자는 .hd-* 만 쓴다. 원본 portal/home/assets, scripts/portal-home-publish.py 가 ConfigMap 에 싣는다. */
@font-face{font-family:'Pretendard Variable';font-weight:45 920;font-display:swap;src:url('/assets/fonts/PretendardVariable.woff2') format('woff2')}
:root{--hd-green:#137A4C;--hd-green-dark:#0F6640;--hd-lime:#8DC63F;--hd-lime-bright:#A9E15C;--hd-ink:#1A1A1A;--hd-body:#333;--hd-muted:#666;--hd-dim:#8A8A8A;
  --hd-bg:#FFFFFF;--hd-bg-gray:#F4F6F5;--hd-line:#E2E6E4;--hd-line2:#CDD4D0;--hd-dark:#0E0E0E;--hd-dark2:#161A18;--hd-on-dark:#F2F4F2;--hd-on-dark-muted:#A8B0AB;
  --hd-font:'Pretendard Variable',Pretendard,'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;--hd-mono:ui-monospace,'SF Mono',Consolas,monospace;--hd-maxw:1240px}
/* 머리띠(58px, 다크) — 페이지 흐름 안에 둔다(고정 아님: 페이지마다 있는 sticky 요소와 겹치지 않게) */
.hd-bar{background:var(--hd-dark);height:58px;font-family:var(--hd-font);-webkit-font-smoothing:antialiased;color:#fff}
.hd-bar *{box-sizing:border-box}
.hd-bar .hd-in{max-width:var(--hd-maxw);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;gap:8px}
.hd-bar.wide .hd-in{max-width:1480px}
.hd-bar .hd-logo{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;margin-right:18px;line-height:0}
.hd-bar .hd-logo:hover{opacity:.9;text-decoration:none}
.hd-bar .hd-logo img{height:30px;width:auto;display:block}
.hd-bar .hd-div{width:1px;height:16px;background:rgba(255,255,255,.28)}
.hd-bar .hd-label{font-size:14px;font-weight:600;letter-spacing:-.01em;line-height:1;color:#fff;white-space:nowrap}
.hd-bar .hd-nav{display:flex;height:100%;margin:0;padding:0;list-style:none}
.hd-bar .hd-nav a{height:58px;padding:0 16px;display:flex;align-items:center;color:#E6E6E6;font-size:14.5px;font-weight:600;text-decoration:none;white-space:nowrap}
.hd-bar .hd-nav a:hover{color:var(--hd-lime-bright);box-shadow:inset 0 -3px 0 var(--hd-lime);text-decoration:none}
.hd-bar .hd-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.hd-bar .hd-btn{display:inline-flex;align-items:center;gap:7px;font:inherit;font-weight:700;font-size:14px;padding:9px 20px;border-radius:4px;border:1.5px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;line-height:1.2}
.hd-bar .hd-btn:hover{text-decoration:none}
.hd-bar .hd-btn-lime{background:var(--hd-lime);color:#101800;border-color:var(--hd-lime)}
.hd-bar .hd-btn-lime:hover{background:var(--hd-lime-bright)}
.hd-bar .hd-btn-ghost{background:transparent;color:#fff;border-color:#555}
.hd-bar .hd-btn-ghost:hover{border-color:#fff}
/* 꼬리말(다크, 법적 고지 — www.hudius.com 과 같은 문구) */
.hd-foot{background:var(--hd-dark);color:#BDBDBD;font-family:var(--hd-font);font-size:13px;-webkit-font-smoothing:antialiased;margin-top:0}
.hd-foot *{box-sizing:border-box}
.hd-foot .hd-in{max-width:var(--hd-maxw);margin:0 auto;padding:26px 24px 30px}
.hd-foot.wide .hd-in{max-width:1480px}
.hd-foot .hd-links{display:flex;flex-wrap:wrap;gap:4px 18px;margin-bottom:12px}
.hd-foot .hd-links a{color:#BDBDBD;text-decoration:none;font-size:13px}
.hd-foot .hd-links a:hover{color:var(--hd-lime-bright);text-decoration:none}
.hd-foot .hd-legal{border-top:1px solid #2A2A2A;padding-top:16px;font-size:12px;color:#8A8A8A;line-height:1.9;word-break:keep-all}
@media (max-width:860px){.hd-bar .hd-nav{display:none}.hd-bar .hd-logo{margin-right:0}}
@media (max-width:520px){.hd-bar .hd-label{display:none}.hd-bar .hd-site{display:none}.hd-bar .hd-btn{padding:7px 12px;font-size:13px}}