:root{--primary:#36583c;--accent:#f4e648;--text:#111111;--muted:#374151;--border:#e5e7eb}
.prose{color:var(--muted);line-height:1.75;max-width:none}
.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:var(--primary);font-family:'Montserrat',sans-serif;font-weight:700}
.prose h1{font-size:2rem;margin:1.25rem 0 .75rem}
.prose h2{font-size:1.5rem;margin:1.25rem 0 .75rem;border-bottom:3px solid var(--accent);padding-bottom:.25rem}
.prose h3{font-size:1.25rem;margin:1rem 0 .5rem}
.prose p{margin:.85rem 0;font-family:'Source Sans Pro',sans-serif;color:var(--muted)}
.prose a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
.prose a:hover{opacity:.85}
.prose strong{color:var(--text)}
.prose em{color:var(--muted)}
.prose blockquote{margin:1.25rem 0;padding:1rem 1.25rem;background:#fffbe6;border-left:4px solid var(--accent);border-radius:.5rem;color:var(--primary);font-style:italic}
.prose img,.prose video{max-width:100%;height:auto;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid var(--border)}
.prose figure{margin:1.25rem 0;text-align:center}
.prose figure img{margin:auto}
.prose figure figcaption{margin-top:.5rem;color:#6b7280;font-size:.875rem}
.prose ul{list-style:disc;margin:1rem 0 1rem 1.25rem}
.prose ol{list-style:decimal;margin:1rem 0 1rem 1.25rem}
.prose li{margin:.35rem 0}
.prose ul li::marker,.prose ol li::marker{color:var(--primary)}
.prose hr{border:0;border-top:1px solid var(--border);margin:1.5rem 0}
.prose table{width:100%;border-collapse:collapse;margin:1.25rem 0;border:1px solid var(--border);border-radius:.5rem;overflow:hidden;background:#fff}
.prose table thead{background:var(--primary);color:var(--accent)}
.prose table th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.875rem;letter-spacing:.02em;text-transform:uppercase}
.prose table td{padding:.75rem 1rem;border-top:1px solid var(--border);vertical-align:top}
.prose tbody tr:nth-child(even){background:#fafafa}
.prose code{background:#f3f4f6;border:1px solid var(--border);padding:.15rem .35rem;border-radius:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;color:#1f2937}
.prose pre{background:#111827;color:#e5e7eb;border-radius:.5rem;padding:1rem;overflow:auto}
.prose pre code{background:transparent;border:0;color:inherit;padding:0}
.prose .wp-block-embed{margin:1.25rem 0}
.prose .wp-block-embed iframe,.prose iframe{width:100%;max-width:100%;border:0;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.prose .wp-block-image{margin:1.25rem 0}
.prose .wp-block-image img{display:block}
.prose .alignwide{margin-left:auto;margin-right:auto}
.prose .aligncenter{text-align:center}
.prose .alignright{float:right;margin-left:1rem}
.prose .alignleft{float:left;margin-right:1rem}
@media(max-width:768px){.prose .alignright,.prose .alignleft{float:none;margin:0;}}
.article-meta{color:#6b7280}
.article-meta span{display:inline-flex;gap:.35rem;align-items:center}
.article-meta .dot{width:.25rem;height:.25rem;border-radius:9999px;background:var(--muted);display:inline-block;margin:0 .5rem}
.article-card a:hover{color:var(--primary)}

/* Emoji and small icon images from WordPress emoji CDN */
.prose img.emoji,.prose img.wp-smiley,.prose img[src*="//s.w.org/images/core/emoji/"]{width:1.1em;height:1.1em;display:inline-block;margin:0 .25em;vertical-align:-.15em;border:0!important;box-shadow:none!important}
.prose p img[src*="//s.w.org/images/core/emoji/"]{width:1.1em;height:1.1em}

/* Keep heading strong color consistent */
.prose h1 strong,.prose h2 strong,.prose h3 strong,.prose h4 strong,.prose h5 strong,.prose h6 strong{color:inherit}

/* Fine-tune spacing for images inside paragraphs */
.prose p>img{margin:.25rem .5rem}

/* Ensure Gutenberg wide/alignments behave responsively */
.prose .wp-block-image.alignfull img{width:100%}
.prose .wp-block-image.alignwide img{max-width:100%}

/* --- Admin Gutenberg editor parity (Laraberg) --- */
.editor-styles-wrapper, .block-editor-writing-flow, .block-editor-block-list__layout { color: var(--muted); line-height: 1.75; font-family: 'Source Sans Pro', sans-serif; }
.editor-styles-wrapper h1, .block-editor-writing-flow h1, .block-editor-block-list__layout h1 { font-size: 2rem !important; margin: 1.25rem 0 .75rem; color: var(--primary) !important; font-weight:700; font-family:'Montserrat',sans-serif }
.editor-styles-wrapper h2, .block-editor-writing-flow h2, .block-editor-block-list__layout h2 { font-size: 1.5rem !important; margin: 1.25rem 0 .75rem; padding-bottom:.25rem; border-bottom:3px solid var(--accent); color: var(--primary) !important; font-weight:700; font-family:'Montserrat',sans-serif }
.editor-styles-wrapper h3, .block-editor-writing-flow h3, .block-editor-block-list__layout h3 { font-size: 1.25rem !important; margin: 1rem 0 .5rem; color: var(--primary) !important; font-weight:700; font-family:'Montserrat',sans-serif }
.editor-styles-wrapper h1 strong, .editor-styles-wrapper h2 strong, .editor-styles-wrapper h3 strong, .editor-styles-wrapper h4 strong, .editor-styles-wrapper h5 strong, .editor-styles-wrapper h6 strong,
.block-editor-writing-flow h1 strong, .block-editor-writing-flow h2 strong, .block-editor-writing-flow h3 strong, .block-editor-writing-flow h4 strong, .block-editor-writing-flow h5 strong, .block-editor-writing-flow h6 strong,
.block-editor-block-list__layout h1 strong, .block-editor-block-list__layout h2 strong, .block-editor-block-list__layout h3 strong, .block-editor-block-list__layout h4 strong, .block-editor-block-list__layout h5 strong, .block-editor-block-list__layout h6 strong { color: inherit !important }
.editor-styles-wrapper img.emoji, .editor-styles-wrapper img.wp-smiley, .editor-styles-wrapper img[src*="//s.w.org/images/core/emoji/"],
.block-editor-writing-flow img.emoji, .block-editor-writing-flow img.wp-smiley, .block-editor-writing-flow img[src*="//s.w.org/images/core/emoji/"],
.block-editor-block-list__layout img.emoji, .block-editor-block-list__layout img.wp-smiley, .block-editor-block-list__layout img[src*="//s.w.org/images/core/emoji/"] { width:1.1em !important; height:1.1em !important; display:inline-block; margin:0 .25em; vertical-align:-.15em; border:0!important; box-shadow:none!important }
.editor-styles-wrapper p>img, .block-editor-writing-flow p>img, .block-editor-block-list__layout p>img { margin:.25rem .5rem }
.editor-styles-wrapper figure, .block-editor-writing-flow figure, .block-editor-block-list__layout figure { text-align:center; margin:1.25rem 0 }
.editor-styles-wrapper figure img, .block-editor-writing-flow figure img, .block-editor-block-list__layout figure img { max-width:100%; height:auto; border-radius:.5rem; border:1px solid var(--border); box-shadow:0 1px 3px rgba(0,0,0,.08) }
.editor-styles-wrapper .wp-block-embed, .block-editor-writing-flow .wp-block-embed, .block-editor-block-list__layout .wp-block-embed { margin:1.25rem 0 }
.editor-styles-wrapper .wp-block-embed iframe, .block-editor-writing-flow .wp-block-embed iframe, .block-editor-block-list__layout .wp-block-embed iframe { width:100%; max-width:100%; border:0; border-radius:.5rem; box-shadow:0 1px 3px rgba(0,0,0,.08) }
.editor-styles-wrapper ul, .block-editor-writing-flow ul, .block-editor-block-list__layout ul { list-style:disc; margin:1rem 0 1rem 1.25rem }
.editor-styles-wrapper ol, .block-editor-writing-flow ol, .block-editor-block-list__layout ol { list-style:decimal; margin:1rem 0 1rem 1.25rem }
.editor-styles-wrapper table thead, .block-editor-writing-flow table thead, .block-editor-block-list__layout table thead { background:var(--primary); color:var(--accent) }
.editor-styles-wrapper table, .block-editor-writing-flow table, .block-editor-block-list__layout table { border:1px solid var(--border); border-radius:.5rem; overflow:hidden; background:#fff }
.editor-styles-wrapper table td, .editor-styles-wrapper table th, .block-editor-writing-flow table td, .block-editor-writing-flow table th, .block-editor-block-list__layout table td, .block-editor-block-list__layout table th { padding:.75rem 1rem }
.editor-styles-wrapper blockquote, .block-editor-writing-flow blockquote, .block-editor-block-list__layout blockquote { margin:1.25rem 0; padding:1rem 1.25rem; background:#fffbe6; border-left:4px solid var(--accent); border-radius:.5rem; color:var(--primary); font-style:italic }