/* Wilfrido Ortega v16: specifically scoped corrections, loaded last. */
:root { --wo-canvas-fixed: #fbf7ed; --wo-title-fixed:#172f45; }
/* The actual canvas and all default background wrappers now use one colour. */
html, body, body.catalog-mode, body.wo-v13, body.wo-v15-history, body.wo-v15-works {
 background:var(--wo-canvas-fixed)!important;
 background-color:var(--wo-canvas-fixed)!important;
}
body > main, body > main#main, body.catalog-mode > main#main,
body.catalog-mode #main, body.catalog-mode #app,
body.catalog-mode #page, body.catalog-mode .page, body.catalog-mode .main-content {
 background-color:var(--wo-canvas-fixed)!important;
}
/* Page-opening sections: keep actual archival/editorial content panels in their original colours. */
body main > section.hero:not(.v10-home-hero),
body main .page-heading,
body.catalog-mode main .page-heading,
body.catalog-mode main .v5-dist,
body.catalog-mode main .dist-page {
 background:var(--wo-canvas-fixed)!important;
 background-color:var(--wo-canvas-fixed)!important;
}
/* Explicitly target BOTH language copies of the Su historia/Su obranan hero headings.
   These selectors override the former 4.5rem generic rule and page-local CSS. */
html body.wo-v15-history main section.hero .hero-row h1,
html body.wo-v15-works main section.hero .hero-row h1 {
 font-family:Georgia,'Times New Roman',serif!important;
 font-size:clamp(3.5rem,6.15vw,6.25rem)!important;
 font-weight:400!important;
 font-style:normal!important;
 line-height:1.06!important;
 letter-spacing:-.035em!important;
 color:var(--wo-title-fixed)!important;
 margin-top:.22em!important;
 margin-bottom:.28em!important;
}
html body.wo-v15-works main section.hero .hero-row h1 em {
 font-size:inherit!important;
 color:#b49356!important;
 font-style:italic!important;
 font-weight:400!important;
}
@media(max-width:700px) {
 html body.wo-v15-history main section.hero .hero-row h1,
 html body.wo-v15-works main section.hero .hero-row h1 {font-size:clamp(2.85rem,10vw,4.2rem)!important;}
}

/* V16 readability fix: inherited dark-blue headings/body on dark editorial sections.
   Color only, preserving all existing layout, images, wording, and palette surfaces. */
:root { --wo-dark-surface-text:#fff9ed; --wo-dark-surface-muted:#e6dfd0; }
body main .sec.blue,
body main .overview,
body main section.blue,
body main .question,
body main .v5-quote,
body main .audio-placeholder {
 color:var(--wo-dark-surface-text)!important;
}
body main .sec.blue h1,body main .sec.blue h2,body main .sec.blue h3,body main .sec.blue h4,
body main .overview h1,body main .overview h2,body main .overview h3,body main .overview h4,
body main section.blue h1,body main section.blue h2,body main section.blue h3,body main section.blue h4,
body main .question h1,body main .question h2,body main .question h3,
body main .audio-placeholder h2,body main .audio-placeholder h3 {
 color:var(--wo-dark-surface-text)!important;
}
body main .sec.blue p,body main .sec.blue li,body main .sec.blue blockquote,
body main .overview p,body main .overview li,body main .overview blockquote,
body main section.blue p,body main section.blue li,body main section.blue blockquote,
body main .question p,body main .audio-placeholder p {
 color:var(--wo-dark-surface-text)!important;
}
body main .overview .quick {color:var(--wo-dark-surface-text)!important;}
body main .overview .quick p {color:var(--wo-dark-surface-muted)!important;}
body main .sec.blue a:not(.btn),body main section.blue a:not(.btn),
body main .overview a:not(.btn) {color:#fff1c9;}
body main .sec.blue .eyebrow,body main section.blue .eyebrow,
body main .overview .eyebrow,body main .question span {color:#f0d09a!important;}
/* Keep text on light cards legible even when the card sits in a dark section. */
body main .sec.blue .milestone,body main .sec.blue .milestone p,
body main .overview .milestone,body main .overview .milestone p {
 color:#253844!important;
}
body main .sec.blue .milestone h3,body main .overview .milestone h3 {color:#172f45!important;}

/* Distribushon: image caption and quotation sit on light cream/sage panels.
   Do not inherit the light foreground intended for genuinely dark sections. */
body.catalog-mode main .v5-photo-panel blockquote,
body.catalog-mode main .v5-photo-panel blockquote p {
 color:#253844!important;
}
body.catalog-mode main .v5-photo-panel .v5-quote,
body.catalog-mode main .v5-photo-panel .v5-quote p {
 color:#253844!important;
}

/* Distribushon image-adjacent text block: light sage panel requires dark ink. */
body main .v5-photo-panel .v5-quote,
body main .v5-photo-panel .v5-quote p {color:#172f45!important;}