.lesson-dialog{--lesson-ink:#30221e;--lesson-paper:#fbf5e7;--lesson-red:#7b2c2b;width:min(100% - 32px,608px);max-width:none;max-height:none;color:var(--lesson-ink);background:var(--lesson-paper);border:1px solid #b29a70;border-radius:8px;margin:auto;padding:0;inset:0;box-shadow:0 20px 75px #120d0c55}.lesson-dialog::backdrop{background:#1c1311eb}.lesson-sheet{flex-direction:column;max-height:min(88dvh,800px);display:flex}.lesson-dialog button{cursor:pointer;font:inherit}.lesson-dialog button:focus-visible{outline-offset:3px;outline:3px solid #976923}.lesson-masthead{color:#f8ead4;background:#2c2020;border-bottom:2px solid #bc9e66;justify-content:space-between;align-items:center;gap:8px;padding:9px clamp(16px,5vw,34px);display:flex}.lesson-masthead span,.lesson-masthead button,.lesson-action,.lesson-read b{align-items:center;gap:8px;display:inline-flex}.lesson-masthead span{font:700 18px/1.4 var(--serif,serif);letter-spacing:.08em}.lesson-masthead span svg{color:#dcbd7a}.lesson-masthead button{color:#f1ddc0;min-height:44px;padding:0 6px;font-size:15px}.lesson-content{overscroll-behavior:contain;min-height:0;padding:22px clamp(16px,5vw,34px) 28px;overflow-y:auto}.lesson-progress{gap:5px;margin:0 0 25px;padding:0;list-style:none;display:flex}.lesson-progress li{color:#776a56;text-align:center;border-top:3px solid #dacbb4;flex:1;padding-top:6px;font-size:14px}.lesson-progress li[data-passed=true]{border-color:#b48c61}.lesson-progress li[aria-current]{border-color:var(--lesson-red);color:var(--lesson-red);font-weight:700}.lesson-caption{color:#775535;letter-spacing:.07em;font-size:13px;font-weight:650}.lesson-caption span{padding-inline:3px}.lesson-content h2{color:var(--lesson-ink);font:700 clamp(24px, 5.8vw, 32px)/1.35 var(--serif,serif);margin:7px 0 12px}.lesson-content h2:focus{outline:0}.lesson-content p{margin:0 0 16px;font-size:17px;line-height:1.7}.lesson-content .lesson-note{color:#615243;font-size:15px}.lesson-evidence,.lesson-statement,.lesson-ending{background:#f2e7d1;border:1px solid #cfba96;border-radius:4px;margin:16px 0;padding:15px}.lesson-evidence{text-align:left;align-items:center;gap:16px;width:100%;display:flex}.lesson-evidence img{border-radius:4px;flex:none;width:clamp(66px,21vw,101px);height:auto}.lesson-evidence span{min-width:0}.lesson-evidence strong,.lesson-statement strong,.lesson-ending strong{color:#442822;font:700 20px/1.45 var(--serif,serif);display:block}.lesson-evidence small,.lesson-options small{color:#715e49;margin-bottom:4px;font-size:14px;display:block}.lesson-read b{color:var(--lesson-red);margin-top:8px;font-size:16px}.lesson-hand-label{color:#6b543e;justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.lesson-hand{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,2vw,14px);margin:10px 0 20px;display:grid}.lesson-hand button{color:var(--lesson-ink);background:#fffbf2;border:2px solid #beab8a;border-radius:5px;padding:4px;position:relative}.lesson-hand button[aria-pressed=true]{border-color:var(--lesson-red);background:#f8e1cc}.lesson-hand img{border-radius:3px;width:100%;height:auto}.lesson-hand span{padding:4px 0;font-size:clamp(14px,3.7vw,17px);font-weight:650;display:block}.lesson-hand b{background:var(--lesson-red);color:#fff;border-radius:50%;padding:4px;position:absolute;top:6px;right:6px}.lesson-dialog .lesson-action,.lesson-options button{border-radius:4px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px 15px;display:flex}.lesson-dialog .lesson-action{background:var(--lesson-red);color:#fff6e8;font-weight:650}.lesson-action:disabled{opacity:.55;cursor:default}.lesson-options{gap:10px;margin-block:16px;display:grid}.lesson-options button{color:var(--lesson-ink);text-align:left;background:#fffaf0;border:1px solid #bda785}.lesson-options small{margin:4px 0 0}.lesson-statement{color:#755a42;font-size:14px}.lesson-statement strong,.lesson-ending p{margin-top:7px}.lesson-ending p{margin-bottom:0}.lesson-repeat{width:100%;min-height:44px;color:var(--lesson-red);text-underline-offset:3px;margin-top:4px;text-decoration:underline}.lesson-feedback:not(:empty){border-left:3px solid var(--lesson-red);color:#792e29;margin-top:12px;padding-left:11px;font-size:16px;line-height:1.5}@media (max-width:620px),(max-height:500px){.lesson-dialog{border:none;border-radius:0;width:100%;height:100dvh;margin:0 auto}.lesson-sheet{height:100%;max-height:none}.lesson-masthead{padding-top:max(6px, env(safe-area-inset-top))}.lesson-content{padding-bottom:max(24px, env(safe-area-inset-bottom))}}@media (max-height:500px) and (min-width:621px){.lesson-content{width:min(100%,640px);margin:0 auto}.lesson-hand{grid-template-columns:repeat(3,minmax(0,100px))}}