body{color:var(--text);font-family: Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", sans-serif;letter-spacing:0;line-height:1.5;}
.cpp-ch12-ch12-3-shell{padding:20px;}
.cpp-ch12-ch12-3-title{margin:0;font-size:25px;line-height:1.25;letter-spacing:0;}
.cpp-ch12-ch12-3-lead{margin:8px 0 16px;color:var(--muted);font-size:14px;}
.cpp-ch12-ch12-3-blocks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--paper);}
.cpp-ch12-ch12-3-block{min-width:0;padding:10px 11px;border-left:1px solid var(--line);}
.cpp-ch12-ch12-3-block:first-child{border-left:0;}
.cpp-ch12-ch12-3-block b{display:block;margin-bottom:4px;color:var(--track-strong);font-size:13px;line-height:1.25;}
.cpp-ch12-ch12-3-block span{display:block;color:var(--muted);font-size:13px;line-height:1.4;}
.cpp-ch12-ch12-3-table{width:100%;margin-top:12px;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;table-layout:fixed;}
.cpp-ch12-ch12-3-table th,.cpp-ch12-ch12-3-table td{padding:9px 11px;border-left:1px solid var(--line);border-top:1px solid var(--line);text-align:left;vertical-align:top;font-size:13px;line-height:1.45;}
.cpp-ch12-ch12-3-table th:first-child,.cpp-ch12-ch12-3-table td:first-child{border-left:0;}
.cpp-ch12-ch12-3-table thead th{border-top:0;background:var(--surface);color:var(--text);font-weight:900;}
.cpp-ch12-ch12-3-table tbody td:first-child{color:var(--track-strong);font-weight:900;}
.cpp-ch12-ch12-3-table tbody td:not(:first-child){color:var(--muted);}
.cpp-ch12-ch12-3-note{margin-top:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:10px 12px;color:var(--muted);font-size:13px;}
.cpp-ch12-ch12-3-note b{color:var(--track-strong);}
@media(max-width:560px){
  .cpp-ch12-ch12-3-shell{padding:14px 16px;}
  .cpp-ch12-ch12-3-title{font-size:21px;}
  .cpp-ch12-ch12-3-lead{font-size:13px;}
  .cpp-ch12-ch12-3-blocks{grid-template-columns:repeat(2,minmax(0,1fr));}
  .cpp-ch12-ch12-3-block{border-left:1px solid var(--line);border-top:1px solid var(--line);padding:9px 10px;}
  .cpp-ch12-ch12-3-block:nth-child(-n+2){border-top:0;}
  .cpp-ch12-ch12-3-block:nth-child(2n+1){border-left:0;}
  .cpp-ch12-ch12-3-table th,.cpp-ch12-ch12-3-table td{padding:8px 7px;font-size:13px;line-height:1.4;}
  .cpp-ch12-ch12-3-table th:first-child,.cpp-ch12-ch12-3-table td:first-child{width:24%;}
}
@media(max-width:360px){
  .cpp-ch12-ch12-3-shell{padding:12px;}
  .cpp-ch12-ch12-3-title{font-size:20px;}
  .cpp-ch12-ch12-3-table th,.cpp-ch12-ch12-3-table td{padding:7px 6px;}
}

