/* 波波乐园 · 学一学 tables (js/learn-tables.js): real text in place of photographed textbook tables */
.bk-learn:has(.lt-wrap){grid-template-columns:1fr;align-items:start}
.lt-wrap{display:grid;gap:12px;min-width:0;background:#fff;border:4px solid var(--ink);border-radius:20px;box-shadow:0 6px 0 var(--ink);padding:14px;font-family:var(--f-body);color:var(--ink)}
.lt-note{margin:0;font-size:clamp(17px,1.8vw,20px);line-height:1.7}
.lt-note b{color:#c2410c}
.lt-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;align-items:start}
.lt-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.lt-table{--lt-head:#9be3f7;width:100%;border-collapse:collapse;font-size:clamp(16px,1.7vw,19px);line-height:1.5;background:#fffdf6}
.lt-table caption{caption-side:top;text-align:left;font-weight:800;padding:0 2px 6px}
.lt-table th,.lt-table td{border:2px solid var(--ink);padding:6px 9px;vertical-align:middle;text-align:left}
.lt-table thead th{background:var(--lt-head);text-align:center;font-weight:800;white-space:nowrap}
.lt-table tbody th{background:#fff4cf;font-weight:800;white-space:nowrap}
.lt-table.center td,.lt-table.center tbody th{text-align:center}
.lt-table td b{color:#c2410c}
.lt-img{display:block;max-width:100%;height:auto}
.lt-img.stroke{height:34px;width:auto;margin:auto}
.lt-ex{display:flex;flex-wrap:wrap;gap:8px}
.lt-chip{display:grid;justify-items:center;gap:2px;min-width:84px;flex:1 1 84px;max-width:150px;padding:4px;border-radius:12px;background:#fff;border:2px solid #eadfc8;text-align:center;font-weight:700}
.lt-chip .lt-img{height:64px;width:auto;max-width:100%;object-fit:contain}
.lt-seq{display:inline-flex;flex-wrap:wrap;gap:2px 6px;align-items:center;font-size:30px;min-height:1.2em}
.lt-step{width:1.15em;height:1.25em;fill:#5b4a3a}
.lt-step path.new{fill:#e0472b}
.lt-step.full path{fill:var(--ink)}
.lt-tip{position:relative;background:#fff7d6;border:3px dashed #e8b62c;border-radius:16px;padding:22px 14px 10px;margin-top:8px}
.lt-tiph{position:absolute;top:-14px;left:12px;background:#ffd34a;border:2px solid var(--ink);border-radius:999px;padding:0 12px;font-size:15px}
.lt-tip p{margin:4px 0;font-size:clamp(16px,1.7vw,19px);line-height:1.65}
.lt-seqline{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.lt-seqbox{background:#fff;border:2px solid #eadfc8;border-radius:10px;padding:2px 6px}
.lt-pic{margin:0;display:grid;justify-items:center}
.lt-pic .lt-img{border:3px solid var(--ink);border-radius:16px;max-height:340px;width:auto}
@media (max-width:600px){
  .lt-wrap{padding:10px;gap:10px}
  .lt-table th,.lt-table td{padding:5px 6px}
  .lt-chip{min-width:72px;flex-basis:72px}
  .lt-chip .lt-img{height:52px}
  .lt-seq{font-size:26px}
}
.lt-table th.one{text-align:center;font-size:1.45em}
.lt-table .mark{font-size:1.6em;text-align:center}
/* materials drawn in place of emoji icons (js/materials.js) */
img.mat-ic{display:inline-block;width:1.15em;height:1.15em;object-fit:contain;vertical-align:-.2em}
.mp-ic img.mat-ic{width:64px;height:64px}
.mp-pan img.mat-ic{width:70px;height:70px}
.ms-thing img.mat-ic{width:170px;height:170px}
.sc-thing img.mat-ic{width:76px;height:76px}
.sc-matc .mp-ic img.mat-ic{width:66px;height:66px}
.dp-ic img.mat-ic,.dp-chip .dp-ic img.mat-ic{width:100%;height:100%}
@media (max-width:600px){.mp-ic img.mat-ic{width:52px;height:52px}.ms-thing img.mat-ic{width:130px;height:130px}}
.mp-obj:has(.mp-objimg){display:flex;align-items:center;justify-content:center;gap:6px;height:64px}
.mp-objimg{height:58px;width:auto;max-width:40%;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(43,29,20,.25))}
/* picture cards in a cloze question (types-book.js cardsHTML) */
.bk-cards{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;align-self:center}
.bk-card1{margin:0;display:grid;justify-items:center;gap:4px;background:#fff;border:3px solid var(--ink);border-radius:16px;box-shadow:0 4px 0 var(--ink);padding:8px 8px 6px;width:clamp(96px,14vw,150px)}
.bk-card1 img{width:100%;height:auto;max-height:120px;object-fit:contain;border-radius:10px}
.bk-card1 figcaption{font:800 clamp(16px,1.8vw,20px) var(--f-body)}
@media (max-width:600px){.bk-card1{width:96px;padding:6px}.bk-card1 img{max-height:80px}}
.bk-node.img:has(.bk-cap){display:flex;flex-direction:column;align-items:center;gap:2px}
.bk-node.img .bk-cap{font:800 clamp(15px,1.6vw,18px) var(--f-body);line-height:1.2}