/* =====================================================================
   ПЕЧАТНЫЕ ЛИСТЫ A4: превью на экране + правила печати.
   Задания используют те же рисунки, что и на сайте, только меньше (zoom),
   без кнопок и клавиатур; рядом — подсказка «что сделать карандашом».
   ===================================================================== */
.printpanel{margin-bottom:24px}
.pcfg{display:flex;flex-direction:column;gap:14px;margin-top:14px}
.pcfg .row{align-items:flex-start;gap:22px}
.pcfg .pt{font-size:15px}
kbd{font-family:var(--f-mono);border:2px solid currentColor;border-radius:6px;padding:0 6px;font-size:.85em;margin-left:4px}
.sheets{display:flex;flex-direction:column;align-items:center;gap:26px}
.sheet{width:210mm;max-width:100%;min-height:297mm;background:#fff;box-shadow:0 6px 24px rgba(0,0,0,.18);padding:10mm 11mm;color:#151821;display:flex;flex-direction:column}
.shead{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;border-bottom:3px solid #151821;padding-bottom:6px;margin-bottom:8px}
.sbrand{font-family:var(--f-disp);font-weight:700;font-variation-settings:"wdth" 80;text-transform:uppercase;font-size:20px}
.sbrand i{font-style:normal;color:var(--blue)}
.svar{font-family:var(--f-disp);font-weight:700;font-size:18px;text-transform:uppercase;background:#151821;color:#fff;padding:2px 12px;border-radius:6px}
.sname{grid-column:1/-1;font-size:14px}
.sname .fill{display:inline-block;width:62mm;border-bottom:1.5px solid #151821;margin-right:10px;height:16px;vertical-align:bottom}
.sname .fill.s{width:24mm}
.pgrid{display:flex;flex-direction:column;gap:8px;flex:1}
.sfoot{font-size:10px;color:#8a8f9c;text-align:right;margin-top:8px}

.ptask{border:2px solid #151821;border-radius:10px;padding:6px 10px 4px;break-inside:avoid;page-break-inside:avoid}
.phead{display:flex;gap:8px;align-items:center}
.pnum{flex:none;width:26px;height:26px;border-radius:50%;background:#151821;color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}
.pdir{font-family:var(--f-disp);font-weight:700;font-variation-settings:"wdth" 80;text-transform:uppercase;font-size:14px}
.ptask .lvl{margin-left:auto}
.ptask .lvl i{width:9px;height:9px}
.pq{font-size:14.5px;font-weight:600;margin:3px 0 1px;line-height:1.3}
.pnote{font-size:12px;color:#596073;font-style:italic;margin-bottom:2px}
.ptask .tbody{zoom:.62;gap:12px;padding:4px 0;align-items:center}
/* на бумаге не нужны кнопки, клавиатуры, счётчики */
.ptask .tbody .btn,.ptask .tbody .btns,.ptask .keypad,.ptask .rpad,.ptask .ctrl,.ptask .ccount,.ptask .cnum,.ptask .eqlive,.ptask .clist,.ptask .nimgame{display:none!important}
.ptask .numf{background:#fff!important;border:2.5px solid #151821;border-radius:10px}
.ptask .numf .v{visibility:hidden}
.ptask .numf.focus{outline:none}
.ptask .pit.blank{background:#fff}
.ptask .pit.blank span,.ptask .ap.q,.ptask .mc.q{color:#bbb}
.ptask .eop{background:#fff}
.ptask .pc{color:transparent}
.ptask .erase{display:none!important}
.ptask .pcmds{min-height:46px;border-bottom:2px solid #151821}
.ptask .pcmds .mute{visibility:hidden}
.ptask .choice{box-shadow:none}
.ptask .chip{box-shadow:none;cursor:default}
.ptask .tf button{background:#fff}
.ptask .lgrid td{background:#fff}
.ptask .river{min-height:120px}
/* номера у фигур, чтобы ответить номером */
.t-sort .pool,.t-odd .oddrow,.perr .patrow{counter-reset:it}
.t-sort .pool .chip,.t-odd .oddit,.perr .pit{counter-increment:it;position:relative}
.t-sort .pool .chip::after,.t-odd .oddit::after,.perr .pit::after{content:counter(it);position:absolute;top:-12px;left:-12px;width:26px;height:26px;border-radius:50%;background:#151821;color:#fff;font:700 15px/26px var(--f-body);text-align:center}
.plines{width:100%;padding:0 10px}
.plines i{display:block;height:38px;border-bottom:1.5px solid #9aa0ad}
.pbox{display:inline-block;width:80px;height:46px;border:2.5px solid #151821;border-radius:10px;vertical-align:middle}
.paperpieces{display:flex;gap:30px;align-items:center;flex-wrap:wrap;justify-content:center}
.paperpieces .pp{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}

/* лист с ответами */
.answers .akey{break-inside:avoid;margin-bottom:12px}
.answers h3{font-size:20px;margin:6px 0}
.answers table{width:100%;border-collapse:collapse;font-size:12.5px}
.answers td{border-bottom:1px solid #d6d2c8;padding:5px 6px;vertical-align:middle}
.answers .an{width:26px;font-weight:700}
.answers .at{width:150px;font-weight:600}
.answers .inl svg{width:18px;height:18px}

@media (max-width:820px){.sheet{min-height:auto;padding:14px}}

@media print{
  @page{size:A4;margin:9mm}
  html,body{background:#fff!important;overflow:visible}
  body::before{display:none!important}
  .topbar,footer,.noprint,#toast{display:none!important}
  .page{padding:0!important;max-width:none!important}
  .sheets{display:block}
  .sheet{box-shadow:none;width:auto;min-height:0;padding:0;break-after:page;page-break-after:always}
  .sheet:last-child{break-after:auto;page-break-after:auto}
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
}