body{padding-bottom:150px}.editor-panel{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 24px));padding:12px 16px;background:#fcf2f0;color:#110816;border:1px solid #187dea;border-radius:12px;z-index:100;box-shadow:0 3px 24px #11081622;font:14px/1.5 system-ui,sans-serif}.editor-actions{display:flex;gap:8px;flex-wrap:wrap}.editor-panel button{font:inherit;border:1px solid #187dea;border-radius:30px;padding:8px 14px;background:transparent;color:#187dea;cursor:pointer}.editor-panel button:first-child{background:#187dea;color:white}.editor-panel p{font:13px/1.6 system-ui,sans-serif;margin:7px 0 0}.editor-panel details{margin-top:5px;font-size:12px}.editor-panel details p{max-height:120px;overflow:auto}.editor-panel button:focus-visible{outline:3px solid #110816}.editing [data-content-key]{outline:2px dashed #187dea;outline-offset:6px;cursor:text;min-height:1.5em}.editing [data-content-key]:focus{background:#b4efd955;outline-style:solid}[data-content-key]{white-space:pre-wrap;overflow-wrap:anywhere}.article-body{font-size:20px;line-height:1.95;max-width:820px;min-height:240px}.article-title{max-width:1000px}.editing .draft{display:none}@media(max-width:760px){body{padding-bottom:175px}.editor-panel{padding:10px 12px}.editor-panel button{font-size:13px;padding:7px 10px}.article-body{font-size:18px}}
/* Rich editing: controls stay outside website content. */
.editor-panel{max-height:44vh;overflow-y:auto;width:min(1060px,calc(100% - 24px))}
.format-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;border-top:1px solid #187dea44;padding-top:10px}
.format-tools[hidden]{display:none}.format-tools label{display:flex;align-items:center;gap:5px;font-size:13px}.format-tools select,.format-tools input{font:14px system-ui;color:#110816;border:1px solid #187dea;border-radius:5px;background:white;padding:6px;max-width:160px}.format-tools input{width:64px}.format-tools button{border-radius:6px;padding:6px 11px}.format-tools #active-field{font-size:12px;flex-basis:100%;color:#395a71}
[data-content-key] img{display:block;max-width:100%;height:auto;object-fit:contain;margin:14px 0;max-height:900px}[data-content-key] p,[data-content-key] div{font-size:inherit;line-height:inherit;margin-top:0;margin-bottom:0;max-width:none}.editing [data-content-key] img{cursor:pointer}.editor-image-selected{outline:3px solid #187dea;outline-offset:3px}.editing{padding-bottom:290px}#groups,#cards{scroll-margin-top:24px}#groups:target{outline:2px solid var(--blue);outline-offset:-12px}
@media(max-width:760px){.editor-panel{max-height:45vh}.format-tools{gap:6px}.format-tools button{font-size:12px}.format-tools select{max-width:130px}.editing{padding-bottom:360px}}

.article-add-top{display:inline-block;margin-bottom:24px;padding:12px 22px;border:1px solid #187dea;border-radius:28px;background:#187dea;color:#fff;font:16px system-ui;cursor:pointer}