/* ===== v1.51: 모바일 공간 최적화 · 시스템 테마 · 다크 표면 보정 ===== */
.reasonHead{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:wrap!important;gap:5px!important}
.reasonHead>strong,.reasonHead>b{min-width:0}
.reasonImpact{min-height:0!important;padding:2px 6px!important;border-radius:7px!important;font-size:10px!important;line-height:1.2!important;letter-spacing:-.01em!important;box-shadow:none!important;flex:0 0 auto!important}
.v151AdviceBadges{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 5px}
.v151SituationTitle{display:block;margin:0 0 3px;line-height:1.35}
.v122subs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
.v122chip{position:relative;width:100%;min-width:0;min-height:42px!important;padding:8px 28px 8px 10px!important;border-radius:12px!important;justify-content:flex-start;white-space:normal;word-break:keep-all;line-height:1.28;text-align:left;background:var(--surface-soft)!important;box-shadow:none!important}
.v122chip:after{content:'›';position:absolute;right:10px;top:50%;transform:translateY(-52%);color:var(--muted);font-size:17px;font-weight:900}
.v122chip.active{color:var(--accent-deep)!important;border-color:var(--accent)!important;background:var(--surface-soft-2)!important;box-shadow:inset 3px 0 0 var(--accent),0 0 0 1px var(--accent-glow)!important}
.v122chip.active:after{content:'✓';color:var(--accent-deep);font-size:13px}
.v141RoleCard{display:flex!important;align-items:center;gap:6px;min-height:36px;padding:7px 9px!important}
.v141RoleCard small{display:inline!important;flex:0 0 auto;margin:0!important;line-height:1.2}
.v141RoleCard b{display:inline!important;flex:1 1 auto;min-width:0;line-height:1.25!important}
.themeModeGroup{margin-top:8px!important}
body.dark-mode{background:#151126!important;color:#f1ecff}
body.dark-mode #settingsOverlay .helpDialog{background:#1b1630!important;border-color:rgba(194,178,255,.2)!important;color:#f3eeff!important}
body.dark-mode #settingsOverlay .helpHead h3,
body.dark-mode #settingsOverlay .settingsLabel,
body.dark-mode #settingsOverlay .settingsOpt b,
body.dark-mode #settingsOverlay .helpIntro{color:#f3eeff!important}
body.dark-mode #settingsOverlay .settingsOpt{background:#27203f!important;border-color:rgba(194,178,255,.2)!important}
body.dark-mode #settingsOverlay .settingsOpt small,
body.dark-mode #settingsOverlay .settingsHint{color:#c8bfdc!important}
body.dark-mode #settingsOverlay .settingsOpt:has(input:checked){background:#332852!important;border-color:#a98dff!important;box-shadow:0 0 0 1px rgba(169,141,255,.28)!important}
body.dark-mode .helpThemeBlock{background:#211a39!important;border-color:rgba(194,178,255,.16)!important}
body.dark-mode .helpThemeBlock .helpSectionTitle,
body.dark-mode .helpThemeBlock .helpItem b{color:#f1ebff!important}
body.dark-mode .helpThemeBlock .helpItem{background:#2a2244!important;border-color:rgba(194,178,255,.14)!important}
body.dark-mode .helpThemeBlock .helpItem p{color:#c9c0dc!important}
body.dark-mode #yilinBrowseOverlay.helpOverlay.show .helpDialog,
body.dark-mode #v122records.helpOverlay.show .helpDialog{background:linear-gradient(180deg,#17122a,#120f21)!important;color:#f0ebff!important}
body.dark-mode #yilinBrowseOverlay .helpHead h3,
body.dark-mode #v122records .helpHead h3{color:#f4efff!important}
body.dark-mode #ybSearch,
body.dark-mode .ybPick select,
body.dark-mode .ybItem,
body.dark-mode .ybHex,
body.dark-mode .ybReco,
body.dark-mode #v122records .saveItem{background:#211a39!important;border-color:rgba(194,178,255,.17)!important;color:#eee8ff!important}
body.dark-mode #ybSearch::placeholder{color:#9e94b8!important}
body.dark-mode .ybGuide,body.dark-mode .ybEmpty,body.dark-mode .ybMore,
body.dark-mode .ybSub,body.dark-mode .ybRecoHint,body.dark-mode .ybCount,
body.dark-mode .ybItemGist,body.dark-mode .ybRecoGist,
body.dark-mode #v122records .saveItem span{color:#beb5d2!important;opacity:1!important}
body.dark-mode .ybRecoName,body.dark-mode .ybItemHead b,body.dark-mode .ybHex b,
body.dark-mode #v122records .saveItem b{color:#f1ecff!important}
body.dark-mode .yilinCard{background:#211a39!important;border-color:rgba(194,178,255,.17)!important;color:#f1ecff!important}
body.dark-mode .yilinHead{border-color:rgba(194,178,255,.16)!important}
body.dark-mode .yilinTitle,body.dark-mode .yilinKo,
body.dark-mode .yilinHan,body.dark-mode .yilinV small{color:#f1ecff!important;opacity:1!important}
body.dark-mode .yilinTag{background:#2b2346!important;border-color:rgba(194,178,255,.18)!important;color:#ddd5ee!important}
body.dark-mode .yilinTag.tone-good{background:rgba(39,137,111,.19)!important;color:#a8ead6!important}
body.dark-mode .yilinTag.tone-mid{background:rgba(178,135,67,.18)!important;color:#f2d596!important}
body.dark-mode .yilinTag.tone-bad{background:rgba(190,77,105,.18)!important;color:#ffbecf!important}
body.dark-mode .yilinFold{background:#251e40!important;border-color:rgba(194,178,255,.18)!important}
body.dark-mode .yilinFold>summary{background:#251e40!important;color:#f3eeff!important}
body.dark-mode .yilinFold[open]>summary{background:#2d2549!important;border-color:rgba(194,178,255,.17)!important}
body.dark-mode .yilinFoldBody{background:#1e1834!important;color:#eee8ff!important}
body.dark-mode .yilinGlossPanel{background:#251e40!important}
body.dark-mode .yilinMiniBtn,
body.dark-mode .ybSimilar{background:#2b2346!important;border-color:rgba(194,178,255,.2)!important;color:#eee8ff!important}
body.dark-mode .yilinSame{background:rgba(178,135,67,.17)!important;border-color:rgba(222,187,105,.3)!important;color:#f2d596!important}
body.dark-mode .v122chip{background:#241d3d!important;border-color:rgba(194,178,255,.17)!important;color:#d4cce5!important}
body.dark-mode .v122chip.active{background:#332852!important;border-color:#aa8eff!important;color:#f1eaff!important}
body.dark-mode .v141RoleCard b{color:#f2edff!important}
@media(max-width:420px){
  .reasonImpact{padding:2px 5px!important;font-size:9.5px!important}
  .v122subs{gap:6px!important}
  .v122chip{min-height:40px!important;padding:7px 26px 7px 9px!important;font-size:11.5px!important}
  .v141RoleStrip{gap:5px!important}
  .v141RoleCard{min-height:34px;padding:6px 8px!important}
}
@media(max-width:330px){.v122subs{grid-template-columns:1fr!important}}