/* lessons/assets/lesson-look.css - linked by every english-* deck after its own <style>,
   so it applies to the 17 decks that keep a whole stylesheet as well as the 53 on lesson-engine.css.
   Bump with: python3 scripts/extract_deck_engine.py --bump */
/* SITE LOOK (2026-11-13): boxes are filled tiles with cut corners, as in the site lessons
   (shared/slides.css). No coloured stripe down a box's left edge, no border, no shadow.
   Scoped to #slides / #notes-panel so it outranks the single-class rules each deck still
   carries inline. Answer feedback (green/red) is untouched: it lives on buttons and targets. */
:root{--tile-cut:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}
#slides :is(.fbitem,.qblock,.phcard,.ex-item,.ibox,.reorder-game,.acard,.p-question,.dialogue-game,.qaitem,.dbox,.tip-card,.aitem,.pcard,.ncard,.tree-card,.solo,.rule,.answer-panel,.dialogue,.mini-answer,.final-card,.hm-game,.mistake-box,.spot-mistake){background:var(--cream);border:0;border-radius:0;box-shadow:none;clip-path:var(--tile-cut)}
#slides :is(.solo,.mini-answer){padding:6px 12px}
#slides :is(.fbitem,.qblock,.ibox,.reorder-game,.dialogue-game,.dbox,.hm-game,.mistake-box,.spot-mistake,.final-card) :is(.fbitem,.qblock,.phcard,.ex-item,.acard,.qaitem,.dbox,.tip-card,.aitem,.pcard,.ncard,.solo,.mini-answer){background:var(--paper)}
#slides :is(.aitem,.acard,.ncard,.pcard,.phcard,.tree-card):hover{background:var(--amber-hover);border:0;box-shadow:none}
#slides .spot-explain{border:0;border-radius:0;clip-path:var(--tile-cut)}
#slides .boot-highlight{border-left:0!important;background-color:var(--amber-bg)!important}
#notes-panel .note{background:var(--cream);border:0;border-radius:0;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);padding:7px 10px}
#notes-panel .note:is(.timing,.tip,.activity,.translation)::before{display:block;font-size:8.5px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
#notes-panel .note.timing::before{content:"Timing"}
#notes-panel .note.tip::before{content:"Tip"}
#notes-panel .note.activity::before{content:"Activity"}
#notes-panel .note.translation::before{content:"Translation"}
#slides .hl-box{border:0;border-radius:0;clip-path:var(--tile-cut)}