.b12-strength-article {
  --ink:#192e40; --muted:#506476; --accent:#006b70; --soft:#eef7f5;
  --line:#cfdddf; --warm:#fff7e9; --focus:#176976;
  box-sizing:border-box; max-width:1020px; margin:0 auto;
  padding:48px 42px 68px; color:var(--ink); background:#fff;
  font-family:"Noto Sans CJK KR","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
  font-size:18px; line-height:1.92; word-break:keep-all; overflow-wrap:anywhere;
  -webkit-text-size-adjust:100%;
}
.b12-strength-article *, .b12-strength-article *::before, .b12-strength-article *::after {box-sizing:border-box;}
.b12-strength-article h1 {font-size:clamp(31px,4.8vw,48px); line-height:1.27; letter-spacing:-.045em; margin:0 0 14px; font-weight:800;}
.b12-strength-article .subtitle {font-size:21px; line-height:1.65; color:var(--muted); margin:0 0 32px; max-width:40em;}
.b12-strength-article h2 {font-size:27px; line-height:1.48; letter-spacing:-.032em; margin:58px 0 22px; padding-top:22px; border-top:1px solid var(--line);}
.b12-strength-article h3 {font-size:22px; line-height:1.5; margin:28px 0 14px; letter-spacing:-.02em;}
.b12-strength-article h4 {font-size:19px; line-height:1.5; margin:0 0 16px;}
.b12-strength-article p {margin:0 0 22px;}
.b12-strength-article strong {font-weight:750;}
.b12-strength-article a {color:var(--accent); text-decoration-thickness:1px; text-underline-offset:3px;}
.b12-strength-article a:hover {text-decoration-thickness:2px;}
.b12-strength-article a:focus-visible, .b12-strength-article summary:focus-visible, .b12-strength-article .table-scroll:focus-visible {outline:3px solid var(--accent); outline-offset:4px;}
.b12-strength-article .short-answer {margin:32px 0 46px; padding:26px 30px; border-left:5px solid var(--accent); background:var(--soft); border-radius:0 14px 14px 0;}
.b12-strength-article .short-answer p:last-child {margin-bottom:0;}
.b12-strength-article .box-label, .b12-strength-article .figure-kicker {font-size:15px; letter-spacing:.04em; font-weight:750; color:var(--accent); margin:0 0 12px;}
.b12-strength-article figure {margin:30px 0 34px; padding:26px; border:1px solid var(--line); border-radius:16px; background:#fbfdfd;}
.b12-strength-article figure h3 {margin:0 0 20px;}
.b12-strength-article .measure-grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px;}
.b12-strength-article .measure-card {border:1px solid var(--line); border-top:4px solid var(--accent); border-radius:10px; padding:22px; background:#fff;}
.b12-strength-article .measure-card:nth-child(2) {border-top-style:double; border-top-width:6px; background:#fffdf7;}
.b12-strength-article .measure-card p {font-size:16px; line-height:1.8; margin-bottom:15px;}
.b12-strength-article .measure-card .measure-question {font-weight:750; font-size:18px; line-height:1.65; color:var(--ink);}
.b12-strength-article .measure-card .measure-limit {border-top:1px dashed var(--line); padding-top:12px; color:var(--muted); margin-bottom:0;}
.b12-strength-article figcaption, .b12-strength-article .caption {font-size:15.5px; line-height:1.85; color:var(--muted); margin:18px 0 0;}
.b12-strength-article .caption {margin:14px 0 28px;}
.b12-strength-article .effect-chart {background:#fff;}
.b12-strength-article .chart-number {margin-bottom:12px; font-size:18px; line-height:1.7;}
.b12-strength-article .chart-number strong {font-size:28px; color:var(--accent); margin-left:6px;}
.b12-strength-article .chart-number span {font-size:16px; color:var(--muted);}
.b12-strength-article .ci-svg {display:block; width:100%; max-width:600px; height:auto; margin:22px auto 0; overflow:visible;}
.b12-strength-article .ci-svg text {font-family:inherit; fill:var(--ink);}
.b12-strength-article .ci-svg .axis-label {font-size:14px;}
.b12-strength-article .ci-svg .value-label {font-size:17px; font-weight:750;}
.b12-strength-article .ci-svg .zero {stroke:#697b84; stroke-width:1.5; stroke-dasharray:4 4;}
.b12-strength-article .ci-svg .ci, .b12-strength-article .ci-svg .ci-cap {stroke:var(--accent); stroke-width:3;}
.b12-strength-article .ci-svg .estimate {fill:var(--accent); stroke:#fff; stroke-width:1.5;}
.b12-strength-article .ci-svg .axis, .b12-strength-article .ci-svg .ticks {stroke:#5b6b77; stroke-width:1;}
.b12-strength-article .chart-direction {display:flex; justify-content:space-between; gap:20px; font-size:15px; line-height:1.65; max-width:600px; margin:0 auto 8px;}
.b12-strength-article .chart-direction span {max-width:46%;}
.b12-strength-article .chart-direction span:last-child {text-align:right;}
.b12-strength-article .table-scroll {max-width:100%; overflow-x:auto; margin:22px 0 0; border:1px solid var(--line); border-radius:12px; -webkit-overflow-scrolling:touch;}
.b12-strength-article table {border-collapse:collapse; width:100%; min-width:760px; font-size:15.5px; line-height:1.8; text-align:left;}
.b12-strength-article table caption {text-align:left; padding:16px 18px; color:var(--ink); font-size:17px; font-weight:750; background:#f3f7f7;}
.b12-strength-article table th, .b12-strength-article table td {padding:16px 16px; border-bottom:1px solid var(--line); vertical-align:top;}
.b12-strength-article table thead th {background:#eaf2f3; font-weight:750;}
.b12-strength-article table tbody tr:last-child th, .b12-strength-article table tbody tr:last-child td {border-bottom:0;}
.b12-strength-article table tbody th {font-weight:650; min-width:155px;}
.b12-strength-article table .focus-row th, .b12-strength-article table .focus-row td {background:#eef8f4;}
.b12-strength-article table .focus-row th {border-left:4px solid var(--accent);}
.b12-strength-article .technical-note {padding:20px 24px; border:1px solid #e3d5b8; border-radius:12px; background:var(--warm); margin:26px 0;}
.b12-strength-article .technical-note summary {cursor:pointer; font-size:17px; line-height:1.75; font-weight:750;}
.b12-strength-article .technical-note[open] summary {margin-bottom:22px;}
.b12-strength-article .technical-note p {font-size:16px; line-height:1.85;}
.b12-strength-article .technical-note p:last-child {margin-bottom:0;}
.b12-strength-article .reference-note {font-size:15px; color:var(--muted);}
.b12-strength-article .references {border-top:1px solid var(--line); padding-top:22px;}
.b12-strength-article .references p {font-size:15px; line-height:1.8; word-break:normal; overflow-wrap:anywhere; margin-bottom:22px;}
.b12-strength-article [id] {scroll-margin-top:24px;}
@media (max-width:640px) {
  .b12-strength-article {padding:28px 18px 48px; font-size:17px; line-height:1.9;}
  .b12-strength-article h1 {font-size:32px;}
  .b12-strength-article .subtitle {font-size:18px; margin-bottom:26px;}
  .b12-strength-article h2 {font-size:23px; margin-top:44px; padding-top:22px;}
  .b12-strength-article h3 {font-size:20px;}
  .b12-strength-article .short-answer {padding:21px 19px; margin:26px 0 36px;}
  .b12-strength-article figure {padding:20px 16px; border-radius:12px;}
  .b12-strength-article .measure-grid {grid-template-columns:1fr;}
  .b12-strength-article .measure-card {padding:20px;}
  .b12-strength-article .ci-svg {margin-top:18px;}
  .b12-strength-article .ci-svg .axis-label {font-size:20px;}
  .b12-strength-article .ci-svg .value-label {font-size:21px;}
  .b12-strength-article .chart-number strong {font-size:26px;}
  .b12-strength-article .chart-direction {font-size:14px; gap:12px;}
  .b12-strength-article .technical-note {padding:18px;}
  .b12-strength-article .references p {font-size:14.5px;}
}
@media print {
  .b12-strength-article {max-width:none; margin:0; padding:0; font-size:11pt; color:#000;}
  .b12-strength-article .table-scroll {overflow:visible;}
  .b12-strength-article table {min-width:0; font-size:9pt;}
  .b12-strength-article figure {break-inside:avoid;}
  .b12-strength-article h2, .b12-strength-article h3 {break-after:avoid;}
}