/* ============================================================================
   /printcraft/ — бумага, зелёный PrintCraft и жёлтый маркер.
   Сам PrintCraft светлый (белые листы на светло-сером столе), и страница о
   нём такая же. Акцент — жёлтый маркер выделения: именно его учитель тянет
   по строке, проверяя работу.
   ========================================================================= */

.pb-landing.lp-printcraft {
  --lp-primary:   #0a6e5c;
  --lp-secondary: #0a5c4d;
  /* Акцент — тёмная охра, а не сам жёлтый маркер: им пишут подписи бейджей,
     и чистый #f4c430 на белом читается хуже, чем 2:1. Сам маркер живёт там,
     где он фон, а не текст. */
  --lp-accent:    #7a5a00;
  --lp-glow:      rgba(10, 110, 92, .28);
  --lp-glow2:     rgba(244, 196, 48, .25);
  --lp-bg:        #f2f6f4;
  --lp-surface:   #ffffff;
  --lp-border:    rgba(16, 34, 29, .13);
  --lp-text:      #10221d;
  --lp-muted:     #47584f;
  --lp-wave:      #e2ece8;
  --lp-shadow:    0 10px 30px rgba(11, 60, 50, .10);
}
.pb-landing.lp-printcraft .lp-grid { opacity: .4; }

/* ── Стенд: страницы плиткой ────────────────────────────────────────────── */
.prd { display: grid; gap: 12px; }
.prd__bar { display: flex; flex-wrap: wrap; gap: 8px; }
.prd__act {
  min-height: 42px; padding: 6px 14px; border-radius: 10px; cursor: pointer;
  font: inherit; font-size: .9rem; font-weight: 600; color: var(--lp-text);
  background: #fff; border: 1.5px solid var(--lp-border);
}
.prd__act:hover:not([disabled]) { border-color: var(--lp-primary); color: var(--lp-primary); }
.prd__act[disabled] { opacity: .45; cursor: not-allowed; }
.prd__act--doc { border-style: dashed; }
.prd__act--undo { margin-left: auto; }
.prd__info { margin: 0; font-size: .85rem; color: var(--lp-muted); }

.prd__body { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 16px; align-items: start; }
@media (max-width: 760px) { .prd__body { grid-template-columns: 1fr; } }

.prd__grid {
  list-style: none; margin: 0; padding: 16px; border-radius: 14px; background: #e9eeec;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 14px;
}
.prd__cell { display: flex; justify-content: center; }
.prd__page {
  position: relative; display: grid; place-items: center; width: 100%; max-width: 110px; aspect-ratio: 1 / 1.25;
  padding: 6px; border: 2px solid transparent; border-radius: 10px; background: transparent; cursor: pointer;
}
.prd__page:hover .prd__sheet { box-shadow: 0 6px 16px rgba(0, 0, 0, .14); }
.prd__page.is-sel { border-color: var(--lp-primary); background: rgba(10, 110, 92, .08); }
.prd__sheet {
  display: flex; flex-direction: column; gap: 5px; width: 72%; aspect-ratio: 1 / 1.414; padding: 9% 9%;
  background: #fff; border-radius: 2px; box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
  transition: transform .25s var(--lp-ease), box-shadow .15s;
}
.prd__page.is-b .prd__sheet { background: #fffbea; box-shadow: 0 2px 6px rgba(150, 110, 0, .18); }
.prd__sheet-t { font-size: .55rem; font-weight: 700; line-height: 1.1; color: var(--lp-text); }
.prd__line { display: block; height: 3px; border-radius: 2px; background: #d9dfdc; }
.prd__line:nth-child(3n) { width: 70%; }
.prd__page.is-b .prd__line { background: #ead9a0; }
.prd__num {
  position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%);
  font-size: .7rem; font-weight: 700; color: var(--lp-muted); font-variant-numeric: tabular-nums;
}
.prd__page.is-sel .prd__num { color: var(--lp-primary); }

.prd__hist { padding: 12px 14px; border-radius: 14px; background: #fff; border: 1px solid var(--lp-border); }
.prd__hist-t { margin: 0 0 8px; font-weight: 700; font-size: .9rem; }
.prd__hist-list { margin: 0; padding-left: 1.2em; display: grid; gap: 5px; font-size: .84rem; color: var(--lp-muted); }
.prd__hist-list .is-last { color: var(--lp-text); font-weight: 600; }
.prd__hist-empty { list-style: none; margin-left: -1.2em; }
@media (prefers-reduced-motion: reduce) { .prd__sheet { transition: none; } }