/* cpp-ch12-gold-local-finish */
:root{
  --track-ink:#075985;
  --accent-strong:#00599c;
  --accent-tint:#eef7ff;
  --warn:#486b88;
  --warn-tint:#f4f9fd;
  --a:#00599c;
  --as:#00599c;
  --ab:#eef7ff;
  --b:#00599c;
  --bb:#f2f8ff;
  --w:#486b88;
  --wb:#f4f9fd;
  --p:#ffffff;
  --s:#f7fbff;
  --sh:#eef7ff;
  --l:#c4d7ea;
  --t:#0f172a;
  --m:#475569;
}
html[data-diagram-theme="dark"]{
  --track-ink:#bfdbfe;
  --accent-strong:#a9d3f4;
  --accent-tint:rgba(122,184,232,.12);
  --warn:#a9bfd2;
  --warn-tint:rgba(122,184,232,.08);
  --a:#7ab8e8;
  --as:#a9d3f4;
  --ab:rgba(122,184,232,.12);
  --b:#7ab8e8;
  --bb:rgba(122,184,232,.10);
  --w:#a9bfd2;
  --wb:rgba(122,184,232,.08);
  --p:#101418;
  --s:#141c25;
  --sh:#172536;
  --l:rgba(122,184,232,.30);
  --t:#f5f8fb;
  --m:#c6d3df;
}
.diagram{border-color:var(--line);background:var(--paper);box-shadow:none;}
[class*="cpp-ch12-"][class$="-badge"],
[class*="cpp-ch12-"][class$="-tag"],
[class*="cpp-ch12-"][class$="-kicker"]{border-color:color-mix(in srgb,var(--track) 34%,var(--line));background:var(--track-tint);color:var(--track-strong);}
[class*="cpp-ch12-"][class$="-card"],
[class*="cpp-ch12-"][class$="-panel"],
[class*="cpp-ch12-"][class$="-question"],
[class*="cpp-ch12-"][class$="-codebox"],
[class*="cpp-ch12-"][class$="-block"]{border-color:var(--line);background:var(--surface);box-shadow:none;}
[class*="cpp-ch12-"][class$="-head"],
[class*="cpp-ch12-"][class$="-panel-head"]{border-color:var(--line);background:var(--surface-strong);}
[class*="cpp-ch12-"][class$="-blocks"],
[class*="cpp-ch12-"][class$="-table"],
[class*="cpp-ch12-"][class$="-note"],
[class*="cpp-ch12-"][class$="-call"],
[class*="cpp-ch12-"][class$="-callout"],
[class*="cpp-ch12-"][class$="-rule"]{border-color:var(--line);background:var(--track-tint);}
[class*="cpp-ch12-"][class$="-note"],
[class*="cpp-ch12-"][class$="-call"],
[class*="cpp-ch12-"][class$="-callout"],
[class*="cpp-ch12-"][class$="-rule"]{color:var(--track-strong);}
table[class*="cpp-ch12-"][class*="-table"] thead th{background:var(--surface-strong);}
table[class*="cpp-ch12-"][class*="-table"] tbody td:first-child{color:var(--track-strong);}
@media(max-width:560px){
  table[class*="cpp-ch12-"][class*="-table"],
  table[class*="cpp-ch12-"][class*="-table"] thead,
  table[class*="cpp-ch12-"][class*="-table"] tbody,
  table[class*="cpp-ch12-"][class*="-table"] tr,
  table[class*="cpp-ch12-"][class*="-table"] th,
  table[class*="cpp-ch12-"][class*="-table"] td{display:block;width:100%;}
  table[class*="cpp-ch12-"][class*="-table"] thead{display:none;}
  table[class*="cpp-ch12-"][class*="-table"] tr{padding:10px 12px;border-top:1px solid var(--line);}
  table[class*="cpp-ch12-"][class*="-table"] tr:first-child{border-top:0;}
  table[class*="cpp-ch12-"][class*="-table"] td{display:grid;grid-template-columns:74px minmax(0,1fr);gap:8px;padding:4px 0;border:0!important;}
  table[class*="cpp-ch12-"][class*="-table"] td::before{color:var(--text);font-weight:850;}
  table[class*="cpp-ch12-"][class*="-table"] td:nth-child(1)::before{content:"항목";}
  table[class*="cpp-ch12-"][class*="-table"] td:nth-child(2)::before{content:"기준";}
  table[class*="cpp-ch12-"][class*="-table"] td:nth-child(3)::before{content:"결론";}
}
/* /cpp-ch12-gold-local-finish */

/* cpp-ch12-code-contrast-fix */
[class*="cpp-ch12-"][class$="-code"],
[class*="cpp-ch12-"][class$="-codebox"],
[class*="cpp-ch12-"] pre{
  border-color:var(--line);
  background:var(--paper);
  color:var(--text);
}
html[data-diagram-theme="dark"] [class*="cpp-ch12-"][class$="-code"],
html[data-diagram-theme="dark"] [class*="cpp-ch12-"][class$="-codebox"],
html[data-diagram-theme="dark"] [class*="cpp-ch12-"] pre{
  background:#0f1720;
  color:#eef6ff;
}
/* /cpp-ch12-code-contrast-fix */