/* EMBRYX 임시 시안 — 설명 레이어 (브리핑용)
   실제 사이트에는 포함되지 않는 YLZ MEDIA 전용 오버레이입니다. */
:root{ --ylz:#3B4EFF; --ylz-d:#2536d8; --chk:#D9534F; }

/* 토글 버튼 */
#ntToggle{position:fixed;right:20px;bottom:20px;z-index:95;
  background:var(--ylz);color:#fff;border:none;cursor:pointer;
  font-family:inherit;font-size:13px;font-weight:800;letter-spacing:.02em;
  padding:14px 20px;border-radius:999px;box-shadow:0 8px 26px rgba(0,0,0,.45)}
#ntToggle:hover{background:var(--ylz-d)}
#ntToggle .c{display:inline-block;margin-left:8px;opacity:.75;font-weight:700}

/* 목차 패널 */
#ntIndex{position:fixed;left:20px;bottom:20px;z-index:95;width:252px;
  background:rgba(14,14,18,.96);border:1px solid rgba(59,78,255,.5);border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.5);overflow:hidden;display:none}
body.nt-on #ntIndex{display:block}
#ntIndex .hd{background:var(--ylz);color:#fff;font-size:11.5px;font-weight:800;
  letter-spacing:.1em;padding:10px 14px;display:flex;justify-content:space-between;align-items:center}
#ntIndex .hd button{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;font-family:inherit;opacity:.8}
#ntIndex .bd{max-height:46vh;overflow-y:auto;padding:6px 0}
#ntIndex a{display:flex;gap:9px;align-items:baseline;text-decoration:none;
  padding:8px 14px;font-size:12.5px;color:#C9CBD1;line-height:1.45}
#ntIndex a:hover{background:rgba(59,78,255,.18);color:#fff}
#ntIndex a .n{font-size:10.5px;font-weight:800;color:var(--ylz);min-width:17px}
#ntIndex a.w .n{color:var(--chk)}
#ntIndex.min .bd{display:none}

/* 섹션 번호 배지 */
.nt-badge{position:absolute;z-index:78;left:0;top:0;
  background:var(--ylz);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;
  padding:5px 10px;border-radius:0 0 8px 0;pointer-events:none}
.nt-badge.w{background:var(--chk)}

/* 설명 카드 */
.nt{position:absolute;z-index:80;width:320px;max-width:calc(100vw - 40px);
  background:rgba(12,12,16,.96);border:1px solid rgba(59,78,255,.55);border-left:3px solid var(--ylz);
  border-radius:10px;padding:16px 18px;box-shadow:0 10px 30px rgba(0,0,0,.5);
  font-family:"Pretendard","Apple SD Gothic Neo",sans-serif}
.nt.w{border-color:rgba(217,83,79,.55);border-left-color:var(--chk)}
.nt .k{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--ylz);margin-bottom:8px}
.nt.w .k{color:var(--chk)}
.nt .t{font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1.45}
.nt .b{margin-top:9px;font-size:12.5px;color:#C9CBD1;line-height:1.78;white-space:pre-line}
.nt .ask{margin-top:11px;padding-top:10px;border-top:1px solid rgba(255,255,255,.12);
  font-size:12px;color:#fff;font-weight:700;line-height:1.65}
.nt .ask::before{content:"물어볼 것 — ";color:var(--chk);font-weight:800}

/* 위치 */
.nt.tr{right:18px;top:18px}
.nt.tl{left:18px;top:18px}
.nt.br{right:18px;bottom:18px}
.nt.bl{left:18px;bottom:18px}
.nt.cr{right:18px;top:50%;transform:translateY(-50%)}

body:not(.nt-on) .nt,body:not(.nt-on) .nt-badge{display:none}

/* 스크롤 포커스 */
.nt-focus{outline:2px solid var(--ylz);outline-offset:-2px}

@media (max-width:980px){
  .nt{position:static;width:auto;margin:14px 18px;transform:none}
  .nt-badge{position:static;display:inline-block;margin:14px 0 0 18px;border-radius:6px}
  #ntIndex{display:none !important}
}
@media print{#ntToggle,#ntIndex{display:none}}