/* 학습 설정: a clean list — one setting per row (label left, control right).
   Removed: the 학습 tab (pronunciation stays on by default and is adjustable during
   study), the learning-design essay in 정보, explanatory notes and the preview. */
#settings-tab-learning,#settings-pane-learning{display:none!important}
#settings-pane-developer .learning-evidence{display:none!important}
#reading-dialog .settings-note,#reading-dialog .font-scope-note,#reading-dialog .reading-preview,#reading-dialog #voice-test-note,#reading-dialog #settings-language-pair{display:none!important}

#reading-dialog[open]{width:min(720px,calc(100vw / var(--pl-zoom,1) - 32px))!important;height:auto!important;max-height:calc(var(--fit-h,100dvh) - 40px)!important}
#reading-dialog .dialog-header h2{font-size:20px!important;letter-spacing:-.3px}
/* tabs: a quiet segmented bar */
#reading-dialog .settings-tabs{display:flex!important;gap:2px!important;padding:4px!important;margin:4px 0 14px!important;border-radius:12px!important;background:var(--pl-soft,#eef2f0)!important;border:0!important}
#reading-dialog .settings-tabs button{flex:1;min-height:36px!important;border:0!important;border-radius:9px!important;background:transparent!important;font-weight:700!important;font-size:14px!important;color:var(--pl-muted,#5d6d66)!important;box-shadow:none!important}
#reading-dialog .settings-tabs button[aria-selected=true]{background:var(--pl-surface,#fff)!important;color:var(--pl-pine-dark,#0f4a38)!important;box-shadow:0 1px 4px rgba(0,0,0,.1)!important}

/* panes: one white card, rows separated by hairlines */
#settings-pane-reading:not([hidden]),#settings-pane-listening:not([hidden]){display:flex!important;flex-direction:column!important;gap:0!important;padding:2px 18px!important;border:1px solid var(--pl-line,#e3e8e4)!important;border-radius:16px!important;background:var(--pl-surface,#fff)!important;grid-template-columns:none!important}
#settings-pane-reading>*,#settings-pane-listening>*{margin:0!important;padding:14px 0!important;border:0!important;border-bottom:1px solid #eef1ef!important;border-radius:0!important;background:none!important;box-shadow:none!important;width:auto!important;min-height:0!important}
#settings-pane-reading>*:last-child,#settings-pane-listening>*:last-child{border-bottom:0!important}
#settings-pane-reading .appearance-field{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;flex-wrap:wrap}
#settings-pane-reading .appearance-field>label{display:flex;align-items:center;gap:8px;margin:0!important;font-weight:700;font-size:14.5px}
#settings-pane-reading .appearance-field>label output{font-weight:800;color:var(--pl-pine,#1b6b52)}
#settings-pane-reading fieldset.appearance-field{display:flex!important}
#settings-pane-reading fieldset.appearance-field legend{float:left;padding:0;font-weight:700;font-size:14.5px}
#settings-pane-reading .choice-grid{display:flex!important;flex-wrap:wrap;gap:6px!important;margin:0 0 0 auto!important}
#settings-pane-reading .choice-grid button{min-height:34px!important;padding:0 14px!important;border-radius:999px!important;font-size:13.5px!important}
#settings-pane-reading input[type=range]{width:min(220px,40vw)}
#settings-pane-reading .font-stepper{display:flex;align-items:center;gap:8px}
#settings-pane-reading #settings-pointer-effects{padding:0!important}
#settings-pane-reading #settings-pointer-effects .appearance-field{padding:14px 0}
#settings-pane-reading .reset-reading{align-self:flex-start;border:0!important;background:none!important;color:var(--pl-muted,#5d6d66)!important;font-size:13px!important;text-decoration:underline;padding:12px 0!important;min-height:0!important}

#settings-pane-listening .listening-fields{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important}
#settings-pane-listening .listening-fields>label,#settings-pane-listening .settings-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px;padding:14px 0!important;margin:0!important;border:0!important;border-bottom:1px solid #eef1ef!important;background:none!important;font-weight:700;font-size:14.5px;border-radius:0!important;box-shadow:none!important}
#settings-pane-listening .listening-fields>label:last-child{border-bottom:0!important}
#settings-pane-listening select{min-width:170px;min-height:38px;border-radius:10px}
#settings-pane-listening .voice-test-buttons{display:flex!important;gap:8px!important}
#settings-pane-listening .voice-test-buttons button{flex:1;min-height:38px!important;border-radius:10px!important;font-size:13px!important}
@media (max-width:640px){#reading-dialog .settings-tabs button{font-size:13px!important}#settings-pane-listening select{min-width:130px}}
/* rows fill the card width and drop the old per-field boxes */
#reading-dialog #settings-pane-reading:not([hidden]),#reading-dialog #settings-pane-listening:not([hidden]){align-items:stretch!important}
#reading-dialog #settings-pane-reading>*,#reading-dialog #settings-pane-listening>*,#reading-dialog #settings-pane-reading #settings-pointer-effects>.appearance-field{width:100%!important;max-width:none!important;box-sizing:border-box!important;border-top:0!important;border-left:0!important;border-right:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important}
#reading-dialog #settings-pane-reading>.appearance-field,#reading-dialog #settings-pane-reading #settings-pointer-effects>.appearance-field{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important}
#reading-dialog #settings-pane-reading #settings-pointer-effects{border-bottom:1px solid #eef1ef!important}
#reading-dialog #settings-pane-reading #settings-pointer-effects>.appearance-field{border-bottom:0!important}
#reading-dialog #settings-pane-reading select{min-width:170px;min-height:38px;border-radius:10px}
#reading-dialog #settings-pane-listening .listening-fields>label{flex-direction:row!important;width:100%!important;box-sizing:border-box}
#reading-dialog #settings-pane-listening .listening-fields>label>select{margin-left:auto}
#reading-dialog #settings-pane-listening .listening-fields>label>*:first-child{white-space:nowrap}
/* every row: name on the left, control on the right */
#reading-dialog #settings-pane-reading fieldset.appearance-field{display:block!important}
#reading-dialog #settings-pane-reading fieldset.appearance-field>legend{float:left;width:auto;margin:8px 0 0}
#reading-dialog #settings-pane-reading .choice-grid{float:right;display:flex!important;width:auto!important;grid-template-columns:none!important;gap:6px!important}
#reading-dialog #settings-pane-reading .choice-grid button{flex:none!important;width:auto!important}
#reading-dialog #settings-pane-reading fieldset.appearance-field::after{content:'';display:block;clear:both}
#reading-dialog #settings-pane-reading input[type=range]{width:240px!important;flex:none;margin-left:auto}
#reading-dialog #settings-pane-reading .font-stepper{margin-left:auto}
#reading-dialog #settings-pane-listening .listening-fields>label{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important}
#reading-dialog #settings-pane-listening .listening-fields>label>select{width:200px!important;min-width:0!important;justify-self:end}
#reading-dialog #settings-pane-listening .listening-fields>label{white-space:nowrap}
#reading-dialog .settings-toggle:has(#settings-auto-next){display:none!important}