/* Espacio de trabajo: acciones claras y lectura cómoda en escritorio y móvil. */
.workspace-savebar{position:sticky;top:0;z-index:25;max-width:1400px;margin:0 auto;padding:13px 40px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#eff5ef;border-bottom:1px solid #d9e5d8;color:#284b3c}
.workspace-savebar p{margin:0;font-size:14px;line-height:1.55;max-width:670px}
.workspace-savebar .button-row{gap:9px;flex-shrink:0}
.workspace-savebar .button{min-height:42px;font-size:14px;padding:9px 12px}
.workspace-savebar.storage-warning{background:#fff3df;color:#70430d;border-color:#dec38f}
.workspace-savebar.storage-warning .button-primary{background:#82510e}
.quick-start-dialog,.recovery-dialog{border:1px solid #dce5db;border-radius:18px;max-width:570px;width:calc(100% - 28px);padding:28px;color:#253e32;background:#fffefa;box-shadow:0 20px 65px #0b2c2540;max-height:calc(100dvh - 32px);overflow:auto}
.quick-start-dialog::backdrop,.recovery-dialog::backdrop{background:#142d2abb}
.quick-start-dialog h2,.recovery-dialog h2{font-size:29px;line-height:1.2;margin:12px 0}
.quick-start-dialog>form>p,.recovery-dialog>p{font-size:16px;color:#526556;line-height:1.65}
.quick-start-dialog label{display:block;font-size:16px;font-weight:600;margin:20px 0 8px}
.quick-start-dialog textarea{display:block;width:100%;min-height:110px;padding:13px;border:1px solid #adc2b1;border-radius:10px;background:white;resize:vertical;font-size:17px;line-height:1.55;color:#253e32}
.quick-start-dialog .start-hint{font-size:14px;margin:9px 0 20px;color:#526556}
.start-secondary{margin:15px 0 0;text-align:center}
.start-secondary .text-button{font-size:15px}
.recovery-steps{font-size:16px;line-height:1.7;padding-left:22px;margin:20px 0}
.recovery-steps li{padding-left:4px;margin-bottom:12px}
.recovery-actions{display:grid;gap:10px;margin:20px 0}
.backup-history{font-size:14px;color:#526556;margin:12px 0}
.workspace-error{padding:12px;border:1px solid #dcb09a;background:#fff3e8;color:#743814;border-radius:9px;font-size:15px;line-height:1.55}
.recovery-note,.import-preview{border:1px solid #d5e2d6;border-radius:10px;background:#f0f5ee;padding:13px;font-size:15px;line-height:1.65}
.small-dialog .button-row{gap:10px;justify-content:flex-end}
.small-dialog .import-backup-action{margin:8px 0 18px}
.home-route-disclosure{border:1px solid #dce5d8;border-radius:12px;padding:16px 18px;background:#fffefa}
.home-route-disclosure>summary{font-size:18px;font-weight:650;color:#285346;cursor:pointer;min-height:34px}
.home-route-disclosure[open]>summary{margin-bottom:20px}
.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:19px;padding:13px 16px;border:1px solid #dce5d8;background:#fffefa;border-radius:11px}
.workspace-toolbar p{margin:0;font-size:15px;color:#526556}
.workspace-toolbar .button{flex-shrink:0;font-size:15px}
.writing-reference>summary{display:none}
.writing-mode .sidebar,.writing-mode .topbar,.writing-mode .site-footer,.writing-mode .tf-whatsapp,.writing-mode .menu-overlay{display:none!important}
.writing-mode .app-shell{margin-left:0}
.writing-mode main{max-width:1000px;padding:20px 28px 50px}
.writing-mode .workspace-savebar{max-width:1000px;padding:12px 28px;background:#f0f5ef}
.writing-mode .page-heading,.writing-mode .guide-settings,.writing-mode .chapter-nav-shell{display:none}
.writing-mode .guide-layout{display:block}
.writing-mode .workspace-toolbar{box-shadow:0 5px 18px #25483b0d}
.writing-mode .guide-article{max-width:100%;padding:27px 32px}
.writing-mode .guide-article>:not(.article-top):not(h2):not(.writing-reference):not(.editor-box):not(.article-pagination){display:none!important}
.writing-mode .guide-article>h2{font-size:29px;margin:10px 0 22px}
.writing-mode .writing-reference{border:1px solid #d6e2d5;border-radius:10px;margin:0 0 22px;background:#f6f8f2;padding:12px 16px}
.writing-mode .writing-reference>summary{display:list-item;font-size:16px;font-weight:600;cursor:pointer;color:#285346;min-height:28px}
.writing-mode .writing-reference[open]>summary{margin-bottom:18px}
.writing-mode .editor-box textarea{min-height:350px;line-height:1.8;font-size:18px}
.writing-mode .article-pagination{margin-top:18px}
.writing-mode .editor-bottom{margin-bottom:0}
@media(max-width:1190px){.workspace-savebar{padding:12px 28px;align-items:flex-start;flex-direction:column;gap:9px}.workspace-savebar .button-row{flex-wrap:wrap}}
@media(max-width:600px){.workspace-savebar,.writing-mode .workspace-savebar{padding:12px 18px}.workspace-savebar p{font-size:14px}.workspace-savebar .button-row{width:100%;gap:8px}.workspace-savebar .button{font-size:14px;flex:1;padding:9px 10px}.workspace-toolbar{align-items:stretch;flex-direction:column;gap:9px;padding:12px}.workspace-toolbar .button{width:100%}.workspace-toolbar p{font-size:14px}.quick-start-dialog,.recovery-dialog{padding:22px 19px}.quick-start-dialog h2,.recovery-dialog h2{font-size:27px}.writing-mode main{padding:12px 12px 32px}.writing-mode .guide-article{padding:20px 17px}.writing-mode .guide-article>h2{font-size:25px}.writing-mode .editor-box textarea{font-size:17px;min-height:320px}.writing-mode .workspace-toolbar{top:0}.home-route-disclosure{padding:13px}.small-dialog .button-row{flex-direction:column}.small-dialog .button-row .button{width:100%}}
@media print{.workspace-savebar,.workspace-toolbar,.quick-start-dialog,.recovery-dialog{display:none!important}}
