#connected-english-preview .x-feature-settings { margin-top:24px; padding:24px 0; border-block:1px solid var(--x-line); }
#connected-english-preview .x-feature-settings h4 { margin:0 0 12px; }
#connected-english-preview .x-feature-options { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr)); gap:4px 16px; }
#connected-english-preview .x-feature-options .x-check { margin:0; min-width:0; }
#connected-english-preview .x-feature-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:16px; }
#connected-english-preview .x-feature-actions > .x-button { flex:1 1 180px; width:auto; min-width:0; margin:0; }
#connected-english-preview .x-personal-student-browser { display:grid; gap:12px; min-width:0; }
#connected-english-preview .x-personal-student-picker { max-height:240px; overflow:auto; overscroll-behavior:contain; scroll-padding:4px; padding:4px; border:1px solid var(--x-line); border-radius:var(--x-radius); }
#connected-english-preview .x-personal-student-picker .x-button { width:100%; min-width:0; min-height:var(--x-control-height); margin:0; text-align:left; border:0; border-radius:var(--x-radius-sm); background:var(--x-surface); color:var(--x-ink); }
#connected-english-preview .x-personal-student-picker .x-button[aria-pressed="true"] { background:var(--x-soft); box-shadow:inset 3px 0 0 var(--x-gold); font-weight:700; }
#connected-english-preview .x-personal-student-picker .x-button + .x-button { margin-top:4px; }
#connected-english-preview .x-personal-readonly-list { display:grid; gap:12px; margin-top:16px; min-width:0; }
#connected-english-preview .x-personal-readonly-item { min-width:0; padding:16px; border:1px solid var(--x-line); border-radius:var(--x-radius); background:var(--x-surface); overflow-wrap:anywhere; }
#connected-english-preview .x-personal-readonly-item p { margin:8px 0; }
#connected-english-preview .x-personal-readonly-item .x-english { font-weight:600; color:var(--x-ink); }
#connected-english-preview .x-personal-readonly-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 16px; min-width:0; }
#connected-english-preview .x-personal-readonly-heading > a.x-pronunciation-link { margin:0 0 0 auto; }
@media(max-width:480px) {
  #connected-english-preview .x-feature-actions > .x-button { flex-basis:100%; }
}