.notebook-shortcuts{display:flex;justify-content:flex-end;align-items:center;gap:18px;margin:-9px 0 20px;font-size:14px}.notebook-shortcuts a{color:var(--purple-dark);font-weight:800;text-decoration:none}.print-activities,.notebook button{border:1px solid #d8caee;background:#fff;color:#63479c;padding:10px 15px;border-radius:10px;font-weight:800;font-size:14px;min-height:42px}.print-activities{background:#eee7fc}.notebook{scroll-margin-top:20px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;margin:0 0 28px}.notebook-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.notebook-heading p:not(.eyebrow){font-size:16px;color:#786b87;line-height:1.5}.notebook-controls{display:flex;align-items:end;gap:16px;margin:20px 0}.notebook-controls label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:800;flex:1}.notebook-controls select{border:1px solid #dcd2e9;background:#faf8fd;padding:11px;border-radius:10px;color:#514361;max-width:100%;font-size:14px}.drawing-model{background:#f7f4fc;border-radius:12px;padding:4px 14px}.drawing-model[hidden]{display:none}.drawing-model svg{display:block;width:100%;max-height:180px}.drawing-model p{margin:8px 0;font-size:14px;color:#6a5682}#drawing-instruction{font-size:16px;line-height:1.5}.drawing-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:15px 0}.drawing-tools label{margin-right:auto;display:flex;align-items:center;gap:7px;font-size:14px}.drawing-tools input{accent-color:var(--purple);width:18px;height:18px}.drawing-scroll{overflow-x:auto;border:1px solid #dcd3e9;border-radius:14px;background:#fff}.drawing-board{position:relative;width:100%;min-width:600px;aspect-ratio:4.5}#drawing-staff,#drawing-canvas{position:absolute;inset:0;width:100%;height:100%}#drawing-staff svg{width:100%;height:100%;display:block}#drawing-canvas{touch-action:none;cursor:crosshair}.drawing-bottom{display:flex;align-items:center;gap:16px;margin-top:17px}.drawing-bottom p{font-size:14px;line-height:1.5;color:#726081;margin:0}.drawing-bottom button{background:#ede5fa;flex-shrink:0}.notebook-tip{font-size:14px;line-height:1.6;margin-bottom:0;color:#85758e}#print-workbook{display:none}.print-staff svg{width:100%;height:auto;display:block}
@media(max-width:720px){.notebook{padding:19px 15px}.notebook-heading{align-items:start;flex-direction:column;gap:0}.notebook-heading h2{font-size:22px}.notebook-shortcuts{justify-content:center;gap:12px;flex-wrap:wrap}.notebook-shortcuts a,.notebook-shortcuts button{font-size:13px}.notebook-controls{align-items:stretch;flex-direction:column;gap:10px}.notebook-controls select{width:100%;min-width:0}.drawing-bottom{align-items:start;flex-direction:column}.drawing-tools button{font-size:12px;padding:8px}.drawing-model{overflow-x:auto}.drawing-model svg{min-width:550px}.notebook-heading>.print-activities{display:none}}
@page{size:A4 portrait;margin:13mm}
@media print{html,body{background:#fff!important;color:#000!important;margin:0!important;padding:0!important;font-family:Arial,sans-serif!important}body>*:not(#print-workbook){display:none!important}#print-workbook{display:block!important}.workbook-page{break-after:page;page-break-after:always}.workbook-page:last-child{break-after:auto;page-break-after:auto}.workbook-page h1{font-family:Arial,sans-serif;font-size:23pt;margin:0 0 4mm;color:#000}.workbook-page h2{font-size:14pt;margin:4mm 0 2mm;color:#000}.workbook-page p{font-size:10pt;line-height:1.4;margin:2mm 0}.workbook-page .print-meta{display:flex;justify-content:space-between;font-size:10pt;margin:4mm 0}.print-staff{break-inside:avoid;page-break-inside:avoid}.print-staff svg{height:30mm;width:100%}.print-staff .print-small{height:33mm}.print-label{font-size:10pt;font-weight:bold;margin-top:3mm}.print-footer{font-size:9pt!important;margin-top:4mm!important}.print-write{border-bottom:1px solid #000;display:inline-block;min-width:45mm;height:5mm}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}