/* Страница плашек: миниатюры и готовые темы */
.p-card { display:grid; grid-template-columns:220px 1fr; gap:18px; align-items:start }
.p-card h2 { margin-top:0 }
.p-thumb { border-radius:10px; overflow:hidden; outline:1px solid var(--line); background:#f3f1ea; aspect-ratio:16/9 }
.p-thumb.p-empty { display:flex; align-items:center; justify-content:center; color:var(--muted); font-size:14px }
.p-thumb .sld { pointer-events:none }
@media (max-width:640px) { .p-card { grid-template-columns:1fr } }

.pack-row { margin-top:24px }
.pack-h { margin:0 0 4px }
.pack { display:flex; gap:18px; margin-top:12px; padding:20px; border-radius:16px; color:#2e2418; background:linear-gradient(135deg, #fbf4e4, #f1e2bf); border:1px solid #e0cda0 }
.pack-ic img { width:100%; height:100%; object-fit:contain }
.pack-ic { width:84px; height:100px; flex:none; display:flex; align-items:center; justify-content:center; font-size:34px; border-radius:16px; background:#fffaf0; box-shadow:0 2px 6px rgba(90,60,20,.18) }
.pack-b { flex:1; min-width:0 }
.pack h3 { margin:0 0 4px; font-size:20px }
.pack p { margin:0 0 6px }
.pack .muted { color:#6b5a42 }
.pack-do .btn { width:auto; margin-top:6px; padding:9px 18px; background:#a8481c }
.pack-sec .btn { margin:12px 0 4px; background:#a8481c }
.pack .row { border-top:1px solid #e0cda0 }
.pack-take { flex:none; padding:7px 14px; border:1px solid #c8ab6d; border-radius:9px; background:#fffaf0; color:#2e2418; font:inherit; cursor:pointer }
.pack-take:hover { background:#fff }
@media (max-width:640px) { .pack { flex-direction:column } }

/* Тема без кузницы: цвета тетради */
.pack.pack-note { color:#22304a; background:#fff; border-color:#d6e0f5; background-image:linear-gradient(#eef3fb 1px, transparent 1px), linear-gradient(90deg, #eef3fb 1px, transparent 1px); background-size:22px 22px }
.pack-note .muted { color:#66748c } .pack-note .pack-do .btn, .pack-note .pack-sec .btn { background:var(--accent, #2f6df6) } .pack-note .row { border-top-color:#d6e0f5 } .pack-note .pack-take { border-color:#d6e0f5; background:#fff; color:#22304a }

/* Просмотр урока учителем */
.pv-plan ol { list-style:none; margin:8px 0 0; padding:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(190px, 1fr)); gap:4px }
.pv-plan li { display:flex; gap:6px; padding:5px 8px; border-radius:8px; font-size:13px; cursor:pointer; background:#f6f7fb; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.pv-plan li.on { background:#eef2ff; font-weight:600 } .pv-plan li:hover { background:#eef2ff }
.pv-info { margin-top:12px; display:grid; gap:8px } .pv-box { padding:10px 12px; border-radius:10px; background:#f6f7fb; font-size:14px } .pv-box p { margin:4px 0 0 }
.pv-ex { display:flex; flex-wrap:wrap; gap:6px 16px; margin-top:6px } .pv-ex b { color:var(--ok) }

/* Блоки игр в библиотеке и в галерее студии */
.g-block { grid-column:1/-1; margin-top:10px; font-size:13px; color:var(--muted) } .g-block b { display:block; font-size:16px; color:var(--ink,#1b1f2a) }