.math-material { display:flex; flex-direction:column; gap:14px; }
.math-material h2 { margin:0; font-size:24px; line-height:1.25; letter-spacing:-.025em; }
.math-material .math-kicker { color:var(--accent,#4262ff); font-size:12px; font-weight:700; line-height:1.5; margin:0; }
.math-material .math-question { font-size:19px; line-height:1.5; margin:0; }
.math-prediction,.math-solution { margin:0; padding:16px; border:1px solid var(--line); border-radius:16px; background:var(--panel-2,var(--panel,#fff)); overflow-wrap:anywhere; }
.math-prediction { border-left:3px solid var(--accent,#4262ff); }
.math-material .learning-field { display:flex; flex-direction:column; gap:8px; font-size:14px; }
.math-material input,.math-material textarea,.math-material button { min-height:44px; max-width:100%; box-sizing:border-box; }
.math-material input[type=range] { width:100%; accent-color:var(--accent,#4262ff); }
.math-material textarea { min-height:90px; resize:vertical; }
.math-material .learning-feedback { margin:0; font-size:14px; line-height:1.6; }
.math-material details summary { cursor:pointer; padding:12px 0; min-height:44px; box-sizing:border-box; }
.math-material :is(input,textarea,button,summary):focus-visible,.math-practice :is(button,select):focus-visible { outline:3px solid var(--accent,#4262ff); outline-offset:3px; }
.math-practice { margin-top:20px; padding:20px; border:1px solid var(--line); border-radius:20px; background:var(--panel-2,var(--panel,#fff)); }
.math-practice h3 { margin:0 0 8px; }
.math-practice p { color:var(--muted,#677086); line-height:1.5; }
.math-practice .math-modes { display:flex; flex-wrap:wrap; gap:10px; }
.math-evidence { display:inline-block; margin:4px 0; padding:6px 10px; border-radius:8px; background:var(--panel-2,#eef0fa); font-size:13px; }
.study-question>p { white-space:pre-wrap; }
.study-table-wrap { max-width:100%; min-width:0; overflow-x:auto; border:1px solid var(--line); border-radius:14px; }
.study-table-wrap:focus-visible { outline:3px solid var(--accent,#4262ff); outline-offset:3px; }
.study-data-table { width:100%; border-collapse:collapse; color:var(--text); font-size:15px; line-height:1.5; }
.study-data-table caption { text-align:left; padding:12px 16px; font-weight:600; color:var(--muted); }
.study-data-table :is(th,td) { padding:12px 16px; text-align:left; border-top:1px solid var(--line); overflow-wrap:anywhere; min-width:90px; }
.study-data-table th { background:var(--panel-2); font-weight:650; }
@media(max-width:600px){.math-practice{padding:16px}.math-modes .p-btn{flex:1 1 140px;min-height:48px}.math-material h2{font-size:21px}.math-material .p-btn{white-space:normal;min-height:48px}}
