/* 법률인 (law-in.co.kr): 밝은 종이 위 남색 잉크. 머리글과 첫 화면을 밝게, 카드는 둥글게, 소제목 앞에 짧은 남색 막대.
   site.css 뒤에 덧씌운다. html:root 는 build 의 테마 색 지정보다 우선한다. */
html:root {
  --baize: #16294a;
  --baize-deep: #0e1c35;
  --baize-text: #f3f6fb;
  --baize-muted: #b8c3d6;
  --ink: #141b27;
  --muted: #566173;
  --line: #dde3ec;
  --sage: #f0f4f9;
  --link: #1d4d9b;
  --seal: #b8322a;
  --r: 12px;
}

/* 머리글: 흰 바탕, 남색 글자, 아래 가는 선 */
.top { background: #fff; color: var(--baize); border-bottom: 1px solid var(--line); }
.top .brand { color: var(--baize); }
.field-tag { color: var(--baize); border-left-color: var(--line); }
.field-tag:hover { color: var(--link); }
.nav a { color: var(--ink); }
.nav a:hover, .nav a[aria-current] { color: var(--baize); border-bottom-color: var(--baize); }
.call { background: var(--baize); color: #fff; border-radius: 8px; }
.call:hover { background: var(--baize-deep); color: #fff; }
.top .call-apply { background: var(--seal); }

/* 둥근 모서리 */
.btn, .sheet, .opts label, .hook, .tool, .note, .mid-cta, .gist, .cta, .tool input, .tool select, .promo img, .kakao { border-radius: var(--r); }
.btn { border-radius: 10px; }

/* 첫 화면: 밝은 바탕, 남색 큰 글씨, 서류 카드는 테두리 */
.hero { background: linear-gradient(180deg, #f3f6fb 0%, #fff 100%); color: var(--ink); border-bottom: 1px solid var(--line); }
.hero h1 { color: var(--baize); font-weight: 800; letter-spacing: -.025em; }
.hero-copy p { color: var(--muted); }
.hero-links a { color: var(--link); font-weight: 600; }
.sheet { border: 1px solid var(--line); box-shadow: 0 18px 40px -24px rgba(22, 41, 74, .35); }
.band h2.title { color: var(--baize); letter-spacing: -.02em; }
.band h2.title::before { content: ''; display: block; width: 36px; height: 3px; margin-bottom: 14px; background: var(--baize); border-radius: 2px; }
.way { padding: 22px; border: 1px solid var(--line); border-radius: var(--r); background: #fff; }
.picks a:hover strong { color: var(--link); }

/* 본문 */
.page-head { border-bottom: 1px solid var(--line); margin-bottom: 28px; }
.page-head h1 { color: var(--baize); font-weight: 800; letter-spacing: -.02em; }
.article h2 { position: relative; padding-left: 16px; color: var(--baize); }
.article h2::before { content: ''; position: absolute; left: 0; top: .32em; bottom: .32em; width: 4px; border-radius: 2px; background: var(--baize); }
.gist { display: block; background: #fff; border: 1px solid var(--line); border-left: 4px solid var(--baize); }
.gist-tag { display: block; writing-mode: horizontal-tb; letter-spacing: .08em; padding: 12px 20px 0; background: none; color: var(--baize); font-size: 14px; text-align: left; }
.gist p { padding-top: 6px; }
.steps li::before { background: var(--baize); color: #fff; border-color: var(--baize); border-radius: 50%; }
.note { background: var(--sage); border: 1px solid var(--line); }

/* 상담 블록 */
.cta { border-radius: 16px; background: linear-gradient(160deg, #16294a 0%, #0e1c35 100%); }
.case-cta { background: var(--sage); border-left: 0; border-top: 4px solid var(--seal); border-radius: var(--r); }

/* 키워드 랜딩: 남색 밤하늘 톤 */
.lp-hero { background: #0b1427; }
.lp-hero::after { background: radial-gradient(ellipse at 50% 30%, rgba(11, 20, 39, .3), rgba(11, 20, 39, .9) 75%); }
.lp-hero .kw, .lp-live b { color: #9cc0ff; }
.lp-live { border-color: rgba(156, 192, 255, .4); background: rgba(156, 192, 255, .08); }
.lp-promo { background: #0b1427; }
.lp-trust { background: #0b1427; border-top-color: rgba(156, 192, 255, .18); }
.lp-trust-b { border-color: rgba(156, 192, 255, .5); background: radial-gradient(ellipse at top, rgba(156, 192, 255, .14), rgba(156, 192, 255, .02) 70%); }
.lp-trust h3 { color: #9cc0ff; }

/* 바닥글 */
.foot { background: #0b1427; }
.lead-fab { border-radius: 14px; }
.lp-hero h1 em { color: #9cc0ff; }