/* 법률 Q&A 공통 디자인 값. 센터별 강조색은 #ak-qna[data-center] 에서 고른다. */
:root {
  --ak-ink: #333333;
  --ak-sub: #666666;
  --ak-footer: #EDF0F3;
  --ak-bar-dark: #1A1A1A;
  --ak-call-blue: #18A6D3;
  --ak-font: "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;
  --ak-track: -1px;
  --ak-header-h: 105px;
  --ak-header-h-m: 62px;
  --ak-bar-h-m: 43px;
  --roel-left-w: 190px;
  --roel-left-head-h: 120px;
  --roel-left-pad: 30px;
  --roel-left-gap: 30px;
  --roel-right-w: 238px;
  --roel-gap-r: 38px;
  --roel-edge-r: 57px;
  --roel-right-top: 47px;
  --roel-line: #EEEEEE;
  --roel-row-line: #E9EDF1;
  --roel-band-bg: #F8F8F8;
  --roel-th-bg: #FAFBFC;
  --roel-th-w: 130px;
  --roel-row-h: 54px;
  --roel-pad-x: 52px;
  --roel-content-top: 75px;
  --roel-title: #14181D;
  --roel-text: #222222;
  --roel-label: #687380;
  --roel-th-text: #49535F;
  --roel-kicker: 16px;
  --roel-h1: 30px;   --roel-h1-line: 1.5;
  --roel-h2: 28px;   --roel-h2-line: 1.35;
  --roel-h3: 20px;   --roel-h3-line: 1.5;
  --roel-body: 18px; --roel-body-line: 1.75;
  --roel-body-track: -0.48px;
  --roel-sec-no: 13px;
  --roel-small: 14px;
}
:root, [data-center="assault"] { --qna-accent: #A62F43; --qna-accent-tint: #F8EEF0; --ak-header-bg: rgba(166, 47, 67, .95); }
[data-center="detective"]    { --qna-accent: #117797; --qna-accent-tint: #EDF8FB; --ak-header-bg: rgba(24, 166, 211, .95); }
[data-center="economy"]      { --qna-accent: #006A4E; --qna-accent-tint: #EBF3F1; --ak-header-bg: rgba(0, 106, 78, .95); }
[data-center="compensation"] { --qna-accent: #96664B; --qna-accent-tint: #F6EFEA; --ak-header-bg: #FFFFFF; }
[data-center="divorce"]      { --qna-accent: #DB154A; --qna-accent-tint: #FDEEF2; --ak-header-bg: #FFFFFF; }
[data-center="phishing"]     { --qna-accent: #00759B; --qna-accent-tint: #EBF5F8; --ak-header-bg: #FFFFFF; }
[data-center="traffic"]      { --qna-accent: #0F3460; --qna-accent-tint: #ECEFF2; --ak-header-bg: #FFFFFF; }
[data-center="construct"]    { --qna-accent: #8C6E1F; --qna-accent-tint: #F7F1E3; --ak-header-bg: #FFFFFF; }
:root, [data-center] { --qna-accent-dark: color-mix(in srgb, var(--qna-accent) 82%, #000); }
@media (max-width: 768px) {
  :root {
    --roel-pad-x: 16px;
    --roel-content-top: 32px;
    --roel-h1: 23px;
    --roel-h2: 23px;
    --roel-h3: 18px;
    --roel-body: 17px;
  }
}