/* p19.css — 철거신고 · 네이비 · 문서형 2단(조문 인용박스+해설) 아키타입 */
:root{
  --accent:#2E3A5C;
  --sub:#7C89B0;
  --bg:#F4F5F9;
  --surface:#FFFFFF;
  --line:#DCE0EC;
  --display-font:'IBM Plex Sans KR',var(--font-fallback);
  --body-font:'Noto Sans KR',var(--font-fallback);
  --label-font:'IBM Plex Mono',var(--font-fallback);
}
.hero-eyebrow{font-family:var(--label-font);letter-spacing:.08em;}

/* 문서형 2단: 조문 인용박스 + 해설 텍스트 */
.law-grid{max-width:980px;margin:0 auto;display:grid;gap:20px;}
.law-box{
  margin:0;padding:24px 26px;background:var(--surface);border-left:4px solid var(--accent);
  border-radius:4px;box-shadow:0 4px 16px rgba(46,58,92,.08);
}
.law-box p{font-family:var(--display-font);font-size:1rem;line-height:1.85;color:#1f2328;margin-bottom:12px;}
.law-box cite{display:block;font-style:normal;font-size:.82rem;color:var(--accent);font-weight:600;}
.law-note{padding:24px 26px;background:var(--bg);border-radius:4px;}
.law-note h3{font-size:.9rem;font-weight:700;color:var(--accent);margin-bottom:10px;letter-spacing:.04em;}
.law-note p{font-size:.94rem;line-height:1.8;color:#454c54;}

@media (min-width:900px){
  .law-grid{grid-template-columns:1fr 1fr;align-items:start;}
}