/* Hallmark · pre-emit critique: P4 H4 E4 S4 R5 V4. Scoped host styles only. */
.foroptimist-host { width:100%; min-width:0; }
.foroptimist-host .foroptimist-frame { display:block; width:100%; height:1100px; border:0; }
.foroptimist-banner { --fo-ink:oklch(25% .025 240); --fo-paper:oklch(96% .014 190); --fo-accent:oklch(48% .105 245); --fo-white:oklch(100% 0 0); display:grid; grid-template-columns:minmax(0,1fr) minmax(140px,.5fr); align-items:center; gap:1rem; padding:clamp(1.25rem,4vw,3rem); background:var(--fo-paper); color:var(--fo-ink); border-radius:1rem; }
.foroptimist-banner h2 { font:inherit; font-size:clamp(1.5rem,3.1vw,2.5rem); font-weight:700; line-height:1.15; margin:.5rem 0 1rem; overflow-wrap:anywhere; }
.foroptimist-banner p { margin:0 0 1.5rem; }
.foroptimist-banner .foroptimist-kicker { font-weight:700; }
.foroptimist-banner .foroptimist-cta { display:inline-flex; gap:1rem; align-items:center; padding:.9rem 1.1rem; color:var(--fo-white); background:var(--fo-accent); border-radius:.5rem; text-decoration:none; font-weight:700; white-space:nowrap; }
.foroptimist-banner .foroptimist-cta:focus-visible { outline:3px solid var(--fo-ink); outline-offset:4px; }
.foroptimist-banner img { max-width:100%; width:100%; height:auto; max-height:280px; object-fit:contain; }
@media(max-width:600px){.foroptimist-banner{grid-template-columns:minmax(0,1fr)}.foroptimist-banner img{max-height:180px;grid-row:1}}

/* forOPTIMIST rc2: native ForSailors brand tokens, isolated from the theme. */
.foroptimist-banner {--fo-ink:#0b1220;--fo-paper:#f2f5f9;--fo-accent:#2b6ca3;--fo-white:#ffffff;border-radius:16px;--fo-font:"Foroptimist Inter",Inter,sans-serif;font-family:var(--fo-font);}
.foroptimist-banner .foroptimist-cta {border-radius:6px;font-weight:600;}

@font-face {font-family:"Foroptimist Inter";src:url("assets/fonts/inter-variable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap;}