/* 큰 글씨 보기 (report 1-275): an opt-in reading mode for readers who need larger type. The default screen is
   unchanged. The switch lives in the header; big-text.js raises any remaining text under 16px. */
.top-actions .big-text-toggle,.big-text-toggle{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:6px 11px;border:1px solid #bec8cf;border-radius:9px;background:linear-gradient(#f8f9f9,#eef1f3);box-shadow:inset 0 1px 0 #fff,0 1px 2px #24324006;color:#38434b;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap}
.big-text-toggle b{font-size:18px;font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--ink,#0f1113)}
.big-text-toggle i{width:7px;height:7px;border-radius:50%;background:#b0b8be;box-shadow:inset 0 0 0 1px #9aa3aa;flex:none}
.big-text-toggle[aria-pressed=true]{border-color:#8498a6;background:#e6edf2;color:#1d2a33}
.big-text-toggle[aria-pressed=true] i{background:var(--mark,#ff5a1f);box-shadow:0 0 0 3px #ff5a1f2e}
/* .top-actions button sets 12px on phones; the switch keeps its own size. */
@media(max-width:860px){.top-actions .big-text-toggle{min-height:44px;padding:6px 8px;gap:5px;font-size:14px}.big-text-toggle b{font-size:17px}}

/* Reading: larger body, looser lines, darker greys. */
html[data-big-text]{--muted:#3f464c;--soft:#22272c;--dtext:#cfd5da}
/* Korean words stay whole when larger type wraps. */
html[data-big-text] body{word-break:keep-all;overflow-wrap:break-word}
html[data-big-text] #tech-article-body :is(p,li){font-size:20px;line-height:1.85}
html[data-big-text] #tech-article-body :is(td,th){font-size:17px;line-height:1.7}
html[data-big-text] #tech-article-body h2{font-size:26px;line-height:1.4}
html[data-big-text] #tech-article-body h3{font-size:21px;line-height:1.45}
@media(min-width:861px){html[data-big-text] #tech-article-body :is(p,li){font-size:21px}html[data-big-text] #tech-article-body h2{font-size:29px}}
/* Labels that sit in fixed rows may wrap instead of being cut. */
html[data-big-text] :is(.t-strip a span,.by,.crumb){max-width:none;white-space:normal}
html[data-big-text] .t-strip a{white-space:normal}
html[data-big-text] .question-heading .lab{white-space:nowrap}
/* Narrow phones: the familiar 「가가」 size mark (small 가, large 가) in place of the words, so the header fits. */
@media(max-width:400px){.top-actions .big-text-toggle{padding:6px 9px;gap:4px}.big-text-toggle span{display:none}.big-text-toggle b::before{content:"가";font-size:12px;font-weight:700;margin-right:1px}}
/* 아주 크게 (second step): body 24px on phones, every other line at least 19px (big-text.js); the lamp lengthens. */
html[data-big-text="2"] #tech-article-body :is(p,li){font-size:24px;line-height:1.8}
html[data-big-text="2"] #tech-article-body :is(td,th){font-size:19px;line-height:1.65}
html[data-big-text="2"] #tech-article-body h2{font-size:30px;line-height:1.35}
html[data-big-text="2"] #tech-article-body h3{font-size:25px;line-height:1.4}
@media(min-width:861px){html[data-big-text="2"] #tech-article-body :is(p,li){font-size:25px}html[data-big-text="2"] #tech-article-body h2{font-size:32px}}
@media(min-width:401px){.big-text-toggle[data-level="2"] i{width:16px;border-radius:4px}}
.big-text-toggle[data-level="2"] i{box-shadow:0 0 0 3px #ff5a1f66}
