/* Лист строки /class/sheet/ (26.10.2026, день 3). Бумага A4: светлый лист, тёмный текст, хангыль — крупно.
   На экране — лист посередине и панель «Печать / PDF» сверху; в печати панель исчезает. */
@font-face{font-family:"Sh Pretendard";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("/fonts/pretendard-lat-cyr.woff2") format("woff2");unicode-range:U+0000-024F,U+0400-04FF,U+2000-206F}
:root{--ink:#1E1428;--mut:#5B4F69;--line:#D9CFE6;--ko:#5A2D8C;--snd:#B0336E;--mean:#17734D;--paper:#fff;--bg:#ECE6F3;
  --f:"Sh Pretendard",system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans JP","Noto Sans Thai","Noto Sans TC",sans-serif;
  --f-ko:"Pretendard Variable","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 11pt/1.45 var(--f)}
body[data-ready="0"] [data-t]{visibility:hidden;animation:sh-show 0s 1.5s forwards}
@keyframes sh-show{to{visibility:visible}}
[lang=ko]{font-family:var(--f-ko)}
.bar{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;padding:10px 16px;background:#1B1427}
.bar button,.bar a{min-height:44px;padding:0 20px;border-radius:999px;font:600 16px var(--f);display:inline-flex;align-items:center;text-decoration:none;cursor:pointer}
.bar button{border:0;background:linear-gradient(135deg,#FBE6D2,#EDC7A2 46%,#DFA97F);color:#2A1520}
.bar a{border:1.5px solid rgba(199,158,232,.4);color:#F6F1FA}
.bar button:focus-visible,.bar a:focus-visible{outline:3px solid #C79EE8;outline-offset:2px}
.sheet{width:210mm;max-width:100%;min-height:297mm;margin:16px auto;padding:10mm 12mm;background:var(--paper);box-shadow:0 6px 30px rgba(30,20,40,.18)}
.sh-head{display:grid;grid-template-columns:auto 1fr auto;gap:6mm;align-items:center;border-bottom:1.5px solid var(--line);padding-bottom:4mm}
.sh-mark svg{display:block;height:9mm;width:auto}
.sh-kind{margin:0;font-size:9pt;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.sh-ttl h1{margin:0;font-size:16pt;line-height:1.2}
.sh-name{margin:0;font-size:10pt;color:var(--mut);white-space:nowrap}
.sh-note{color:var(--mut)}
h2{font-size:11.5pt;margin:3.5mm 0 1.5mm}
h2 small{font-weight:400;color:var(--mut);font-size:9.5pt;margin-left:2mm}
.ln{border:1px solid var(--line);border-radius:3mm;padding:2mm 3.5mm;margin:0 0 2mm;break-inside:avoid}
.ln-ko{font-family:var(--f-ko);font-size:16pt;font-weight:700;color:var(--ko);line-height:1.3}
.ln-snd{font-size:10pt;color:var(--snd);margin-top:.5mm}
table{width:100%;border-collapse:collapse;margin:1mm 0 0;font-size:9.5pt}
th,td{border-bottom:1px solid var(--line);padding:.8mm 2mm;text-align:left;vertical-align:top}
th{font-size:8.5pt;letter-spacing:.04em;text-transform:uppercase;color:var(--mut);font-weight:600}
td.k{font-family:var(--f-ko);font-weight:700;color:var(--ko);font-size:11pt;white-space:nowrap}
td.r{color:var(--snd)}
.words{columns:2;column-gap:6mm;margin:1mm 0 0;padding:0;list-style:none;font-size:9.8pt}
.words li{break-inside:avoid;padding:.7mm 0;border-bottom:1px solid var(--line)}
.words b{font-family:var(--f-ko);color:var(--ko);font-size:11pt}
.words i{font-style:normal;color:var(--snd)}
.gap{display:inline-block;min-width:22mm;border-bottom:1.5px solid var(--ink);margin:0 1mm}
.ex{font-family:var(--f-ko);font-size:14pt;font-weight:700;line-height:1.5}
.bank{display:flex;flex-wrap:wrap;gap:2mm;margin:1mm 0 0;padding:0;list-style:none;font-size:10pt}
.bank li{border:1px solid var(--line);border-radius:2mm;padding:.6mm 2.5mm}
.bank b{font-family:var(--f-ko);font-size:12.5pt;margin-right:1.5mm}
.write{border-bottom:1px solid var(--mut);height:7mm}
.lnum{margin:2mm 0 0;font-size:10pt}
.foot{display:grid;grid-template-columns:auto 1fr;gap:5mm;align-items:center;margin-top:4mm;border-top:1.5px solid var(--line);padding-top:4mm;break-inside:avoid}
.qr{width:25mm;height:25mm}
.qr svg{display:block;width:100%;height:100%}
.foot p{margin:0 0 1mm;font-size:9.5pt}
.foot .url{font-weight:700;color:var(--ko);word-break:break-all}
.key{margin-top:4mm;font-size:8.8pt;color:var(--mut);border-top:1px dashed var(--line);padding-top:2mm;break-inside:avoid}
.key b{color:var(--ink)}
.credit{font-size:8pt;color:var(--mut);margin:2mm 0 0}
/* Панель «Взять в класс» (26.10.2026): под панелью печати, только на экране */
.tools{max-width:210mm;margin:16px auto 0;padding:14px 16px;background:#fff;border-radius:12px;box-shadow:0 4px 18px rgba(30,20,40,.12)}
.tools h2{margin:0 0 10px;font-size:15px}
.tools-sub{margin:12px 0 8px;font-size:14px;color:var(--mut)}
.tools-row{display:flex;flex-wrap:wrap;gap:8px}
.tl{min-height:44px;padding:6px 16px;border-radius:14px;border:1.5px solid var(--line);background:#F7F3FB;color:var(--ink);font:600 15px var(--f);display:inline-flex;align-items:center;text-decoration:none;cursor:pointer;text-align:left}
.tl:hover{border-color:#B693D6}
.tl:focus-visible{outline:3px solid #8E5BC0;outline-offset:2px}
.tools-ok{min-height:1.4em;margin:8px 0 0;font-size:14px;color:var(--mean)}
@media (max-width:820px){.tools{margin:0;border-radius:0;box-shadow:none;border-bottom:1px solid var(--line)}.tl{flex:1 1 100%}}
@media (max-width:820px){.sheet{margin:0;padding:16px;min-height:0;box-shadow:none}.sh-head{grid-template-columns:1fr}.sh-name{white-space:normal}}
@page{size:A4;margin:0}
@media print{body{background:#fff}.bar,.tools{display:none!important}.sheet{margin:0;box-shadow:none;width:210mm;min-height:297mm}}