/* 법률세부정보 (law-detail.co.kr): 짙은 청록에 황토 포인트. 색인·편람 같은 정리형 — 각진 모서리, 괘선 표, 소제목 앞 번호 띠.
   site.css 뒤에 덧씌운다. html:root 는 build 의 테마 색 지정보다 우선한다. */
html:root {
  --baize: #0f3d3e;
  --baize-deep: #0a2c2d;
  --baize-text: #f3efe6;
  --baize-muted: #a9c2bf;
  --ink: #1d2626;
  --muted: #56615f;
  --line: #d9d4c7;
  --sage: #f4f1e8;
  --link: #0d6466;
  --seal: #b7791f;
  --hot: #d69e2e;
  --r: 3px;
}

/* 머리글: 청록 바탕, 아래 황토 괘선 두 줄 */
.top { background: var(--baize); box-shadow: inset 0 -2px 0 var(--hot), inset 0 -5px 0 var(--baize-deep); }
.call { border-radius: var(--r); }
.top .call-apply { background: var(--seal); color: #fff; }
.top .call-apply:hover { background: #975a16; color: #fff; }

/* 각진 모서리 */
.sheet, .hook, .tool, .note, .mid-cta, .gist, .cta, .promo img, .case-cta, .way, .btn, .kakao, .opts label, .tool input, .tool select { border-radius: var(--r); }
.btn { background: var(--seal); }
.btn:hover { background: #975a16; }

/* 첫 화면: 청록 위 편람 표지 느낌 */
.hero { background: linear-gradient(180deg, #0f3d3e 0%, #0b3132 100%); }
.hero h1 { font-weight: 700; letter-spacing: -.02em; }
.hero-links a { color: #f6d58e; font-weight: 600; border-bottom: 1px solid rgba(246, 213, 142, .5); }
.band.sage { background: var(--sage); }
.band h2.title { font-weight: 700; }
.band h2.title::after { content: ''; display: block; width: 72px; height: 2px; margin-top: 12px; background: var(--hot); }
.way { padding: 22px; background: #fff; border: 1px solid var(--line); border-top: 3px solid var(--baize); }
.picks a::after { color: var(--seal); }

/* 본문: 소제목 위 괘선, 요지는 색인 카드, 표는 줄무늬 */
.page-head h1 { font-weight: 700; letter-spacing: -.02em; }
.article h2 { font-weight: 700; padding-top: 14px; border-top: 2px solid var(--baize); }
.gist { display: block; background: var(--sage); border-left: 4px solid var(--seal); }
.gist-tag { display: inline-block; writing-mode: horizontal-tb; letter-spacing: .08em; margin: 14px 0 0 18px; padding: 2px 10px; background: var(--baize); color: #f6d58e; font-size: 12.5px; }
.gist p { padding-top: 8px; }
.tw tbody tr:nth-child(even) { background: #faf8f2; }
.tw th { background: #eef2f0; }
.steps li::before { background: #fff; color: var(--baize); border: 2px solid var(--baize); border-radius: var(--r); font-weight: 700; }
.steps li:not(:last-child)::after { background: var(--line); width: 2px; }
.note { background: #fbf6ea; border-left: 3px solid var(--hot); }

/* 상담 블록 */
.cta { background: var(--baize); box-shadow: inset 0 3px 0 var(--hot); }
.cta .btn { background: var(--hot); color: #1d2626; }
.cta .btn:hover { background: #ecc94b; color: #1d2626; }
.case-cta { background: #fbf6ea; border-left: 3px solid var(--seal); }

/* 키워드 랜딩 */
.lp-hero { background: #0b2627; }
.lp-hero .kw, .lp-live b { color: #f6d58e; }
.lp-promo { background: #0b2627; }
.lp-trust { background: #0b2627; }
.lp-hero h1 em { color: #f6d58e; }
.lp-hero .lp-btn { border-radius: var(--r); }

/* 상담 변호사 */
.lw-badge { background: #eef2f0; color: var(--baize); border-radius: var(--r); }
.lawyer img { border-radius: var(--r); }

/* 바닥글 */
.foot { background: var(--baize-deep); border-top: 2px solid var(--hot); }