/* emulog 공용 정체성 레이어 — 가이드·소개·약관·방침·인사이트 페이지.
 * 각 페이지의 원래 스타일(guide.css·site.css·인라인) 뒤에 얹어 색·제목·모서리만 홈과 맞춘다. 본문 배치는 건드리지 않는다.
 * 제목 글꼴 Neo둥근모는 16px 비트맵 설계라 16의 배수 크기로만 쓴다. */
@font-face{font-family:"NeoDunggeunmo";src:url("/assets/fonts/neodgm.woff2") format("woff2");font-display:swap}
:root{
  --night:#0a0d1c;--night2:#10152b;--line2:#232b4d;--term:#1635c8;--phos:#eef1ff;--phos2:#c8d1f5;--dimt:#9aa6c8;
  --cyan:#62edff;--c-ready:#e05aa8;--c-db:#e0b94a;--c-font:#5b8cff;--c-ez:#8bd14f;
  --px:"NeoDunggeunmo","Neo둥근모",ui-monospace,monospace;
  --bg:var(--night);--panel:var(--night2);--panel2:#161c38;--line:var(--line2);--txt:var(--phos);--muted:var(--dimt);--accent:#7fa6ff;
}
body{background:var(--night);color:var(--phos)}
a{color:#9ec0ff}
:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}

/* 머리띠: 네 서비스 색 띠 + 픽셀 워드마크 */
header.site{position:relative;background:var(--night);border-bottom:2px solid #1a2146;padding:14px 0 12px}
header.site::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,var(--c-ready) 0 25%,var(--c-db) 25% 50%,var(--c-font) 50% 75%,var(--c-ez) 75% 100%)}
header.site .brand,.brand{font-family:var(--px);font-weight:400;font-size:32px;line-height:1;letter-spacing:0;color:var(--phos);-webkit-font-smoothing:none}
.brand span{color:var(--c-font)}
header.site nav a{color:var(--dimt)}
header.site nav a:hover{color:var(--phos)}

/* 제목: h1 은 픽셀 32px, h2 는 픽셀 16px + 구획선 */
h1{font-family:var(--px);font-weight:400;font-size:32px;line-height:1.3;letter-spacing:0;color:var(--phos);word-break:keep-all;-webkit-font-smoothing:none}
article h2,.wrap>h2,.block h2,main h2{font-family:var(--px);font-weight:400;font-size:16px;line-height:1.5;letter-spacing:0;color:var(--phos);
  padding-top:18px;border-top:2px solid #1a2146;word-break:keep-all;-webkit-font-smoothing:none}
.gcard h2{border-top:0;padding-top:0}
.crumb,.byline,.upd{color:var(--dimt)}
p,li{color:#cdd3e8}
strong,b{color:var(--phos)}

/* 상자: 둥근 모서리 대신 2px 픽셀 테두리 */
.toc,.tip,.warn,.note,.rel,.box,.block,.gcard,.stats div,figure.datafig img,table th{border-radius:0!important}
.toc,.rel,.box,.block,.gcard,.stats div{background:var(--night2);border:2px solid var(--line2)}
.tip,.note{background:rgba(22,53,200,.14);border:2px solid rgba(98,237,255,.35)}
.warn{background:rgba(224,185,74,.08);border:2px solid rgba(224,185,74,.45)}
.gcard:hover,.gcard:focus-visible{border-color:var(--cyan);background:#141b3a;text-decoration:none}
figure.datafig img{border:2px solid var(--line2)}
th{background:var(--night2)!important;color:var(--dimt)}
th,td{border-bottom:1px solid #1d2448}
code{background:#161c38;color:var(--phos);border-radius:0}
.stats b{font-family:var(--px);font-weight:400;font-size:32px;letter-spacing:0;color:var(--phos)}

footer.site{position:relative;border-top:2px solid #1a2146;background:var(--night);color:var(--dimt)}
footer.site a{color:var(--dimt)}