/* Word-style visual editor + matching article typography v57 */
.rte-toolbar-w57{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:7px 9px;border-top:1px dashed var(--line)}
.rte-toolbar-w57 .rte-btn{min-width:31px;height:29px;padding:0 7px;font-size:11px}
.rte-toolbar-w57 .rte-btn.active{border-color:var(--gold);background:var(--goldSoft);color:var(--gold)}
.rte-select-w57{height:29px;padding:0 6px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);font:10px var(--sans)}
.rte-color-w57{width:31px;height:29px;padding:2px;border:1px solid var(--line);border-radius:6px;background:var(--bg);cursor:pointer}
.rte-w57-stats{margin-left:auto;color:var(--muted);font-size:9px;white-space:nowrap}
.rte-w57-preview{display:none;max-height:520px;padding:26px 30px;overflow:auto;border-top:1px solid var(--line);background:var(--bg)}
.rte-wrap.rte-w57-split{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:'bar bar' 'row row' 'area preview' 'foot foot'}
.rte-wrap.rte-w57-split>.rte-toolbar:first-child{grid-area:bar}
.rte-wrap.rte-w57-split>.rte-toolbar-w57{grid-area:row}
.rte-wrap.rte-w57-split>.rte-area{grid-area:area;border-right:1px solid var(--line)}
.rte-wrap.rte-w57-split>.rte-w57-preview{display:block;grid-area:preview;border-top:0}
.rte-wrap.rte-w57-split>.rte-status{grid-area:foot}
/* The editing surface mirrors the published article styling exactly. */
.rte-area{font:17px/1.85 var(--serif,Georgia,serif)}
.rte-area h2,.prose h2{margin:1.9em 0 .55em;font:800 clamp(21px,2.4vw,28px)/1.2 var(--serif,Georgia,serif)}
.rte-area h3,.prose h3{margin:1.6em 0 .45em;font:750 clamp(17px,2vw,22px)/1.25 var(--serif,Georgia,serif)}
.rte-area h4,.prose h4{margin:1.4em 0 .4em;font:700 15px/1.3 var(--sans);letter-spacing:.02em;text-transform:uppercase;color:var(--gold)}
.rte-area p,.prose p{margin:0 0 1.15em}
.rte-area ul,.rte-area ol,.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.4em}
.rte-area li,.prose li{margin-bottom:.45em}
.rte-area blockquote,.prose blockquote{margin:1.6em 0;padding:.2em 0 .2em 1.2em;border-left:3px solid var(--gold);color:var(--muted);font-style:italic}
.rte-area hr,.prose hr{margin:2.2em 0;border:0;border-top:1px solid var(--line)}
.rte-area mark,.prose mark{padding:.06em .28em;border-radius:3px;background:color-mix(in srgb,var(--gold) 38%,transparent);color:inherit}
.rte-area u,.prose u{text-underline-offset:.18em}
.rte-area code,.prose code{padding:.12em .4em;border-radius:4px;background:color-mix(in srgb,var(--line) 60%,transparent);font:.88em var(--mono,ui-monospace,monospace)}
.rte-area pre,.prose pre{margin:1.5em 0;padding:15px 17px;overflow:auto;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--bg) 70%,var(--card))}
.rte-area pre code,.prose pre code{padding:0;background:none}
.rte-area figure,.prose figure{margin:1.8em 0}
.rte-area figure img,.prose figure img{width:100%;border-radius:10px}
.rte-area img,.prose img{max-width:100%;height:auto;border-radius:8px}
.rte-area figcaption,.prose figcaption{margin-top:8px;color:var(--muted);font-size:11px;text-align:center}
.rte-area table,.prose table{width:100%;margin:1.8em 0;border-collapse:collapse;font-size:.92em}
.rte-area th,.rte-area td,.prose th,.prose td{padding:10px 12px;border:1px solid var(--line);text-align:left;vertical-align:top}
.rte-area th,.prose th{background:color-mix(in srgb,var(--gold) 12%,transparent);font-weight:800}
@media(max-width:900px){.rte-wrap.rte-w57-split{grid-template-columns:1fr;grid-template-areas:'bar' 'row' 'area' 'preview' 'foot'}.rte-wrap.rte-w57-split>.rte-area{border-right:0;border-bottom:1px solid var(--line)}.rte-w57-stats{width:100%;margin-left:0;text-align:right}}