/* Article formatting and responsive YouTube blocks. */
.article-body .article-video,.rich-editor .article-video{display:block;width:100%;max-width:100%;margin:26px 0;overflow:hidden;border-radius:10px;background:#111;clear:both}
.article-body .article-video iframe,.rich-editor .article-video iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;max-width:100%;background:#111}
.article-body span,.rich-editor span{overflow-wrap:anywhere}.article-body li,.rich-editor li{margin:.3em 0}.article-body s,.rich-editor s{text-decoration:line-through}
.article-body img,.rich-editor img{max-width:100%;height:auto}
.rich-editor .video-editor-controls{display:flex;justify-content:flex-end;gap:8px;padding:9px;background:#f4f4f7;border:1px solid #e1e1e6;border-top:0}
.rich-editor .video-editor-controls button{border:1px solid #d9d9e1;background:#fff;border-radius:6px;padding:7px 10px;font:600 12px/1.4 system-ui,sans-serif;color:#3d3d45}
.rich-editor .video-editor-controls button:hover{border-color:#d7111d;color:#b4101c}
.admin-body .advanced-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid #dddde6;border-radius:10px;background:#fafafb;margin:0 0 10px}
.admin-body .advanced-toolbar .toolbar-group{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding-right:8px;border-right:1px solid #dddde6}
.admin-body .advanced-toolbar .toolbar-typography{flex-basis:100%;border:0;padding:0 0 9px;margin-bottom:2px;border-bottom:1px solid #e6e6ec;align-items:flex-end;gap:9px}
.admin-body .advanced-toolbar label{display:flex;flex-direction:column;gap:4px;margin:0;font:600 11px/1.3 system-ui,sans-serif;color:#5e5e68;min-width:0}
.admin-body .advanced-toolbar select{width:auto;max-width:148px;margin:0;padding:6px 22px 6px 8px;border:1px solid #dddde6;background:#fff;border-radius:6px;min-height:33px;font:500 12px system-ui,sans-serif;color:#30303a}
.admin-body .advanced-toolbar input[type=color]{width:55px;height:33px;min-height:33px;padding:3px;margin:0;border-radius:6px;background:#fff;border:1px solid #dddde6;cursor:pointer}
.admin-body .advanced-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 9px;border:1px solid #dddde6;border-radius:6px;background:#fff;color:#41414b;font:600 12px system-ui,sans-serif}
.admin-body .advanced-toolbar button svg{width:18px;height:18px;flex-shrink:0}
.admin-body .advanced-toolbar button[aria-pressed=true]{background:#fff0f1;color:#b5101c;border-color:#df9ca4}
.admin-body .advanced-toolbar button.toolbar-youtube{color:#b5101c}
.admin-body .advanced-toolbar button:focus-visible,.admin-body .advanced-toolbar select:focus-visible,.admin-body .advanced-toolbar input:focus-visible{outline:2px solid #b5101c;outline-offset:2px}
.admin-body .editor-help{font:12px/1.5 system-ui,sans-serif;color:#73737e;margin:0 0 10px}
.admin-body .youtube-dialog{width:min(520px,calc(100vw - 32px));max-height:90vh;overflow:auto;border:1px solid #e1e1e8;border-radius:16px;padding:25px;color:#282830;box-shadow:0 24px 90px #0004;background:#fff}
.admin-body .youtube-dialog::backdrop{background:#15152099}
.admin-body .youtube-dialog h2{margin:0 0 12px}.admin-body .youtube-dialog p{line-height:1.5}.admin-body .youtube-dialog input{width:100%}.admin-body .dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
@media(max-width:600px){.admin-body .advanced-toolbar{padding:8px;gap:7px}.admin-body .advanced-toolbar .toolbar-group{padding-right:5px}.admin-body .advanced-toolbar .toolbar-typography{gap:7px}.admin-body .advanced-toolbar select{max-width:130px}.admin-body .advanced-toolbar button{min-height:38px}.rich-editor .video-editor-controls{justify-content:center;flex-wrap:wrap}}
.admin-body .advanced-toolbar .toolbar-color input[type=color]{padding:4px;width:55px;height:33px;min-height:33px;line-height:1;background:#fff}
.admin-body .advanced-toolbar input[type=color]::-webkit-color-swatch-wrapper{padding:0}
.admin-body .advanced-toolbar input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}
.admin-body .advanced-toolbar input[type=color]::-moz-color-swatch{border:0;border-radius:3px}
