/* Renamed from editor-style.css: Front-end like styles for block editor */
@import url('editor-style.css'); /* TEMP: fallback import if old path cached; will remove later */

:root {
  --oc-primary-color: #233b68;
  --oc-link-color: #0d6efd;
  --oc-font-stack: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
}

body.block-editor-page, .editor-styles-wrapper { font-family: var(--oc-font-stack); font-size: 16px; line-height: 1.8; -webkit-font-smoothing: antialiased; }
.editor-styles-wrapper .wp-block { max-width: 860px; }
.editor-styles-wrapper .wp-block[data-align="wide"], .editor-styles-wrapper .wp-block.alignwide { max-width: 1140px; }
.editor-styles-wrapper .wp-block[data-align="full"], .editor-styles-wrapper .wp-block.alignfull { max-width: none; }
.editor-styles-wrapper h1 { font-size: 2.2rem; font-weight: 700; line-height:1.2; margin:2.2rem 0 1.2rem; }
.editor-styles-wrapper h2 { font-size: 1.9rem; font-weight: 700; line-height:1.25; margin:2.4rem 0 1.25rem; position:relative; padding-bottom:.6rem; }
.editor-styles-wrapper h2:after { content:""; position:absolute; left:0; bottom:0; width:70px; height:3px; background:linear-gradient(90deg,var(--oc-primary-color), rgba(35,59,104,.15)); border-radius:2px; }
.editor-styles-wrapper h3 { font-size: 1.55rem; font-weight: 600; margin:2rem 0 1rem; }
.editor-styles-wrapper h4 { font-size: 1.25rem; font-weight: 600; margin:1.8rem 0 .9rem; }
.editor-styles-wrapper h5 { font-size: 1.05rem; font-weight: 600; margin:1.6rem 0 .8rem; }
.editor-styles-wrapper h6 { font-size: .95rem; font-weight: 600; margin:1.4rem 0 .7rem; letter-spacing:.05em; }
.editor-styles-wrapper p { margin:0 0 1.25rem; }
.editor-styles-wrapper p + p { margin-top:-.3rem; }
.editor-styles-wrapper a { color: var(--oc-link-color); text-decoration: underline; text-underline-offset:3px; }
.editor-styles-wrapper a:hover { text-decoration:none; }
.editor-styles-wrapper strong { font-weight:600; }
.editor-styles-wrapper blockquote { margin:2rem 0; padding:1.25rem 1.5rem; background:#f5f8fc; border-left:5px solid var(--oc-primary-color); font-style:italic; }
.editor-styles-wrapper ul, .editor-styles-wrapper ol { margin:0 0 1.3rem 1.2rem; padding:0; }
.editor-styles-wrapper li { margin:.35rem 0; }
.editor-styles-wrapper figure { margin:2rem 0; }
.editor-styles-wrapper figcaption { font-size:.8rem; text-align:center; opacity:.75; margin-top:.4rem; }
.editor-styles-wrapper table { width:100%; border-collapse:collapse; margin:2rem 0; font-size:.95rem; }
.editor-styles-wrapper table th, .editor-styles-wrapper table td { border:1px solid #d8dfe6; padding:.65rem .75rem; }
.editor-styles-wrapper table th { background:#f2f6fa; font-weight:600; }
.editor-styles-wrapper code { background:#f2f4f8; padding:.15em .45em; border-radius:4px; font-size:.85em; }
.editor-styles-wrapper pre { background:#1e2732; color:#f1f6ff; padding:1rem 1.1rem; overflow:auto; border-radius:8px; font-size:.9rem; }
.editor-styles-wrapper pre code { background:transparent; padding:0; }
.editor-styles-wrapper .wp-block-button__link { background: var(--oc-primary-color); border-radius:999px; padding:.85em 1.9em; font-weight:600; box-shadow:0 8px 22px -6px rgba(35,59,104,.35); transition:.3s ease; }
.editor-styles-wrapper .wp-block-button__link:hover { transform:translateY(-3px); box-shadow:0 12px 28px -8px rgba(35,59,104,.45); }
.editor-styles-wrapper hr { border:none; height:2px; background:linear-gradient(90deg,var(--oc-primary-color), rgba(35,59,104,.1)); margin:3rem auto; width:100%; }
.editor-styles-wrapper .aligncenter { text-align:center; }
.editor-styles-wrapper .alignright { text-align:right; }
@media (min-width: 1300px) { .editor-styles-wrapper .wp-block[data-align="full"] { padding-left:0; padding-right:0; } }
@media (max-width: 600px) { .editor-styles-wrapper h1 { font-size:1.9rem; } .editor-styles-wrapper h2 { font-size:1.65rem; } .editor-styles-wrapper h3 { font-size:1.35rem; } }
