.od-brand--configured.od-brand-color-lime > .od-brand__text { color: #b9f227 !important; }
.od-brand--configured.od-brand-color-cyan > .od-brand__text { color: #43e7f5 !important; }
.od-brand--configured.od-brand-color-orange > .od-brand__text { color: #ff9f1c !important; }
.od-brand--configured.od-brand-color-neon_green > .od-brand__text { color: #22ff91 !important; }
.od-brand--configured.od-brand-color-neon_pink > .od-brand__text { color: #ff4fa3 !important; }
.od-brand--configured.od-brand-color-neon_purple > .od-brand__text { color: #c26bff !important; }
.od-brand--configured.od-brand-color-red > .od-brand__text { color: #ff5b6c !important; }
.od-brand--configured.od-brand-color-blue > .od-brand__text { color: #4da9ff !important; }
.od-brand--configured.od-brand-style-classic { font-family: inherit; font-weight: var(--ng-weight-semibold); }
.od-brand--configured.od-brand-style-bold { font-family: inherit; font-weight: 800; }
.od-brand--configured.od-brand-style-robotic { font-family: ui-monospace, "Cascadia Code", "Courier New", monospace; font-weight: 700; }
.od-brand--configured.od-brand-style-comic { font-family: "Comic Sans MS", "Comic Sans", cursive; font-weight: 700; }
.od-brand--configured.od-brand-style-geometric { font-family: "Arial Rounded MT Bold", "Trebuchet MS", sans-serif; font-weight: 700; }
.od-brand--configured.od-brand-style-serif { font-family: Georgia, "Times New Roman", serif; font-weight: 700; }
.od-brand--configured.od-brand-style-condensed { font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-weight: 500; }
.od-brand--configured.od-brand-style-terminal { font-family: "Lucida Console", Monaco, monospace; font-weight: 700; }
.od-brand--configured.od-brand-style-script { font-family: "Brush Script MT", "Segoe Script", cursive; font-weight: 700; }
.od-brand--configured.od-brand-style-slab { font-family: Rockwell, "Roboto Slab", Georgia, serif; font-weight: 700; }
.od-brand--configured.od-brand-style-typewriter { font-family: "Courier New", Courier, monospace; font-weight: 700; }
.od-brand--configured.od-brand-style-industrial { font-family: "Arial Black", Impact, sans-serif; font-weight: 700; }
.od-brand--configured.od-brand-style-minimal { font-family: "Segoe UI", Arial, sans-serif; font-weight: 400; }
.od-brand--configured.od-brand-style-futuristic { font-family: Eurostile, "Arial Black", "Trebuchet MS", sans-serif; font-weight: 700; }
.od-brand--configured.od-brand-style-blackletter { font-family: "Old English Text MT", "Lucida Blackletter", Georgia, serif; font-weight: 700; }
.od-brand--configured.od-brand-style-rounded { font-family: "Arial Rounded MT Bold", "Trebuchet MS", sans-serif; font-weight: 700; }
.od-brand--configured.od-brand-style-humanist { font-family: "Gill Sans", "Trebuchet MS", "Segoe UI", sans-serif; font-weight: 600; }
.od-brand--configured.od-brand-style-modern_serif { font-family: "Palatino Linotype", Palatino, Georgia, serif; font-weight: 700; }
.od-brand--configured.od-brand-style-western { font-family: Copperplate, "Copperplate Gothic Light", Georgia, serif; font-weight: 700; }
.od-brand--configured.od-brand-style-display { font-family: "Bauhaus 93", "Arial Black", sans-serif; font-weight: 700; }
.od-brand--configured.od-brand-style-narrow { font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif; font-weight: 700; }
.od-brand--configured.od-brand-style-pixel { font-family: "Lucida Console", Monaco, monospace; font-weight: 700; text-rendering: geometricPrecision; }
.od-brand--configured.od-brand-style-calligraphic { font-family: "Segoe Print", "Bradley Hand", cursive; font-weight: 700; }
.od-brand--configured.od-brand-style-book { font-family: "Bookman Old Style", Bookman, Georgia, serif; font-weight: 700; }
.od-brand--configured.od-brand-style-cursive { font-family: "Bradley Hand", "Segoe Print", cursive; font-weight: 700; }
.od-brand--configured.od-brand-style-elegant { font-family: Baskerville, "Times New Roman", serif; font-weight: 700; }
.od-brand--configured.od-brand-style-console { font-family: Consolas, "Courier New", monospace; font-weight: 700; }
.od-brand--configured.od-brand-style-small_caps { font-family: "Trebuchet MS", Arial, sans-serif; font-variant: small-caps; font-weight: 700; }
.od-brand--configured.od-brand-style-art_deco { font-family: Copperplate, "Copperplate Gothic Light", sans-serif; font-weight: 700; }
.od-brand--configured.od-brand-style-techno { font-family: BankGothic, "Arial Black", "Trebuchet MS", sans-serif; font-weight: 700; }
.od-brand--configured.od-brand-style-bubble { font-family: "Cooper Black", "Arial Rounded MT Bold", sans-serif; font-weight: 700; }
.od-brand--configured.od-brand-style-newspaper { font-family: "Times New Roman", Times, serif; font-weight: 700; }
.od-brand--configured.od-brand-style-classic_serif { font-family: Cambria, Georgia, serif; font-weight: 700; }
.od-brand--configured.od-brand-style-scifi { font-family: "OCR A Std", "Lucida Console", monospace; font-weight: 700; }
.od-brand--configured.od-brand-style-marker { font-family: "Comic Sans MS", "Segoe Print", cursive; font-weight: 700; }
.od-brand--configured.od-brand-style-signature { font-family: "Segoe Script", "Brush Script MT", cursive; font-weight: 700; }
.od-brand--configured.od-brand-style-square { font-family: "Arial Black", "Arial Narrow", sans-serif; font-weight: 700; }
.od-brand--configured.od-brand-style-schoolbook { font-family: "Century Schoolbook", "Bookman Old Style", Georgia, serif; font-weight: 700; }
.od-brand--configured.od-brand-style-engraved { font-family: Perpetua, Baskerville, Georgia, serif; font-weight: 700; }
.od-brand--configured > .od-brand__text { font-family:inherit; font-weight:inherit; min-width:0; overflow-wrap:anywhere; }
.od-navbar .od-brand--configured { max-width: min(300px, 38vw); }
.od-navbar .od-brand--configured > .od-brand__text { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
/* Uppercase is presentation only: preserve stored casing for page titles/copy. */
:is(.od-navbar,.od-brand-preview) .od-brand__text { text-transform:uppercase; }
/* Yellow wordmarks keep their contrast on a light navbar. The plaque matches
   the dark navbar and uses a background layer so focus/content are not clipped. */
:root { --od-brand-plaque-bg:#020618; }
html[data-theme="dark"] { --od-brand-plaque-bg:var(--ng-surface-navbar); }
:is(.od-navbar,.od-brand-preview) .od-brand-color-yellow:has(> .od-brand__text) {
    position:relative;
    isolation:isolate;
    padding:5px 15px;
}
:is(.od-navbar,.od-brand-preview) .od-brand-color-yellow:has(> .od-brand__text)::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:var(--od-brand-plaque-bg);
    clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));
}
.od-brand--configured > .od-brand__mark { flex-shrink:0; }
.od-brand--configured:not(.od-brand-color-brand) > .od-brand__text > span { color:inherit; }
.od-brand-icon { width:34px; height:34px; flex:0 0 34px; object-fit:contain; }
.od-brand-image { display:block; width:auto; max-width:210px; height:34px; object-fit:contain; }
.od-brand-block { padding:16px; margin:16px 0; border:1px solid var(--ng-border-subtle); border-radius:var(--ng-radius-sm); background:var(--ng-global-19); }
.od-brand-block h3 { font-size:17px; margin:0 0 16px; }
.od-brand-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.od-brand-grid > * { min-width:0; }
.od-brand-help { font-size:12px; color:var(--ng-text-muted); margin:8px 0; }
.od-brand-assets { display:flex; gap:10px; align-items:center; }
.od-brand-upload-icon { width:64px; height:64px; object-fit:contain; }
.od-brand-preview { padding:14px; margin-top:15px; border:1px solid var(--ng-border-subtle); border-radius:var(--ng-radius-sm); background:var(--ng-global-18); }
.od-brand-copy-group { border-top:1px solid var(--ng-border-subtle); padding:12px 0; }
.od-brand-copy-group summary { cursor:pointer; margin-bottom:12px; }
.od-brand-copy-group .od-admin-field > span small { display:block; font-size:11px; overflow-wrap:anywhere; }
.od-brand-save { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:12px; margin-top:14px; }
.od-brand-editor textarea { width:100%; }
@media(max-width:767px) { .od-brand-grid { grid-template-columns:1fr; } .od-brand-block { padding:12px; } .od-brand-image { max-width:145px; height:28px; } .od-brand-icon { width:28px; height:28px; flex-basis:28px; } .od-navbar .od-brand--configured { max-width:calc(100vw - 200px); } .od-navbar .od-brand-image { min-width:0; max-width:100%; } }
.od-brand--configured.od-brand-color-yellow > .od-brand__text { color:#ffd60a !important; }
.od-brand--configured.od-brand-color-white > .od-brand__text { color:#fff !important; }