:root{--paper:#f8f7f3;--white:#fff;--ink:#253c35;--muted:#748079;--green:#215649;--green-light:#edf2eb;--border:#dedfd7;--orange:#c27a45;--serif:Georgia,'Times New Roman',serif;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:light;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button:disabled{cursor:default}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.site-header{height:105px;max-width:1320px;margin:auto;padding:0 52px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:700;letter-spacing:-.9px}.brand-mark{background:var(--green);color:white;width:38px;height:44px;border-radius:18px 18px 5px 5px;display:grid;place-items:center;font-family:var(--serif);font-size:33px;font-weight:400}.brand-light{font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:2.8px;margin-top:7px;font-weight:500}.local-badge{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center}.local-badge i{width:6px;height:6px;background:#6a8b66;border-radius:50%}main{max-width:1320px;margin:auto;padding:0 52px}.intro{position:relative;padding:60px 0 44px}.eyebrow,.section-label{font-size:9px;font-weight:650;letter-spacing:1.7px;color:var(--muted)}.eyebrow{color:var(--green);margin:0 0 18px}.intro h1{font-family:var(--serif);font-size:clamp(38px,4.4vw,62px);font-weight:400;letter-spacing:-2.5px;line-height:1.07;margin:0 0 22px}.intro h1 span{color:var(--orange)}.intro>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#68756d}.intro-note{position:absolute;right:18px;bottom:62px;display:flex;gap:12px;align-items:center;font-family:var(--serif);font-size:17px;font-style:italic;color:#788477}.intro-note>span{font-size:42px;font-style:normal;transform:rotate(-15deg);color:#a6b19e}.workshop-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.workshop-heading h2{font-size:17px;font-weight:600;letter-spacing:-.5px;margin:0}.workshop-heading>span{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.mode{position:relative;text-align:left;background:transparent;border:1px solid var(--border);border-radius:7px;padding:18px 18px 19px;color:var(--ink);min-height:133px;transition:background .15s,border-color .15s}.mode:hover{background:#f0f1e9;border-color:#a8b7a5}.mode.active{background:var(--green);border-color:var(--green);color:white}.mode-icon{height:38px;display:block;font-family:'Times New Roman',serif;font-size:27px;line-height:30px;letter-spacing:3px}.mode strong{display:block;font-size:13px;font-weight:600;margin:7px 0}.mode small{font-size:10px;opacity:.7}.mode-arrow{position:absolute;right:15px;top:17px;font-size:17px;opacity:.5}.dotted-icon{font-family:var(--sans);font-size:17px;border:1px dashed currentColor;padding:0 4px}.workspace{display:grid;grid-template-columns:264px minmax(0,1fr);border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#f1f2ec}.settings{padding:26px 23px;border-right:1px solid var(--border)}.settings h3{font-size:16px;font-weight:500;margin:11px 0 29px;letter-spacing:-.4px}label{display:flex;justify-content:space-between;font-size:11px;font-weight:600;margin:22px 0 9px}select{width:100%;padding:12px 10px;border:1px solid #d7dcd2;border-radius:4px;background:#fbfcf8;color:var(--ink);font-size:11px;min-height:41px}input[type=range]{width:100%;accent-color:var(--green);margin:6px 0}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}output{font-size:10px;color:var(--green);font-weight:500}.field-hint{font-size:10px;line-height:1.6;color:var(--muted);margin:8px 0}.primary{border:0;border-radius:4px;background:var(--green);color:white}.generate{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:14px 12px;margin-top:28px}.generate>span:last-child{font-size:18px;line-height:12px}.primary:hover{background:#173e34}.settings-foot{font-size:10px;color:var(--muted);line-height:1.8;margin:17px 0 0;text-align:center}.preview{min-width:0;padding:24px 26px;background:#f5f5ef}.preview-toolbar{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:20px}.toolbar-actions{display:flex;gap:15px}.text-button{background:none;border:0;padding:3px 0;color:var(--green);font-size:10px;font-weight:550}.text-button:hover{text-decoration:underline}.sheet{padding:26px 27px 17px;background:white;border:1px solid #e1e2d9;min-height:360px;color:#27372f}.sheet-top{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.3px;color:#8b938a}.sheet-top span:last-child{font-size:8px;letter-spacing:.3px}.sheet h2{font-family:var(--serif);font-size:26px;font-weight:400;margin:24px 0 8px;letter-spacing:-.6px}.sheet .instruction{font-size:10px;line-height:1.6;color:#798177;margin:0 0 20px;max-width:530px}.student-line{display:flex;justify-content:space-between;gap:12px;font-size:8px;color:#8a9187;margin-bottom:18px}.blank{display:inline-block;border-bottom:1px solid #d8ddd3;width:140px;vertical-align:bottom}.blank.short{width:65px}.rhythm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px}.bar svg,.note-card svg{display:block;width:100%;height:auto;overflow:visible}.bar-number{fill:#8c9389}.dictation-hint{fill:#a1a69d;font-family:var(--sans);font-style:italic}.notes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 4px}.clef-symbol{font-family:'Apple Symbols','Segoe UI Symbol','Noto Music',serif}.answer-note{fill:var(--green);font-family:var(--sans)}.sheet-footer{display:flex;justify-content:space-between;font-size:7px;color:#989e94;border-top:1px solid #eceee7;padding-top:12px;margin-top:16px}.sheet-footer>span:first-child{font-family:var(--serif);font-style:italic;font-size:9px}.player{display:flex;align-items:center;gap:11px;margin-top:19px}.play-button{border:1px solid #cbd6c8;color:var(--green);background:#e8eee4;border-radius:50%;width:36px;height:36px;font-size:12px;flex-shrink:0}.player-text{display:flex;flex-direction:column;gap:5px}.player-text strong{font-size:10px;font-weight:550}.player-text span{font-size:8px;color:var(--muted)}.solution-button{font-size:10px;border:1px solid #d1d8cc;background:transparent;color:var(--green);padding:10px 12px;border-radius:4px;margin-left:auto;white-space:nowrap}.solution-button:hover{background:#e8eee4}.playback-progress{height:3px;flex:1;max-width:90px;background:#e0e5da;margin:0 5px}.playback-progress>span{display:block;width:0;height:100%;background:var(--green)}#status{min-height:24px;margin:11px 0 0;font-size:9px;line-height:1.7;color:var(--green)}.recipe-details{font-size:10px;color:var(--muted);border-top:1px solid var(--border);padding-top:13px;margin-top:5px;line-height:1.8}.recipe-details summary{cursor:pointer}.recipe-details p{margin:9px 0}.recipe-details #recipe-info{font-size:9px;overflow-wrap:anywhere}.recipe-details button{margin:9px 18px 0 0}.saved-section{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;padding:42px 0 44px}.saved-section .eyebrow{font-size:8px;margin-bottom:10px}.saved-section h2{font-family:var(--serif);font-size:26px;font-weight:400;margin:0 0 10px;letter-spacing:-.7px}.saved-section p:not(.eyebrow){color:var(--muted);font-size:10px;line-height:1.7}.saved-empty{padding:17px 20px;border:1px dashed #ccd4c6;border-radius:5px}.saved-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);padding:10px 0}.saved-open{background:none;border:0;color:var(--green);text-align:left;font-size:11px;flex:1;padding:4px 0}.saved-open:hover{text-decoration:underline}.remove-saved{background:transparent;border:0;font-size:20px;color:var(--muted);padding:2px 7px}footer{border-top:1px solid var(--border);padding:23px 0 29px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.answer-section{border-top:1px solid #e5e9df;margin:15px 0 0;padding-top:10px}.answer-section h3{font-size:11px;font-weight:600;margin:0 0 7px}.answers{font-size:10px;line-height:1.9;color:var(--green)}
@media(min-width:1450px){.intro{padding-top:70px}.workspace{grid-template-columns:280px minmax(0,1fr)}.sheet{min-height:410px}.preview{padding:26px 35px}.mode{min-height:142px}}
@media(max-width:900px){main{padding:0 24px}.site-header{padding:0 24px;height:88px}.intro-note{display:none}.intro{padding:42px 0 30px}.workspace{grid-template-columns:220px minmax(0,1fr)}.settings{padding:23px 16px}.preview{padding:22px 15px}.sheet{padding:20px 16px}.mode{padding:15px 12px}.mode strong{font-size:11px}.mode small{font-size:9px}.player{flex-wrap:wrap}.playback-progress{display:none}.student-line .blank{width:70px}.student-line .short{width:45px}.section-label{font-size:8px;letter-spacing:1px}.toolbar-actions{gap:9px}}
@media(max-width:650px){main{padding:0 18px}.site-header{padding:0 18px;height:77px}.brand{font-size:18px;gap:8px}.brand small{font-size:7px;letter-spacing:2px}.brand-mark{height:37px;width:32px}.local-badge{font-size:9px;max-width:95px;line-height:1.5}.intro h1{font-size:44px;letter-spacing:-1.7px}.intro>p:not(.eyebrow){font-size:13px}.intro{padding-top:36px}.intro .eyebrow{font-size:8px}.mode-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:20px}.mode{min-height:115px;padding:13px}.mode-icon{height:31px;font-size:25px}.mode strong{font-size:12px}.mode small{font-size:10px}.workspace{grid-template-columns:1fr}.settings{padding:21px 18px;border-right:0;border-bottom:1px solid var(--border)}.settings h3{margin:9px 0 20px}.settings .field-hint{grid-column:1/-1;margin-bottom:4px}.settings label{margin-top:8px}.settings-foot{margin-top:10px;font-size:9px}.settings-foot br{display:none}.preview{padding:22px 13px 15px}.preview-toolbar .section-label{font-size:7px}.sheet{padding:20px 13px 14px}.sheet h2{font-size:24px}.sheet-top{font-size:6px;letter-spacing:.8px}.sheet-top span:last-child{font-size:7px}.sheet .instruction{font-size:10px}.player-text span{font-size:7px}.solution-button{padding:9px;font-size:9px}.play-button{width:32px;height:32px}.player{gap:8px}.player-text strong{font-size:9px}.saved-section{grid-template-columns:1fr;gap:8px;padding:32px 0}.saved-section h2{font-size:25px}.saved-empty{margin-top:0}footer{font-size:8px;gap:20px}.notes-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ——— v2: navegación, actividades, cuadernillo y documentos ——— */
:root{--c-read:#215649;--c-rhythm:#b4653a;--c-ear:#3e5f8a;--c-theory:#7a5a8c;--c-games:#a5832a}
.main-nav{display:flex;gap:4px;background:#eef0e8;border:1px solid var(--border);border-radius:999px;padding:4px}
.main-nav button{border:0;background:transparent;color:var(--ink);font-size:12px;font-weight:600;padding:9px 16px;border-radius:999px;display:flex;gap:7px;align-items:center}
.main-nav button:hover{background:#e2e6dc}.main-nav button.active{background:var(--green);color:#fff}
.nav-count{font-size:10px;min-width:18px;height:18px;border-radius:9px;background:var(--orange);color:#fff;display:inline-grid;place-items:center;padding:0 5px}
.intro.compact{padding:44px 0 30px}.intro.compact h1{font-size:clamp(34px,3.6vw,50px)}
.category-filter{display:flex;gap:6px;flex-wrap:wrap}
.chip{border:1px solid var(--border);background:transparent;color:var(--ink);font-size:11px;padding:6px 12px;border-radius:999px}
.chip:hover{border-color:#a8b7a5}.chip.active{background:var(--ink);border-color:var(--ink);color:#fff}
.mode{border-top:3px solid var(--accent,var(--border))}
.mode.cat-read{--accent:var(--c-read)}.mode.cat-rhythm{--accent:var(--c-rhythm)}.mode.cat-ear{--accent:var(--c-ear)}.mode.cat-theory{--accent:var(--c-theory)}.mode.cat-games{--accent:var(--c-games)}
.mode.active{background:var(--accent);border-color:var(--accent)}
.mode-tag{position:absolute;right:38px;top:17px;font-size:8px;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent);font-weight:700}
.mode.active .mode-tag{color:#fff;opacity:.8}
input[type=text],textarea{width:100%;padding:10px;border:1px solid #d7dcd2;border-radius:4px;background:#fbfcf8;color:var(--ink);font:inherit;font-size:12px}
textarea{resize:vertical;line-height:1.5}
input[type=text]:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:1px}
.check-label{justify-content:flex-start;gap:8px;align-items:center;font-weight:500}
.check-label input{accent-color:var(--green);width:15px;height:15px;margin:0}
.design-options{margin-top:20px;border-top:1px solid var(--border);padding-top:14px;font-size:11px}
.design-options summary{cursor:pointer;font-weight:600;color:var(--green)}
.design-options label:first-of-type{margin-top:12px}
.primary.small{font-size:11px;padding:9px 14px}
.status-line{min-height:22px;font-size:11px;color:var(--green);line-height:1.6}

/* fichas */
.sheet .instruction{font-size:10px;line-height:1.6;color:#798177;margin:0 0 20px;max-width:560px}
.answer-section{border-top:1px solid #e5e9df;margin:15px 0 0;padding-top:10px}.answer-section h3{font-size:11px;font-weight:600;margin:0 0 7px}.answers{font-size:10px;line-height:1.9;color:var(--green);margin:0}
.prompt-note{fill:#5d6a62;font-family:var(--sans);font-weight:600}
.answer-line{stroke:var(--orange)}
.melody-grid{gap:4px 0}.melody-grid .bar svg{overflow:visible}
.intervals-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.secret-grid{display:flex;flex-wrap:wrap;gap:14px 22px}
.secret-card{flex:0 1 auto}.secret-card svg{display:block;height:118px;width:auto;overflow:visible}
.secret-card p{font-size:10px;color:#7c857a;margin:4px 0 0 8px}.answer-word{color:var(--green);letter-spacing:2px}
.answer-box{stroke:#b9c0b4}
.barline-grid{display:flex;flex-direction:column;gap:10px}.barline-row svg{display:block;width:100%;height:auto;overflow:visible}
.wordsearch{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:start}
.ws-grid{border-collapse:collapse;font-family:'Courier New',monospace;font-weight:700}
.ws-grid td{width:27px;height:27px;text-align:center;font-size:14px;border:1px solid #e3e6dd;color:#2c3a33}
.ws-grid.size-14 td{width:23px;height:23px;font-size:12px}
.ws-words h4{font-size:11px;margin:0 0 10px;color:var(--muted);letter-spacing:1px;text-transform:uppercase}
.ws-words ul{list-style:none;padding:0;margin:0;columns:1;font-size:12px;line-height:2;letter-spacing:1px}
.ws-words li::before{content:'☐ ';color:#b4bcb0}
.blank.long{width:260px}
.sheet-decor{display:none}
/* estilo infantil */
.sheet.style-kids{--k:var(--c-read);border:3px solid var(--k);border-radius:22px;position:relative;overflow:hidden}
.sheet.style-kids.cat-rhythm{--k:var(--c-rhythm)}.sheet.style-kids.cat-ear{--k:var(--c-ear)}.sheet.style-kids.cat-theory{--k:var(--c-theory)}.sheet.style-kids.cat-games{--k:var(--c-games)}
.sheet.style-kids .sheet-decor{display:block;position:absolute;right:22px;top:40px;width:200px;color:var(--k);opacity:.35}
.sheet.style-kids h2{font-family:'Trebuchet MS','Comic Sans MS',var(--sans);font-weight:700;color:var(--k);font-size:28px}
.sheet.style-kids .instruction{background:color-mix(in srgb,var(--k) 9%,white);border-radius:12px;padding:10px 14px;color:#3b4a42;font-size:11px}
.sheet.style-kids .bar svg,.sheet.style-kids .note-card svg,.sheet.style-kids .secret-card svg{color:#22302a}
.sheet.style-kids .note-card,.sheet.style-kids .secret-card{background:color-mix(in srgb,var(--k) 5%,white);border-radius:12px;padding:4px}
.sheet.style-kids .answer-note,.sheet.style-kids .answers{fill:var(--k);color:var(--k)}
.sheet.style-kids .sheet-footer>span:first-child{color:var(--k);font-style:normal;font-weight:700;font-family:'Trebuchet MS',var(--sans)}
/* ahorro de tinta */
.sheet.style-minimal{border:1px solid #ccc}.sheet.style-minimal h2{font-family:var(--sans);font-weight:600;font-size:20px}
.sheet.style-minimal .answer-note,.sheet.style-minimal .answers{fill:#000;color:#000}
.sheet.cover{text-align:left}.cover-title{font-family:var(--serif);font-size:44px;font-weight:400;margin:60px 0 40px;letter-spacing:-1px}
.cover-sub{font-size:13px;margin:16px 0}.cover-list{font-size:13px;line-height:2.2}.sheet.cover h3{margin-top:44px;font-size:13px}
.style-kids .cover-title{font-family:'Trebuchet MS',var(--sans);font-weight:700;color:var(--k)}

/* cuadernillo */
.booklet-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:20px;margin-bottom:40px}
.panel{border:1px solid var(--border);border-radius:8px;background:#f1f2ec;padding:24px}
.panel h3{font-size:16px;font-weight:500;margin:11px 0 18px}
.preset-list{display:grid;gap:10px}
.preset{text-align:left;border:1px solid var(--border);background:#fbfcf8;border-radius:8px;padding:14px 16px;display:grid;gap:3px;color:var(--ink)}
.preset:hover{border-color:var(--green);background:#fff}
.preset strong{font-size:14px}.preset span{font-size:11px;color:var(--green);font-weight:600}.preset small{font-size:10px;color:var(--muted)}
.booklet-main{background:#f5f5ef}
.booklet-list{margin:0;padding:0 0 0 22px}
.booklet-item{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);padding:8px 0;font-size:12px}
.booklet-list .saved-empty{list-style:none;margin-left:-22px;font-size:12px;color:var(--muted)}
.booklet-tools{display:flex;gap:2px}
.icon-button{border:1px solid transparent;background:transparent;color:var(--green);width:30px;height:30px;border-radius:4px;font-size:14px}
.icon-button:hover:not(:disabled){border-color:var(--border);background:#fff}.icon-button:disabled{opacity:.3}

/* documentos */
.docs-layout{display:grid;grid-template-columns:400px minmax(0,1fr);gap:20px;margin-bottom:40px;align-items:start}
.docs-side{display:flex;flex-direction:column;gap:10px}
.docs-side>.section-label{margin-top:14px}
.profile-box{border:1px solid var(--border);background:#fbfcf8;border-radius:6px;padding:12px 14px}
.profile-box summary{cursor:pointer;display:flex;flex-direction:column;gap:5px}
.profile-box summary strong{font-size:13px;font-weight:600}
.field-form{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.field-form .field.wide{grid-column:1/-1}
.field-form .field label{margin:12px 0 6px;font-size:10.5px}
.field-form>.text-button{grid-column:1/-1;justify-self:start;margin-top:14px}
.checks{display:flex;flex-wrap:wrap;gap:4px 14px}.checks .check-label{margin:4px 0}
.doc-catalog{display:grid;gap:12px}
.doc-group h4{margin:4px 0 6px;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}
.doc-item{display:block;width:100%;text-align:left;border:1px solid transparent;background:transparent;padding:8px 10px;border-radius:5px;color:var(--ink);font-size:12px}
.doc-item:hover{background:#e7ebe2}.doc-item.active{background:var(--green);color:#fff}
.docs-preview{min-width:0;position:sticky;top:12px}
.docs-preview .toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px 15px}
.doc-edit-hint{font-size:10px;color:var(--muted);margin:-8px 0 10px}
.doc-paper{background:#fff;border:1px solid #e1e2d9;padding:42px 46px;min-height:600px;max-height:calc(100vh - 140px);overflow:auto;color:#222;font-size:12.5px;line-height:1.55;outline:none;box-shadow:0 10px 30px -18px rgba(30,50,40,.35)}
.doc-paper:focus{border-color:#b9c7b4}
.doc-head{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid var(--green);padding-bottom:10px;font-size:10.5px;color:#55625a}
.doc-head div{display:flex;flex-direction:column;gap:2px}.doc-head div:last-child{text-align:right}.doc-head strong{color:var(--ink);font-size:12px}
.doc h1{font-family:var(--serif);font-weight:400;font-size:24px;letter-spacing:-.4px;margin:22px 0 4px;color:var(--ink)}
.doc-subtitle{color:#6c776f;margin:0 0 14px}
.doc h2{font-size:13.5px;color:var(--green);border-bottom:1px solid #e1e4dc;padding-bottom:4px;margin:22px 0 8px}
.doc h3{font-size:12.5px;margin:14px 0 6px}
.doc table{border-collapse:collapse;width:100%;margin:8px 0 12px;font-size:11.5px}
.doc th,.doc td{border:1px solid #cfd5cb;padding:6px 7px;vertical-align:top;text-align:left}
.doc thead th{background:#edf2eb;font-weight:600}
.doc .doc-data th{width:32%;background:#f6f7f3;font-weight:600}
.doc .doc-grid td{height:24px}
.doc ul,.doc ol{padding-left:20px;margin:6px 0}
.doc-ce li{margin-bottom:6px}
.doc-note{font-size:10.5px;color:#6c776f}
.doc-fill{color:#a0a79c}
.doc-check{display:inline-block;margin:2px 0}
.doc-place{margin-top:24px;text-align:right}
.doc-signs{display:flex;gap:30px;justify-content:space-around;margin-top:18px;text-align:center;font-size:11px}
.doc-signs>div{flex:1;max-width:260px}.sign-space{height:60px;border-bottom:1px solid #999;margin:6px 0}
.doc-cut{margin:26px 0 14px;color:#888;letter-spacing:1px;overflow:hidden;white-space:nowrap}
.doc-legal{margin-top:30px;border-top:1px solid #e1e4dc;padding-top:10px;font-size:9.5px;color:#6c776f;line-height:1.5}
.doc-legal ul{margin:4px 0 6px}
.doc-error{color:#a3412a}
.drafts{margin-top:22px}.drafts h3{font-size:13px;margin:0 0 6px}
.legal-disclaimer{font-size:10px;color:var(--muted);line-height:1.7;margin-top:18px;border-top:1px solid var(--border);padding-top:12px}
#print-area{display:none}

@media(max-width:1100px){.docs-layout,.booklet-layout{grid-template-columns:1fr}.docs-preview{position:static}.doc-paper{max-height:none}.mode-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.site-header{height:auto;flex-wrap:wrap;gap:12px;padding-top:16px;padding-bottom:16px}.main-nav{order:3;width:100%;justify-content:space-between}.main-nav button{padding:8px 10px;font-size:11px}.workshop-heading{flex-direction:column;align-items:flex-start;gap:10px}.intervals-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wordsearch{grid-template-columns:1fr}}
@media(max-width:650px){.mode-grid{grid-template-columns:repeat(2,1fr)}.mode-tag{display:none}.doc-paper{padding:22px 16px}.field-form{grid-template-columns:1fr}.intervals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-grid td{width:21px;height:21px;font-size:11px}.ws-grid.size-14 td{width:19px;height:19px;font-size:10px}.doc-signs{flex-direction:column;align-items:center}.panel{padding:18px}}

@media print{
  @page{size:A4;margin:14mm}
  body{background:white}
  body>header,body>main{display:none!important}
  #print-area{display:block!important}
  .print-sheets .sheet{border:0;padding:0;min-height:0;break-after:page;box-shadow:none}
  .print-sheets .sheet:last-child{break-after:auto}
  .print-sheets .sheet.style-kids{border:3px solid var(--k);padding:10mm;border-radius:18px}
  .print-sheets .sheet h2{font-size:25px}.print-sheets .sheet-top{font-size:8px}.print-sheets .sheet .instruction{font-size:11px}
  .print-sheets .student-line{font-size:10px;margin-top:25px}.print-sheets .rhythm-grid{gap:10px 18px}
  .print-sheets .bar,.print-sheets .note-card,.print-sheets .secret-card,.print-sheets .barline-row{break-inside:avoid}
  .print-sheets .notes-grid{gap:20px 8px}.print-sheets .sheet-footer{font-size:8px;margin-top:25px}.print-sheets .answers{font-size:11px}
  .print-sheets .ws-grid td{width:32px;height:32px;font-size:16px}
  .print-doc-area .doc-paper{border:0;padding:0;max-height:none;overflow:visible;box-shadow:none;font-size:11pt}
  .print-doc-area table,.print-doc-area .doc-signs{break-inside:avoid}
  .print-doc-area h2{break-after:avoid}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}