#demonstratives-lesson { display:grid; gap:24px; }
#demonstratives-lesson > .section-card { min-width:0; }
#demonstratives-lesson[hidden] { display:none; }
#demonstratives-lesson p { line-height:1.8; }
#demonstratives-lesson h3 { margin-top:24px; }
#demonstratives-lesson .demo-table-wrap { overflow-x:auto; }
#demonstratives-lesson table { width:100%; border-collapse:collapse; text-align:left; min-width:520px; }
#demonstratives-lesson th, #demonstratives-lesson td { padding:12px; border-bottom:1px solid #e5dfd6; }
#demonstratives-lesson th { background:#eef0fa; }
#demonstratives-lesson .demo-examples { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
#demonstratives-lesson .demo-example { padding:18px; background:#fbf8f3; border:1px solid #e7e0d6; border-radius:16px; }
#demonstratives-lesson .demo-spanish { font-size:1.08em; font-weight:650; overflow-wrap:anywhere; }
#demonstratives-lesson .demo-hint { font-size:.92em; color:#595967; }
#demonstratives-lesson .demo-quiz { margin-top:24px; padding-top:10px; border-top:1px solid #e5dfd6; }
#demonstratives-lesson ol { padding-left:28px; }
#demonstratives-lesson li { padding:8px 12px 18px; margin-bottom:16px; border-radius:12px; }
#demonstratives-lesson label { display:block; margin:8px 0; }
#demonstratives-lesson input, #demonstratives-lesson select { display:block; box-sizing:border-box; width:100%; max-width:560px; margin-top:6px; padding:12px; font:inherit; color:#302b28; background:#fffdf9; border:1px solid #c6bfb5; border-radius:10px; }
#demonstratives-lesson :is(input,select,button):focus-visible { outline:3px solid #6c78b3; outline-offset:3px; }
#demonstratives-lesson [data-correct="true"] { background:#edf5ef; }
#demonstratives-lesson [data-correct="false"] { background:#fff1e9; }
#demonstratives-lesson .demo-feedback { font-weight:600; }
#demonstratives-lesson .demo-actions { display:flex; flex-wrap:wrap; gap:12px; }
@media(max-width:650px) { #demonstratives-lesson .demo-examples { grid-template-columns:1fr; } #demonstratives-lesson li { padding-left:4px; padding-right:4px; } }