/* Print sheets & bills (receipt maker, OMR sheet, attendance sheet): page preview stage, pager, form extras */
.sk-app{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.sk-stage{background:#e9e7df;border:2px solid var(--ink);border-radius:var(--r-sm);padding:14px;position:relative}
.sk-page{display:block;width:100%;height:auto;aspect-ratio:210/297;background:#fff;border-radius:4px;box-shadow:0 10px 26px rgba(0,0,0,.16)}
.sk-land .sk-page{aspect-ratio:297/210}
.sk-stage.sample::after{content:"Sample: fill in the form to make yours";position:absolute;top:22px;left:50%;transform:translateX(-50%);background:var(--sun);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:4px 12px;font-weight:700;font-size:12.5px;box-shadow:2px 2px 0 var(--ink);white-space:nowrap;pointer-events:none}
.sk-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;font-weight:700;font-size:14px}
.sk-pager .btn{padding:7px 14px;font-size:14px;min-width:44px}
.sk-sum{font-size:14px;font-weight:600;color:var(--ink-2);margin:12px 0 0}
.sk-chips{margin:6px 0 15px}
.sk-chips .chip{min-height:36px}
.swatches.sk-sw{margin:6px 0 16px}
.sk-words{background:var(--blue-soft);border:2px solid var(--ink);border-radius:var(--r-sm);padding:9px 12px;font-weight:600;font-size:14px;color:var(--ink);margin:-4px 0 15px;min-height:46px}
.sk-sub{border:2px dashed var(--line);border-radius:var(--r-sm);padding:14px 14px 2px;margin-bottom:15px;background:#fcfbf8}
.sk-sub>.hint{margin:-4px 0 12px}
.sk-switches{display:grid;gap:12px;margin-bottom:15px}
.sk-app input[type=date]{min-width:0}
.sk-app textarea.mono{font:14.5px/1.5 ui-monospace,Consolas,monospace}
@media (max-width:900px){.sk-app{grid-template-columns:1fr}}
@media (max-width:420px){.sk-app input[type=date]{padding-inline:8px;font-size:15px}.sk-stage{padding:8px}}
/* OMR: score checker */
.om-result{margin-top:4px}
.om-score{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.om-score div{border:2px solid var(--ink);border-radius:var(--r-sm);padding:10px 12px;background:var(--blue-soft);box-shadow:3px 3px 0 var(--ink)}
.om-score strong{display:block;font-size:26px;line-height:1.1}
.om-score span{font-size:13px;font-weight:600;color:var(--ink-2)}
.om-tally{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.om-tally span{font-weight:700;font-size:13.5px;border-radius:999px;padding:4px 12px;border:2px solid var(--ink)}
.om-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;margin-bottom:10px}
.om-q{display:flex;align-items:baseline;justify-content:space-between;gap:3px;font-size:11.5px;font-weight:600;border-radius:8px;padding:4px 7px;border:1.5px solid transparent;color:var(--ink-2)}
.om-q b{font-size:15px;color:var(--ink)}
.om-q i{font-style:normal;font-size:11px;font-weight:700}
.om-right{background:#e3f6ea;border-color:#1f8a4c!important}
.om-wrong{background:#fdecec;border-color:var(--err)!important}
.om-blank{background:#eef0f4;border-color:#8a90a2!important}
.om-skip{background:#fff;border:1.5px dashed var(--line)}