/* v95: one key point and its spoken examples per card. No timed reading. */
.lesson-summary{--summary-frame:#47342d;--summary-edge:#2a2020;--summary-paper:#fff6e5;--summary-ink:#382a25;--summary-muted:#705d51;--summary-accent:#f5c271;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:0;height:calc(100svh - var(--app-header));height:calc(100dvh - var(--app-header));min-height:0;padding:0}
.lesson-summary-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 20px 24px;scroll-padding:18px}
.lesson-summary-heading{display:block;height:auto;padding:0}
.electric-theme .lesson-summary{--summary-frame:#101e45;--summary-edge:#09152f;--summary-paper:#f6f9ff;--summary-ink:#101e45;--summary-muted:#466184;--summary-accent:#ffe04b}
.lesson-summary-heading>span{color:var(--summary-accent);font:900 12px/1.3 'Nunito',sans-serif;letter-spacing:.1em}
.lesson-summary-heading>p{font:800 21px/1.2 'Nunito',sans-serif;margin:5px 0 18px;max-width:35ch}
.lesson-summary-position{display:flex;justify-content:space-between;align-items:center;gap:12px;font:800 11px/1.3 'Nunito',sans-serif;letter-spacing:.06em}
.lesson-summary-position>strong{font:900 21px/1 'Nunito',sans-serif;color:var(--summary-accent);letter-spacing:0}
.lesson-summary-position strong span{font-size:13px;color:var(--muted)}
.lesson-summary-progress{display:flex;gap:5px;margin:0 0 6px}
.lesson-summary-progress button{display:flex;align-items:center;flex:1;min-width:0;min-height:44px;background:transparent;border:0;padding:0;touch-action:manipulation}
.lesson-summary-progress button>span{display:block;width:100%;height:6px;background:var(--summary-frame);border:1px solid #8096bb;border-radius:1px;transform:skewX(-15deg)}
.lesson-summary-progress button[aria-current]>span{background:var(--summary-accent);border-color:var(--summary-accent);height:10px}
.lesson-summary-progress button.is-before>span{background:#9bb7e1;border-color:#9bb7e1}
.lesson-summary-card{background:var(--summary-paper);color:var(--summary-ink);border:5px solid var(--summary-frame);border-radius:4px 22px 4px 22px;box-shadow:0 7px 0 var(--summary-edge);padding:0 17px 17px;overflow-wrap:anywhere;animation:summary-arrive .16s ease-out}
.lesson-summary-card-top{display:flex;align-items:center;gap:12px;margin:0 -17px 14px;padding:14px 17px;background:var(--summary-frame);color:#fff;border-radius:0 14px 0 0}
.lesson-summary-number{flex-shrink:0;color:var(--summary-accent);font:900 39px/.95 'Barlow Condensed',sans-serif;letter-spacing:-.03em}
.lesson-summary-card h1{font:900 clamp(21px,5.6vw,28px)/1.15 'Nunito',sans-serif;margin:0;letter-spacing:-.025em;text-wrap:balance}
.lesson-summary-tip{font:600 16px/1.45 'Nunito',sans-serif;margin:0 0 16px;color:var(--summary-muted)}
.lesson-summary-spoken{border-top:2px solid #c6d2e5;padding-top:13px}
.lesson-summary-say{display:flex;align-items:center;gap:7px;font:900 13px/1.3 'Nunito',sans-serif;letter-spacing:.035em;margin:0 0 12px;color:var(--summary-ink)}
.lesson-summary-say>span{display:grid;place-items:center;background:var(--summary-accent);border:1px solid #bb941f;color:var(--summary-frame);border-radius:6px;width:27px;height:25px;font-size:15px;letter-spacing:0}
.lesson-summary-examples{display:grid;gap:10px}
.lesson-summary-example{border-left:4px solid #b4c8e6;background:#e8eef8;border-radius:2px 12px 12px 2px;padding:11px 12px;min-width:0}
.lesson-summary-mi{font:800 clamp(21px,5.8vw,28px)/1.3 'Nunito',sans-serif;margin:0;letter-spacing:-.02em;color:var(--summary-ink)}
.lesson-summary-mi mark{background:var(--summary-accent);color:var(--summary-ink);border-radius:3px;padding:0 .1em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.lesson-summary-en{font:600 15px/1.35 'Nunito',sans-serif;color:var(--summary-muted);margin:5px 0 0}
.lesson-summary-example-label{display:block;color:#466184;font:800 11px/1.3 'Nunito',sans-serif;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.lesson-summary-examples.is-word-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.lesson-summary-footer{padding:12px 20px max(14px,env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -6px 18px #0002;z-index:1}
.electric-theme .lesson-summary-footer{background:#101e45;border-color:#466184}
.lesson-summary-nav{display:flex;gap:10px;align-items:stretch}
.lesson-summary-nav .primary{min-width:0;flex:1;min-height:58px;white-space:normal;font-size:18px;line-height:1.25}
.lesson-summary-previous{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px;min-width:82px;min-height:58px;background:var(--summary-frame);color:#fff;border:1px solid #628ac4;border-radius:4px 12px 4px 12px;font:800 15px/1.3 'Nunito',sans-serif;touch-action:manipulation}
.lesson-summary-previous:disabled{opacity:.35;cursor:default}
.lesson-summary-full{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;width:100%;padding:10px 12px;margin-top:12px;background:var(--summary-frame);color:#f6f9ff;border:1px solid #628ac4;border-radius:4px 12px 4px 12px;font:700 15px/1.3 'Nunito',sans-serif;touch-action:manipulation}
.lesson-summary-full .icon{width:19px;flex-shrink:0}
.lesson-summary-full .icon:last-child{margin-left:auto}
.lesson-summary-full span{flex:1;text-align:left}
.lesson-summary button:focus-visible{outline:3px solid var(--summary-accent);outline-offset:3px}
.lesson-summary-card:focus{outline:none}
.lesson-summary-card:focus-visible{outline:3px solid var(--summary-accent);outline-offset:3px}
.lesson-summary-back{min-height:44px;flex-shrink:0;display:flex;gap:7px;align-items:center;background:var(--surface);color:var(--ink);border:1px solid var(--edge);border-radius:6px;padding:9px 12px;font:600 14px/1.3 var(--display)}
.electric-theme .lesson-summary-back{background:#233763;color:#f6f9ff;border-color:#628ac4}
@keyframes summary-arrive{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:360px){.lesson-summary-content{padding:14px 12px 24px}.lesson-summary-footer{padding-inline:12px}.lesson-summary-card{padding-inline:12px}.lesson-summary-card-top{margin-inline:-12px;padding-inline:12px}.lesson-summary-tip{font-size:15px}.lesson-summary-example{padding:10px}.whole-player-title:has(.lesson-summary-back){align-items:flex-start;flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){.lesson-summary-card{animation:none}}