/* 강한 법무사 공용 디자인 토큰·기본 스타일(설계서 §14, final.html에서 추출) — 공개면·관리자 공통 */
@import url("/assets/ktypo.css"); /* 글 가독성 토큰·긴 글 블록·폭별 배치(2026-11-02) */
:root{
  --paper:#FFFFFF;--ink:#16223D;--ink-2:#3D4552;--muted:#5A6473;
  --hair:#D4DBE8;--hair-2:#BCC7D8;--card:#EEF3FB;--tint:#E1EAFF;
  --accent:#1D4ED8;--btn:#1D4ED8;--accent-hover:#1A44BF;
  --ok:#15803D;--ok-bg:#E7F6EC;--warn:#B45309;--warn-bg:#FEF3C7;--danger:#B91C1C;--danger-bg:#FEE2E2;
  --radius:12px;--radius-in:8px;--shadow:0 1px 3px rgba(15,23,42,.06);
  --sans:"Noto Sans KR",system-ui,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --serif:"Noto Serif KR","Noto Serif CJK KR",serif;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;word-break:keep-all;overflow-wrap:anywhere}
a{color:var(--accent)}
a:hover{color:var(--accent-hover)}
button,input,select,textarea{font:inherit;color:inherit}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 16px;border-radius:var(--radius-in);border:1px solid var(--hair-2);background:var(--paper);color:var(--ink);font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap}
.btn:hover{background:var(--card);color:var(--ink)}
.btn.primary{background:var(--btn);border-color:var(--btn);color:#fff}
.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}
.btn:disabled{opacity:.55;cursor:not-allowed}
.input{width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--hair-2);border-radius:var(--radius-in);background:var(--paper)}
.input:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}