@media (max-width: 820px) {
  :root .answer li.r588 > .r588-txt { display: block; }
  :root .answer .co588-tag { font-size: 13px; line-height: 1.45; }
  :root[data-theme="dark"] .answer .co588-tag { background: rgba(158,200,239,.16); color: #9ec8ef; }
  :root .aud1646, :root .aud1646 span, :root .aud1643-lb, :root .aud1643-f,
  :root .aud1643-op, :root .aud1643-std { font-size: 13px; }
  :root .answer .c1800 .c18-ft .c18-kb { font-size: 12.5px; }
  :root .answer .c1800 .c18-eb, :root .answer .c1800 .c18-chip .c18-n { font-size: 13px; }
  :root .asp1486-scope { font-size: 13px; }
  :root .answer .c1800 .c18-fl .c18-chip, :root .answer .c1800 .c18-tog > button,
  :root .answer .c1800 .c18-fold, :root .answer .an-toc1622 > button { min-height: 40px; }
  :root .asp1486 .fbtn, :root .asp1486 .fnm { font-size: 13.5px; }
  :root .asp1486 .tl77-y .s { font-size: 12.5px; }
  :root .asp1486 .ex > span { font-size: 13px; }
  :root .asp1486 .tl77 .lb, :root .asp1486 .tl77-cap span,
  :root .asp1486 .say .sub, :root .asp1486 .say .sub b,
  :root .asp1486 .h76-sw { font-size: 13px; }
  :root .h76-bub, :root .vo74 { background-image: linear-gradient(135deg,#b45a1a 0%,#b84a2a 55%,#a8385e 100%); }
  :root .vo74 { font-size: 12px; }
  :root .h76-tag { background: var(--btn-or, #b35d3a); }
  :root .asp1486 .tl77 { --t-on1: #b84a1a; --t-on2: #a8325f; }
  :root .asp1486 .h76-sw { min-height: 36px; }
  :root .h76-x { min-width: 28px; min-height: 28px; }
  :root .n539-kind, :root .n539-st { font-size: 13px; }
  :root .n539-d { font-size: 13px; }
  :root[data-theme="dark"] .n539-kind.k4 { background: rgba(158,200,239,.16); color: #9ec8ef; }
  :root .n539-send, :root .n539-seg > button, :root .n539-ghost { min-height: 44px; }
  :root .ref-modal-close { min-width: 44px; min-height: 44px; }
  :root .ref-modal .find-nav { min-width: 40px; min-height: 40px; }
  :root .ref-modal-dart { min-height: 40px; display: inline-flex; align-items: center; }
  :root #refFindInput { font-size: 16px; min-height: 40px; }
  :root .ref-modal .rf429-q { background: var(--btn-or, #b35d3a); }
  :root .hist-clear-btn { min-width: 44px; }
  :root #mcpView small, :root #mcpView .en { font-size: 13px; }
  #myInfoOverlay .mi8-l,
  #myInfoOverlay [style*="font-size:11px"], #myInfoOverlay [style*="font-size: 11px"],
  #myInfoOverlay [style*="font-size:11.5px"], #myInfoOverlay [style*="font-size: 11.5px"],
  #myInfoOverlay [style*="font-size:12px"], #myInfoOverlay [style*="font-size: 12px"],
  #myInfoOverlay [style*="font-size:12.5px"], #myInfoOverlay [style*="font-size: 12.5px"],
  #myInfoOverlay small, #myInfoOverlay .mi8-lk, #myInfoOverlay .mi8-btn { font-size: 13px !important; }
  #myInfoOverlay .mi8-x { min-width: 44px !important; min-height: 44px !important; }
  #myInfoOverlay .mi8-btn, #myInfoOverlay #ref1810Btn { min-height: 40px !important; }
  #myInfoOverlay #ref1810In { font-size: 16px !important; min-height: 40px !important; }
  #myInfoOverlay .mi8-lk { min-height: 32px; display: inline-flex; align-items: center; }
  #myInfoOverlay .mi8-emo button { width: 40px !important; height: 40px !important; }
  #myInfoOverlay button[style*="width:52px"]:not(.mi8-emo button) { min-height: 40px !important; }
}
@media (max-width: 820px) {
  :root .mbglue { white-space: nowrap; }
  :root[data-theme="dark"] .ref-modal { color-scheme: dark; background: #141d29; border: 1px solid #2a3a4f; --text-primary: #e8edf3; --text-secondary: #c7ccd4; --text-muted: #a9bacd; --surface-0: #141d29; --surface-1: #18222f; --surface-2: #1e2a3a; --border: #2a3a4f; }
  :root[data-theme="dark"] .ref-modal-head { display: grid; grid-template-columns: 1fr auto auto; gap: 8px; align-items: center; padding: 14px 14px 10px; background: #141d29; border-bottom: 0; }
  :root[data-theme="dark"] .ref-modal-title { grid-column: 1; grid-row: 1; font-size: 17px; line-height: 1.35; color: #e8edf3; min-width: 0; }
  :root[data-theme="dark"] .ref-modal-dart { grid-column: 2; grid-row: 1; background: #1e2a3a; color: #9ec8ef; border: 1px solid #33445a; padding: 0 12px; border-radius: 10px; font-size: 13px; margin: 0; }
  :root[data-theme="dark"] .ref-modal-close { grid-column: 3; grid-row: 1; background: #1e2a3a; color: #c7ccd4; border: 1px solid #33445a; border-radius: 10px; margin: 0; }
  :root[data-theme="dark"] .ref-modal-meta { grid-column: 1 / -1; grid-row: 2; margin: 0; min-width: 0; }
  :root[data-theme="dark"] .ref-modal .rf429-meta { display: flex; flex-wrap: wrap; gap: 6px; }
  :root[data-theme="dark"] .ref-modal .rf429-p { background: rgba(255,255,255,.07); color: #c7ccd4; font-size: 13px; }
  :root[data-theme="dark"] .ref-modal .rf429-y { background: #2c3d52; color: #e8edf3; }
  :root[data-theme="dark"] .ref-modal .rf429-ofs { background: rgba(158,200,239,.16); color: #9ec8ef; }
  :root[data-theme="dark"] .ref-modal .rf429-q { background: #b35d3a; color: #fff; }
  :root[data-theme="dark"] .ref-modal-find { display: flex; align-items: center; gap: 6px; padding: 8px 12px; background: #18222f; border-top: 1px solid #22303f; border-bottom: 1px solid #22303f; }
  :root[data-theme="dark"] .ref-modal-find input { flex: 1 1 auto; min-width: 0; width: auto; background: #1e2a3a; color: #e8edf3; border: 1px solid #33445a; }
  :root[data-theme="dark"] .ref-modal-find input::placeholder { color: #8a99ac; }
  :root[data-theme="dark"] .ref-modal-find .find-ico { color: #8a99ac; }
  :root[data-theme="dark"] .ref-modal-find .find-count:empty { display: none; }
  :root[data-theme="dark"] .ref-modal-find .find-nav { flex: 0 0 auto; background: #1e2a3a; color: #c7ccd4; border: 1px solid #33445a; }
  :root[data-theme="dark"] #refFindInput:placeholder-shown ~ .find-nav:not(.tx280-btn) { display: none; }
  :root[data-theme="dark"] .ref-modal-body { background: #141d29; padding: 16px 14px; }
  :root[data-theme="dark"] .ref-modal-body iframe { background: transparent !important; }
  :root[data-theme="dark"] .ref-modal-body .note-html { color: #dfe5ec; }
  :root[data-theme="dark"] .ref-modal-body .note-html td, :root[data-theme="dark"] .ref-modal-body .note-html th { border-color: #3a4b61 !important; color: #dfe5ec !important; }
  :root .ref-modal-body .note-html .mbpb { display: block; height: 0; margin-top: 16px; }
  :root[data-theme="dark"] .ref-modal-body mark.find-hit { color: #141d29; }
}
@media (max-width: 820px) {
  :root .answer table[data-mbf="1"] th, :root .answer table[data-mbf="1"] td { white-space: nowrap !important; padding: 9px 5px !important; font-size: 14px !important; }
  :root .answer table[data-mbf="1"] td div { font-size: 12.5px !important; white-space: normal; }
}
@media (max-width: 820px) {
  :root .answer table[data-mbcol="1"] tr > *:first-child { display: none; }
  :root .answer .mbcap { display: inline-block; margin: 0 0 8px; padding: 4px 10px; border-radius: 8px; background: rgba(158,200,239,.16); color: #9ec8ef; font-size: 13px; font-weight: 600; }
}
@media (max-width: 820px) {
  :root .input-box > .input-row { border-top: 0 !important; }
  :root .mb-scope .mb-ar { display: none !important; }
}
@media (max-width: 820px) {
  body:not(.mb-scope-on) #mbScope1580 .mb-tx { min-width: 0; }
  body:not(.mb-scope-on) #mbScope1580::after { content: "변경"; margin-left: auto; flex: none; font-size: 13px; font-weight: 600; color: #f0a27e; border: 1px solid #b35d3a; border-radius: 999px; padding: 2px 10px; line-height: 1.4; background: rgba(226,118,74,.10); }
}
@media (max-width: 820px) {
  :root[data-theme="dark"] .if18-ans { --i-bg: #1f2330; --i-ink: #eef0f5; --i-mu: #a3a7b3; --i-ln: #3d3646; --i-ch: #2b2632; --i-sub: #262a37; --i-a1: #f08a4e; --i-a2: #ef6b80; --i-dp: #ffb08a; --i-key: rgba(240,138,78,.10); color-scheme: dark; }
}
@media (max-width: 820px) {
  
  :root[data-theme="dark"] { --mb-ph: #8796ab; --mc-fg4: #8796ab; }
  :root[data-theme="dark"] #myInfoOverlay #ref1810In::placeholder { color: var(--mb-ph); -webkit-text-fill-color: var(--mb-ph); }
  :root[data-theme="dark"] .h76-tag { color: #fff; }
  :root[data-theme="dark"] .aud1643-d { color: #8796ab; }
  :root[data-theme="dark"] .n539-new { background: #b35d3a; }
  :root[data-theme="dark"] .answer a[style*="background:#e2764a"] { background: #b35d3a !important; }
  :root[data-theme="dark"] .asp1486 .tip1844 b { color: #f0a27e; }
  :root[data-theme="dark"] .asp1486 .tip1844 .ex span:not(.if18-w) { background: rgba(240,162,126,.14); border-color: rgba(240,162,126,.38); color: #f0a27e; }
  :root[data-theme="dark"] .tl77.tl77.tl77 .tl77-y.on { background: linear-gradient(135deg, #a8552f, #b03f58); }
  :root[data-theme="dark"] .tl77.tl77.tl77 { --tl-a: #a8552f; --tl-b: #b03f58; }
  :root[data-theme="dark"] .if18-bd, :root[data-theme="dark"] .ex span.if18-w { background: linear-gradient(90deg, #a8552f, #b03f58); }
  :root[data-theme="dark"] .if18-q .n { background: #a8552f; }
  :root[data-theme="dark"] .vo74c button { background: linear-gradient(135deg, #a8552f, #b03f58); }
  :root[data-theme="dark"] #mcpView [style*="color:#22262e"] { color: #e8edf3 !important; }
  :root[data-theme="dark"] #mcpView [style*="color:#e2764a"] { color: #f0a27e !important; }
  :root[data-theme="dark"] .answer .c1800 .c18-chip.c18-on { background: #b35d3a; border-color: #b35d3a; color: #fff; }
  :root[data-theme="dark"] .answer .c1800 .c18-chip.c18-on .c18-n { color: #fff; }
  :root[data-theme="dark"] .ref-modal .ref-modal-meta { color: #a9bacd; }
  :root[data-theme="dark"] .a75, :root[data-theme="dark"] .a75-rm { --brand: #9ec8ef; }
  :root[data-theme="dark"] .a75-tg { color: #141d29; }
  :root[data-theme="dark"] .a75-rm .sum .st { background: #1e2a3a; }
  :root[data-theme="dark"] .ref-modal-body #ds128Doc, :root[data-theme="dark"] .ref-modal-body #ds128Doc title, :root[data-theme="dark"] .ref-modal-body #ds128Doc [data-dart-title] { color: #dfe5ec; }
  :root[data-theme="dark"] .ref-modal-body #ds128Doc td, :root[data-theme="dark"] .ref-modal-body #ds128Doc th { border-color: #3a4b61; }
}
@media (max-width: 820px) {
  
  :root .ref-modal-body #ds128Doc { font-size: 16px; line-height: 1.75; }
  :root .ref-modal-body #ds128Doc p { margin: 0 0 12px; }
  :root .ref-modal-body #ds128Doc table { font-size: 14px; line-height: 1.5; }
  :root .a75-rm .sum { gap: 10px; padding: 10px 12px; margin: 0 0 12px; border-radius: 12px; }
  :root .a75-rm .sum .st { width: 34px; height: 34px; }
  :root .a75-rm .sum .st svg { width: 20px; height: 20px; }
  :root .a75-rm .sum b { font-size: 16px; line-height: 1.4; }
  :root .a75-rm .sum .mt { font-size: 13px; }
}
@media (max-width: 640px) {
  :root .a75-kt { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 820px) {
  
  :root .ref-modal-body .note-html.nt-raw828 { font-size: 16px; line-height: 1.75; }
  :root .ref-modal-body .note-html.nt-raw828 p { margin: 0 0 12px; }
  :root .ref-modal-body .note-html.nt-raw828 table { font-size: 14px; line-height: 1.5; }
}