/* Formulario de Writing: estilos limitados a este módulo. */
.writing-guide{max-width:1000px}
.writing-guide .writing-about{margin:20px 0 26px;padding:16px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.writing-guide .writing-about summary{cursor:pointer;font-weight:600;min-height:28px}
.writing-guide .writing-about p{line-height:1.65}
.writing-guide .writing-about h3{font-size:17px;margin:20px 0 6px}
.writing-guide .writing-group{min-width:0;margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}
.writing-guide .writing-group legend{font-size:19px;font-weight:600;padding:0 8px;max-width:100%;white-space:normal}
.writing-guide .writing-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.writing-guide .writing-field{min-width:0;display:flex;flex-direction:column;gap:6px}
.writing-guide label{font-weight:600;font-size:16px}
.writing-guide input,.writing-guide textarea,.writing-guide select{display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:46px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);font:inherit;font-size:16px;line-height:1.5}
.writing-guide textarea{resize:vertical;min-height:82px}
.writing-guide select{white-space:normal;text-overflow:ellipsis}
.writing-guide input:focus-visible,.writing-guide textarea:focus-visible,.writing-guide select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.writing-guide .writing-title{max-width:600px;margin:24px 0}
.writing-guide .writing-hint,.writing-guide .writing-example,.writing-guide .writing-storage{font-size:14px;color:var(--muted);line-height:1.5;font-weight:400;margin:0}
.writing-guide .writing-example{overflow-wrap:anywhere}
.writing-guide .writing-storage{margin:14px 0}
.writing-guide .writing-step+.writing-step{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.writing-guide .writing-sentence{background:var(--surface-2);padding:12px 14px;border-radius:8px;font-size:16px;line-height:1.65;margin:4px 0;overflow-wrap:anywhere}
.writing-guide [data-completion] label{display:block;margin:8px 0}
.writing-guide .writing-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:26px 0}
.writing-guide .btn{min-height:44px;white-space:normal}
.writing-guide .writing-result{margin-top:30px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow-wrap:anywhere}
.writing-guide .writing-result h2{margin-top:0}
.writing-guide #writing-text{max-width:70ch;line-height:1.85;margin:24px auto;user-select:text}
.writing-guide #writing-text p{margin:0 0 20px;white-space:pre-wrap}
.writing-guide #writing-count{margin:12px 0}
.writing-guide [hidden]{display:none!important}
.writing-guide .level-tab{min-height:44px}
@media(max-width:640px){.writing-guide .writing-field-grid{grid-template-columns:1fr}.writing-guide .writing-group{padding:14px}.writing-guide .writing-result{padding:18px}.writing-guide .levels{gap:6px}.writing-guide .level-tab{padding:8px 11px;font-size:13px}.writing-guide .stars{font-size:11px}.writing-guide .writing-actions>.btn{width:100%}}
/* El piloto de IA añade un panel aparte; nunca sustituye la redacción original. */
.writing-guide .writing-ai{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.writing-guide .writing-ai-text{background:var(--surface-2);padding:18px;border:1px solid var(--line);border-radius:12px;line-height:1.85;overflow-wrap:anywhere}
.writing-guide .writing-ai-text h4{margin:0 0 16px;font-size:19px}
.writing-guide .writing-ai-text p{margin:0 0 18px;white-space:pre-wrap}
.writing-guide .writing-ai-errors{padding-left:24px}
.writing-guide .writing-ai-errors li{padding:12px;border:1px solid var(--line);border-radius:10px;margin:12px 0;line-height:1.6}
.writing-guide .writing-ai-errors p{margin:0 0 8px;overflow-wrap:anywhere}
.writing-guide .writing-ai-errors del{background:#fce9e7;color:#8b2c27;text-decoration-thickness:1px;padding:2px 4px;border-radius:4px}
.writing-guide .writing-ai-errors ins{background:#e6f4ec;color:#245f3c;text-decoration:none;padding:2px 4px;border-radius:4px}

/* Segundo tipo de Writing: catálogo y frases con dos huecos. */
.writing-guide .writing-topic-levels{display:block;margin-top:6px;font-size:13px;color:var(--muted)}
.writing-guide .writing-gap+.writing-gap{margin-top:16px}
.writing-guide .writing-step>.writing-field-grid{margin:10px 0 16px}