/* Content management follows the existing Manrope / green learning interface. */
.admin-tabs{display:flex;gap:var(--space-2);border-bottom:1px solid var(--border);margin-bottom:var(--space-6);flex-wrap:wrap}
.admin-tabs button{font:inherit;font-size:var(--text-sm);font-weight:700;color:var(--muted);background:none;border:0;border-bottom:3px solid transparent;padding:var(--space-3) var(--space-4);cursor:pointer}
.admin-tabs button.active{color:var(--green-dark);border-bottom-color:var(--green)}
.content-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-6)}
.content-intro h2{margin:0 0 var(--space-2);font-size:var(--text-lg)}.content-intro p{margin:0;max-width:65ch}
.content-intro>.btn{flex-shrink:0}
.content-refresh{display:flex;justify-content:flex-end;margin:calc(-1 * var(--space-4)) 0 var(--space-3)}
.content-workspace{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.7fr);gap:var(--space-6);align-items:start}
.content-library,.content-editor,.content-empty,.content-helper{min-width:0}
.content-library{padding:var(--space-5)!important}
.content-library label{font-size:var(--text-xs)}
.content-library select{margin-bottom:var(--space-5)}
.content-list-item{padding:var(--space-3) 0;border-bottom:1px solid var(--border)}
.content-list-item:last-child{border-bottom:0}
.content-list-item.selected{background:var(--green-soft);border-radius:var(--radius-sm);padding-inline:var(--space-3);margin-inline:calc(-1 * var(--space-3))}
.content-select{border:0;background:none;color:var(--text);text-align:left;cursor:pointer;padding:0;width:100%;font:inherit}
.content-select strong{display:block;font-size:var(--text-sm);line-height:1.5;overflow-wrap:anywhere;margin:var(--space-1) 0}
.content-select small,.content-status{font-size:var(--text-xs);color:var(--muted)}
.content-status.published{color:var(--green-dark)}
.content-row-tools{display:flex;gap:var(--space-2);margin-top:var(--space-2)}
.content-row-tools .btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);min-height:44px;min-width:44px}
.content-editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}
.content-editor-heading h2{font-size:var(--text-lg);overflow-wrap:anywhere;margin:var(--space-2) 0 var(--space-5)}
.content-editor-heading .btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}
.content-tabs{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-6)}
.content-tabs .btn{font-size:var(--text-xs);padding:var(--space-2) var(--space-3);min-height:44px}
.content-edit-fields{border:0;margin:0;padding:0;min-width:0}
.content-edit-fields textarea{width:100%;resize:vertical;min-height:76px;line-height:1.6}
.content-edit-fields input,.content-edit-fields select,.content-edit-fields textarea{max-width:100%;font-size:var(--text-sm)}
.content-field{margin-bottom:var(--space-5)}
.content-two{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.content-edit-fields>label,.content-helper label{display:block;margin-top:var(--space-4)}
.content-check{display:flex!important;align-items:flex-start;gap:var(--space-3);font-weight:600;font-size:var(--text-sm)}
.content-check input{width:18px!important;height:18px;flex:0 0 18px;margin-top:var(--space-1);accent-color:var(--green)}
.content-info{padding:var(--space-4);background:var(--surface-alt);border-radius:var(--radius-md);font-size:var(--text-sm);margin:0 0 var(--space-5);color:var(--muted)}
.content-requirement{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);margin:0 0 var(--space-4);min-width:0}
.content-requirement legend{font-weight:700;padding:0 var(--space-2);font-size:var(--text-xs);color:var(--green-dark)}
.content-requirement-bottom{display:flex;gap:var(--space-3);align-items:center;margin-top:var(--space-3)}
.content-requirement-bottom select{margin:0;flex:1;min-width:0}
.content-requirement-bottom .btn{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}
.content-editor-footer{border-top:1px solid var(--border);padding-top:var(--space-5);margin-top:var(--space-6)}
.content-editor-footer small{display:block;color:var(--muted);font-size:var(--text-xs);margin-top:var(--space-1)}
#content-save-status{font-size:var(--text-sm);font-weight:700}
.content-footer-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-4)}
.content-footer-actions .btn{font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}
.content-footer-actions .danger{color:var(--error);background:none;border:1px solid var(--border)}
.content-empty{padding:var(--space-8)!important}
.content-empty h2{font-size:var(--text-lg);margin-block:var(--space-4)}
.content-empty p{color:var(--muted);font-size:var(--text-sm)}
.content-flow{display:flex;gap:var(--space-3);flex-wrap:wrap;margin:var(--space-8) 0}
.content-flow span{font-size:var(--text-xs);font-weight:700;border-bottom:2px solid var(--green);padding-bottom:var(--space-2)}
.content-no-results{font-size:var(--text-sm);color:var(--muted);padding:var(--space-6) 0}
.content-prewrap{white-space:pre-wrap;overflow-wrap:anywhere}
.content-preview-test{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border)}
.content-preview-test .btn{margin-top:var(--space-3)}
.content-preview-result{margin-top:var(--space-5);padding:var(--space-5);border-radius:var(--radius-md);background:var(--green-soft);font-size:var(--text-sm)}
.content-preview-result li{margin-bottom:var(--space-2)}
.content-helper{max-width:900px}
.content-helper .content-two{margin-block:var(--space-4)}
.content-helper .field-help{margin-bottom:var(--space-5)}
.content-helper .content-check{margin-top:0}
.content-editor :disabled{cursor:wait}
.content-tabs .btn:disabled{cursor:default}
.content-editor .form-message{overflow-wrap:anywhere}
@media(max-width:1100px){.content-workspace{grid-template-columns:minmax(225px,.65fr) minmax(0,1.4fr);gap:var(--space-4)}.content-editor{padding:var(--space-5)!important}}
@media(max-width:900px){.content-workspace{grid-template-columns:1fr}.content-library #content-list{max-height:320px;overflow:auto;padding-inline:var(--space-3);margin-inline:calc(-1 * var(--space-3))}.content-intro{flex-direction:column;gap:var(--space-4)}}
@media(max-width:480px){.admin-tabs{gap:0;display:grid;grid-template-columns:1fr 1fr}.admin-tabs button{text-align:left;padding:var(--space-3) var(--space-2);font-size:var(--text-xs)}.content-two{grid-template-columns:1fr;gap:0}.content-tabs .btn{flex:1 0 40%}.content-footer-actions{flex-direction:column}.content-footer-actions .btn{width:100%}.content-editor-heading{align-items:center}.content-empty{padding:var(--space-5)!important}}