.article-content { min-width:0; }
.article-content pre,.editorial-preview pre { background:#101827;color:#e5edf9;border:1px solid #334155;border-radius:10px;padding:20px;margin:20px 0;max-width:100%;overflow:auto;white-space:pre!important;overflow-wrap:normal!important;word-break:normal!important;tab-size:4;font:14px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace; }
.article-content pre code,.editorial-preview pre code { background:transparent!important;color:inherit!important;padding:0!important;border:0;white-space:pre!important;overflow-wrap:normal!important;word-break:normal!important;font:inherit!important; }
.article-content :not(pre)>code { background:#edf1f7;color:#7142a0;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere; }
.roipad-code { min-width:0;max-width:100%;margin:24px 0;border:1px solid #334155;border-radius:10px;overflow:hidden;background:#101827; }
.roipad-code .code-toolbar { display:flex;gap:12px;align-items:center;justify-content:space-between;padding:9px 14px;background:#1e293b;color:#cbd5e1;font:13px/1.5 system-ui,sans-serif; }
.roipad-code button { border:1px solid #64748b;border-radius:5px;background:#334155;color:#fff;padding:7px 12px;cursor:pointer;font:inherit; }
.roipad-code button:focus-visible { outline:3px solid #a5b4fc;outline-offset:2px; }
.article-content .roipad-code pre,.editorial-preview .roipad-code pre { margin:0;border:0;border-radius:0;max-height:650px; }
@media(max-width:600px){.article-content .roipad-code pre{padding:14px;font-size:13px}.roipad-code .code-toolbar{flex-wrap:wrap}}