/* Keep the document interview's behavior while sharing the firm's visual language. */
:root { --ink: #183c34; --muted: #59645c; --line: #d8d8cb; --soft: #efeee6; --paper: #fffefb; --accent: #234b3e; --accent-dark: #15372c; }
body { background: #f7f5ef; line-height: 1.8; }
.law-site-nav { background: #f7f5ef; color: var(--ink); border-bottom: 1px solid var(--line); padding: 18px max(24px,calc((100vw - 1300px)/2)); }
.law-site-brand { color: var(--ink); }
.law-site-brand strong { font-family: "PMingLiU", "Songti TC", Georgia, serif; font-weight: 600; letter-spacing: .08em; }
.law-site-brand small { letter-spacing: .13em; color: #846443; }
.law-site-brand img { border-radius: 0; background: none; }
.law-site-links a { color: var(--ink); }
.law-site-links .consult-link { border: 1px solid var(--ink); background: none; border-radius: 0; color: var(--ink); }
.topbar { background: #eaece3; border-bottom: 1px solid var(--line); }
.topbar h1 { font-family: "PMingLiU", "Songti TC", Georgia, serif; font-weight: 500; letter-spacing: .04em; }
.eyebrow { color: #846443; font-size: 11px; letter-spacing: .15em; }
.privacy-note { border-radius: 0; background: #ffffff75; color: var(--ink); }
.steps, .workspace, .document-side { border-radius: 0; box-shadow: none; }
.step { border-radius: 0; }
.step.is-active { background: var(--ink); border-color: var(--ink); color: white; }
.book { border-radius: 0; box-shadow: 0 18px 40px #183c3412; }
.book-page { background: #fffefb; }
.book-page h2, .section-title h2 { font-family: "PMingLiU", "Songti TC", Georgia, serif; font-weight: 500; }
.page-kicker { color: #846443; letter-spacing: .12em; font-size: 13px; font-weight: 500; margin-bottom: 10px; }
.page-number { margin-top: 0; justify-self: start; font-size: 12px; margin-bottom: 24px; }
.book-page { border-radius: 0; }
.book-page::after { display: none; }
.book-spine { border-radius: 0; background: var(--ink); box-shadow: none; }
input, select, textarea, .page-field input, .page-field textarea { border-radius: 0; border-color: #a8b7ac; }
button { border-radius: 0; }
:focus-visible { outline: 3px solid #9b7549; outline-offset: 4px; }
@media (max-width: 600px) {
  .law-site-nav { padding: 16px 20px; gap: 14px; align-items: center; }
  .law-site-brand { gap: 10px; }
  .law-site-brand img { width: 36px; height: 36px; }
  .law-site-brand strong { font-size: 15px; white-space: nowrap; }
  .law-site-brand small { font-size: 8px; white-space: nowrap; }
  .law-site-links { gap: 12px; }
  .law-site-links .consult-link { font-size: 12px; white-space: nowrap; padding: 10px 12px; }
  .topbar { padding: 26px 20px; }
  .privacy-note { max-width: none; font-size: 13px; }
  .book-mode .app-shell { padding: 20px; }
  .book { grid-template-columns: 7px minmax(0,1fr); }
  .book-page { padding: 24px; }
  .book-page h2 { font-size: 25px; line-height: 1.7; }
  .page-question { font-size: 20px; }
  .group-field label { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }