.notebook-float{position:fixed;right:20px;bottom:25px;z-index:20;border:2px solid #fff7df;box-shadow:0 3px 14px #203d4433;min-height:48px}.notebook-dialog{width:calc(100% - 24px);max-width:1100px;max-height:94dvh;overflow-y:auto;background:#f7f8ef;padding:22px;box-sizing:border-box}.notebook-heading{display:flex;gap:12px;justify-content:space-between;align-items:center}.notebook-heading h2{font-size:19px;margin:0}.notebook-heading button{flex:none;min-height:44px}.notebook-current{padding:10px 14px;background:#e7eddc;border-radius:8px;overflow-wrap:anywhere}.notebook-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0}.notebook-tools button,.notebook-tools select{min-height:44px;font:inherit}.notebook-tools button{font-size:13px;padding:9px 12px}.notebook-tools button[aria-pressed=true]{background:#214f43;color:white}.notebook-tools select{padding:6px;border-radius:6px}#sketch-pad{width:100%;display:block;max-height:55dvh;min-height:240px;border:1px solid #b6c5ac;border-radius:9px;touch-action:none;user-select:none;cursor:crosshair;background:#fffdf6}#scratch-text{box-sizing:border-box;width:100%;min-height:110px;font-size:16px}.notebook-dialog .actions{margin:16px 0}body:has(#notebook[open]){overflow:hidden}.diagram-reading{margin-top:24px;padding-top:20px;border-top:1px solid #cad6c3}.guide-buttons{display:flex;flex-wrap:wrap;gap:8px}.guide-buttons button{min-height:44px;font-size:14px;padding:10px 14px}.guide-buttons button[aria-pressed=true]{background:#245344;color:white}#guide-description{padding:16px;border-left:4px solid #c6753c;background:#edf0e2;min-height:80px}.guide-pin circle{fill:#fffdf4;stroke:#406a56;stroke-width:2}.guide-pin text{fill:#234c3f;font-size:14px;font-weight:bold}.guide-pin.selected circle{fill:#c06a35;stroke:#754222}.guide-pin.selected text{fill:white}.picture-card .concept-svg{max-height:none}.notebook-dialog small{display:block;color:#536953;line-height:1.7}@media(max-width:640px){.notebook-float{right:12px;bottom:84px;font-size:14px;padding:12px 16px}.notebook-dialog{padding:14px;max-height:96dvh}.notebook-heading h2{font-size:16px}.notebook-dialog p{font-size:14px;line-height:1.7}.notebook-tools{gap:6px}#sketch-pad{min-height:260px;max-height:48dvh}.guide-buttons{flex-direction:column}.guide-buttons button{text-align:left;width:100%}.diagram-reading li p{font-size:15px}}

.notebook-sizes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:12px 0}.notebook-sizes label{font-size:14px;font-weight:600;min-width:0}.notebook-sizes input{display:block;width:100%;min-height:44px;accent-color:#245344}.notebook-sizes output{display:inline-block;min-width:30px;margin-left:8px;font-variant-numeric:tabular-nums}.tool-help{min-height:24px;font-size:13px;color:#526b59}@media(max-width:480px){.notebook-sizes{gap:12px}}