/* BIDREADY READER EXPERIENCE 2026-10-22
 * Restrained modular type scale; full, accessible nighttime palette; reduced-motion-safe interactions.
 * Loaded after historical CSS to change presentation, never publisher, payment or tender logic.
 */
:root{
 --br-type-display:clamp(2rem,3.35vw,3rem);
 --br-type-h1:clamp(1.9rem,2.8vw,2.55rem);
 --br-type-h2:clamp(1.55rem,2.15vw,2.1rem);
 --br-type-h3:clamp(1.18rem,1.45vw,1.4rem);
 --br-type-body:1rem;
 --br-type-lead:clamp(1rem,1.2vw,1.13rem);
 --br-space-unit:clamp(36px,4.6vw,68px);
 --br-focus:#b74343;
 --br-live: #148052;
 color-scheme:light;
}
html{scroll-padding-top:96px}
body{font-size:var(--br-type-body)}
/* Consistent, calm typographic hierarchy at every page level. */
.br-hero h1{font-size:var(--br-type-display);line-height:1.17;letter-spacing:-.028em;max-width:780px}
.partner-main h1,.launch-policy h1,main>h1{font-size:var(--br-type-h1);line-height:1.18;letter-spacing:-.025em;font-weight:550}
.hero h1,.service-hero h1,.page-hero h1,.br-journal-intro h1{font-size:var(--br-type-h1);line-height:1.18;letter-spacing:-.028em;font-weight:540}
.br-home .live-radar h2,.br-method h2,.br-reading h2,.br-review h2,
.section h2,.br-source-reading h2,.br-public-head h2,.callout h2{font-size:var(--br-type-h2);line-height:1.25;letter-spacing:-.02em;font-weight:550}
.prose h2{font-size:clamp(1.45rem,1.7vw,1.85rem);line-height:1.3;letter-spacing:-.012em;font-weight:550}
.br-article-list h2,.br-reading-grid h3,.step h3,.scope-box h3,.question h3,
.prose h3,.guide h3,.rail-card h3,.related-card h3{font-size:var(--br-type-h3);line-height:1.36;font-weight:600}
.rail-card h3{font-size:.75rem;letter-spacing:.075em}
.hero-copy,.page-deck,.br-lead,.br-hero .br-lead,.section-intro,.br-method-copy p,
.br-journal-intro>p:not(.br-overline){font-size:var(--br-type-lead);line-height:1.65}
.prose{font-size:1rem;line-height:1.7}
.prose>p:first-child{font-size:1.0625rem}
.prose p,.section p,.step p{max-width:72ch}
.eyebrow,.kicker,.br-overline{text-transform:uppercase;font-size:.75rem;line-height:1.4;letter-spacing:.075em}
.section{padding-block:var(--br-space-unit)}
.br-hero{padding-block:clamp(55px,6vw,94px)}
.br-reading,.br-method,.br-review,.br-home .live-radar{padding-block:var(--br-space-unit)}
.page-hero{padding-block:clamp(32px,4vw,54px)}
.service-hero{padding-block:clamp(36px,5vw,66px)}
.section-head{gap:clamp(22px,3.8vw,50px);margin-bottom:27px;align-items:center}
.step{grid-template-columns:56px minmax(0,1fr);padding:23px 0;gap:17px}
.step:before{font-size:1.5rem}
.step h3{margin:0 0 8px}
.rail-stat,.price-card .price{font-size:clamp(1.7rem,2.6vw,2.3rem)}
/* Correct the FAQ section that formerly escaped the page's central grid. */
.launch-faq{width:min(1180px,calc(100% - clamp(36px,6vw,90px)));margin-inline:auto;padding:36px 0 58px}
.launch-faq .section-head{display:block;margin-bottom:24px}
.launch-faq details{border-radius:9px;overflow:hidden;margin:10px 0;padding:0}
.launch-faq summary{list-style-position:inside;display:list-item;padding:17px 20px;min-height:52px;line-height:1.5}
.launch-faq details>p{margin:0;padding:0 22px 19px;max-width:75ch;line-height:1.7}
.scope-grid,.article-layout{min-width:0}
.section-head>*{min-width:0}
@media(max-width:720px){
 .section-head{grid-template-columns:1fr;gap:14px}
 .br-hero h1{font-size:clamp(2rem,7.8vw,2.55rem)}
 .hero h1,.service-hero h1,.page-hero h1,.br-journal-intro h1{font-size:clamp(1.8rem,7vw,2.2rem)}
 .br-home .live-radar h2,.br-method h2,.br-reading h2,.br-review h2,.section h2,
 .br-public-head h2,.br-source-reading h2,.callout h2{font-size:clamp(1.45rem,5.6vw,1.8rem)}
 .step{grid-template-columns:40px minmax(0,1fr);gap:12px}
 .step:before{font-size:1.35rem}
 .launch-faq{width:calc(100% - 36px)}
}
/* Switch is in the shared navigation; no unrequested overlay or pop-up. */
.links{gap:clamp(9px,1.15vw,18px)}
.br-theme-toggle{
 appearance:none;border:1px solid var(--br-rule,#cdd7ce);background:#edf2ec;color:#173c2b;
 border-radius:999px;padding:8px 12px;display:inline-flex;gap:8px;align-items:center;justify-content:center;
 min-height:38px;white-space:nowrap;font:650 12px/1.2 system-ui,sans-serif;cursor:pointer;
 transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.br-theme-toggle:hover{background:#dfebe0;transform:translateY(-1px)}
.br-theme-toggle:focus-visible,.launch-faq summary:focus-visible{outline:3px solid var(--br-focus);outline-offset:3px}
.br-theme-toggle .br-theme-icon{font-size:15px;line-height:1}
@media(max-width:900px){.br-theme-toggle{width:max-content}}
/* Microinteractions signal actionable affordances; no perpetual blinking or distracting carousels. */
.br-button,.btn,.cta-mini,.br-article-list article,.br-reading-grid>a,.br-public-links>a,
.rail-card,.scope-box,.related-card,.live-radar-card,.launch-faq details{
 transition:background-color .18s ease,color .18s ease,border-color .18s ease,
 box-shadow .2s ease,transform .2s ease;
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .br-article-list article:hover,.br-reading-grid>a:hover,.related-card:hover,
 .scope-box:hover,.live-radar-card:hover{transform:translateY(-2px);box-shadow:0 7px 24px #102e2114}
 .br-button:hover,.btn:hover,.cta-mini:hover{transform:translateY(-1px)}
}
.launch-faq details[open]{border-color:#a1baaa;box-shadow:0 4px 16px #173a1a10}
.launch-faq summary:hover{background:#edf2ec}
.br-scroll-progress{position:fixed;top:0;left:0;width:0;height:3px;z-index:999;
 background:#c51d32;pointer-events:none;transition:width .08s linear}
@media(prefers-reduced-motion:no-preference){
 .br-motion-ready .br-reveal{opacity:1;transform:translateY(8px);transition:transform .38s ease}
 .br-motion-ready .br-reveal.br-visible{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .br-reveal{opacity:1!important;transform:none!important}
}
/* CSS color roles are explicit because the legacy static site contains historical literals.
 * Readable contrast beats a visually uniform inversion, especially for interactive surfaces.
 */
html[data-theme="dark"]{
 color-scheme:dark;
 --paper:#16231c;--paper2:#19271f;--ink:#edf3ec;--muted:#b9cbbd;--line:#344a3b;
 --br-quiet:#111d17;--br-quiet-ink:#e9f1e9;--br-quiet-rule:#395043;
 --br-surface-ivory:#142019;--br-surface-cream:#17271d;--br-surface-white:#1b2a21;
 --br-surface-green:#23372b;--br-rule:#395444;--br-charcoal:#e9f1e9;
 --br-red-ink:#ff7f89;--br-brand-red:#ff7883;--br-brand-forest:#123b29;
 --br-focus:#ffb39d;
}
html[data-theme="dark"] body{background:#111d17;color:#e9f1e9}
html[data-theme="dark"] header{background:#18271e;border-color:#395043}
html[data-theme="dark"] :is(.brand>span:last-child,.brand small,.links a:not(.cta-mini),.mobile-nav-toggle){color:#eff6ec}
html[data-theme="dark"] .brand .br-brand-kenya{color:#ff858e}
html[data-theme="dark"] .br-theme-toggle{background:#304b3b;border-color:#6d987b;color:#f4f8f2}
html[data-theme="dark"] .br-theme-toggle:hover{background:#3e5d48}
html[data-theme="dark"] :is(.br-hero,.page-hero,.br-journal-main,.br-method,.br-reading,.br-public-desk,.related,.section,.section.soft,.article-wrap,.intro-video-section,.br-home .live-radar,.launch-policy){background:#111d17;color:#e9f1e9;border-color:#395043}
html[data-theme="dark"] :is(.br-home .live-radar,.br-reading,.article-wrap,.related,.section.soft){background:#17251c}
html[data-theme="dark"] :is(.page-hero,.br-method,.br-journal-main,.br-public-desk,.intro-video-section){background:#15241b}
html[data-theme="dark"] :is(.br-hero h1,.page-hero h1,.br-journal-intro h1,.section h2,.br-home h2,.br-journal-main h2,
 .prose h2,.prose h3,.br-source-reading h2,.br-public-head h2,.br-reading-grid h3,.step h3,
 .scope-box h3,.question h3,.related h2,.br-article-list h2,.rail-stat){color:#f0f5ec}
html[data-theme="dark"] :is(.br-hero .br-lead,.page-deck,.br-journal-intro>p:not(.br-overline),
 .section-intro,.br-method-copy p,.br-reading-grid p,.br-article-list p,.br-source-reading>p:not(.br-overline),
 .prose,.prose p,.step p,.hero-copy,.guide p,.hero-meta,.rail-small,.price-card p,.br-public-head>p){color:#c8d7cc}
html[data-theme="dark"] :is(.br-overline,.eyebrow,.kicker,.check-no,.step:before,.related-card small,.br-reading-grid span){color:#ff9399}
html[data-theme="dark"] :is(.br-overline,.eyebrow,.kicker)[style]{color:#e0f2de}
html[data-theme="dark"] :is(.rail-card,.source-note,.scope-box,.question,.guide,.price-card,.related-card,.br-reading-grid>a,
 .br-public-links>a,.live-radar-card,.live-radar-toolbar,.checklist,.br-evergreen-source-note,
 .launch-faq details,.launch-steps>div,.warning,.br-article-list article,.desk){background:#203128;color:#e9f1e9;border-color:#43604a;box-shadow:none}
html[data-theme="dark"] :is(.rail-card h3,.launch-faq summary,.check-item,.rail-card li){background:#23352a;color:#f4f7f2;border-color:#44614d}
html[data-theme="dark"] :is(.launch-faq summary:hover,.launch-faq details[open]){background:#2e4435}
html[data-theme="dark"] :is(.source-note,.br-evergreen-source-note){background:#213b2c}
html[data-theme="dark"] :is(.warning,.prose .leadbox){background:#392b29;border-color:#ff8a92;color:#f6e9e6}
html[data-theme="dark"] :is(.prose .leadbox p,.prose .leadbox strong){color:#f8e8e3}
html[data-theme="dark"] :is(.channel-banner,.br-public-desk){background:#203a2b;color:#e5f5e8;border-color:#365843}
html[data-theme="dark"] .channel-banner strong{color:#e5f5e8}
html[data-theme="dark"] :is(.section-intro a,.prose a,.br-text-link,.br-reading-head>a,.br-public-links>a,
 .rail-card a,.related-card a,.br-journal-main a,.launch-faq a,.launch-policy a){color:#9fe2bc}
html[data-theme="dark"] :is(.br-public-links>a,.br-reading-grid>a){color:#b8e5c9}
html[data-theme="dark"] :is(.br-reading-grid p,.br-public-links small,.br-public-links>a>span:first-child,
 .rail-card li,.br-article-index,.br-hero-note,.crumbs){color:#b9ccbe}
html[data-theme="dark"] :is(.section .btn,.br-button-primary,.links a.cta-mini,.channel-banner a){background:#256647;color:#fff;border-color:#417c5b}
html[data-theme="dark"] :is(.callout,.br-review,.service-hero,.next-box,.supplier-share){background:#183c2a;color:#f2faf2}
html[data-theme="dark"] :is(.callout h2,.br-review h2,.service-hero h1,.next-box h2,.supplier-share h2){color:#f5faf5}
html[data-theme="dark"] :is(.callout p,.br-review p,.next-box p,.supplier-share p){color:#d9ebde}
html[data-theme="dark"] :is(.launch-faq details>p,.launch-policy p,.scope-box li){color:#d5e2d8}
html[data-theme="dark"] :is(.price,.price-card .price){color:#f6f8ee}
html[data-theme="dark"] :is(.callout .btn:not(.alt),.br-review .br-button){background:#e6f2e7;color:#173c28;border-color:#e6f2e7}
html[data-theme="dark"] :is(.live-radar-reservation,.rail-card h3){color:#ffd0c4}
html[data-theme="dark"] :is(.br-source-reading,.br-article-list article,.steps,.step,.check-item){border-color:#395345}
html[data-theme="dark"] :is(.source-table,.prose table,.prose th,.prose td){background:#203328;color:#e8f2e8;border-color:#44614d}
html[data-theme="dark"] :is(.foot,.footer){background:#0d1811;color:#cbdccf}
html[data-theme="dark"] :is(.socials a,.foot a,.launch-legal a){color:#bdeace}
html[data-theme="dark"] .brandmark{background-color:#f8f8ef}
html[data-theme="dark"] .live-radar-refresh{color:#c7efd5;border-color:#668b72}
html[data-theme="dark"] .live-radar-refresh:hover{background:#284e37}
html[data-theme="dark"] :is(.br-source-reading-links a,.br-public-head a){color:#b1e9c8}
/* Respect browser/system dark preference even if JavaScript cannot run. */
@media(prefers-color-scheme:dark){
 html:not([data-theme="light"]):not([data-theme="dark"]){color-scheme:dark;background:#111d17}
}

/* BIDREADY_MEASURED_THEME_REPAIR_20261026_START
 * Pair foreground and surface roles for the interactive states and inherited
 * editorial styles missed by the original body-only night contrast test.
 * Content, brand artwork, legal terms and customer/payment routes are unchanged.
 */
.prose .next-box h2,.prose .supplier-share h2{color:#f2faf2}
.prose .next-box a.btn:not(.alt){color:#fff}
html[data-theme="dark"] .crumbs a,
html[data-theme="dark"] .prose a:not(.btn),
html[data-theme="dark"] .br-hero-side>a,
html[data-theme="dark"] .br-method-copy>a,
html[data-theme="dark"] .section p>a:not(.btn),
html[data-theme="dark"] .intro-video-secondary,
html[data-theme="dark"] .live-radar-link{color:#a9e6c0}
html[data-theme="dark"] .hero-meta strong,
html[data-theme="dark"] .br-hero-line p,
html[data-theme="dark"] .br-side-label,
html[data-theme="dark"] .br-journal-intro>span,
html[data-theme="dark"] .br-journal-note p,
html[data-theme="dark"] .br-journal-note strong,
html[data-theme="dark"] .source-note p,
html[data-theme="dark"] .intro-video-copy p,
html[data-theme="dark"] .br-home .live-radar .eyebrow,
html[data-theme="dark"] #live-radar-state,
html[data-theme="dark"] #live-radar-timestamp,
html[data-theme="dark"] .live-radar-deadline,
html[data-theme="dark"] .live-radar-deadline strong,
html[data-theme="dark"] .live-radar-ref,
html[data-theme="dark"] .live-radar-disclaimer{color:#d5e2d8}
html[data-theme="dark"] .prose .next-box h2,
html[data-theme="dark"] .prose .supplier-share h2{color:#f2faf2}
@media(max-width:850px){
 html[data-theme="dark"] .nav.nav-enhanced .mobile-nav-toggle{background:#203128;color:#eff6ec;border-color:#6d987b}
 html[data-theme="dark"] .nav.nav-enhanced .mobile-nav-toggle[aria-expanded="true"]{background:#304b3b;color:#f4f8f2;border-color:#7fa68b}
 html[data-theme="dark"] .nav.nav-enhanced .links{border-top-color:#668b72}
 html[data-theme="dark"] .nav.nav-enhanced .links a:not(.cta-mini){background:#203128;color:#eff6ec;border-color:#668b72}
 html[data-theme="dark"] .nav.nav-enhanced .links a:not(.cta-mini):hover,
 html[data-theme="dark"] .nav.nav-enhanced .links a:not(.cta-mini):focus-visible{background:#304b3b;color:#fff}
 html[data-theme="dark"] .nav.nav-enhanced .links a.cta-mini{background:#256647;color:#fff;border-color:#79a78a}
}
.prose .callout h2{color:#f2faf2}
.callout p>a:not(.btn){color:#b8edce}
.scope-box{min-width:0;overflow-wrap:anywhere}
html[data-theme="dark"] .hero-meta a,
html[data-theme="dark"] .sidebar a:not(.btn),
html[data-theme="dark"] .guide a:not(.btn),
html[data-theme="dark"] .scope-box a:not(.btn),
html[data-theme="dark"] .partner-main a:not(.buttonish){color:#a9e6c0}
html[data-theme="dark"] .partner-main .call,
html[data-theme="dark"] .partner-main .cardp{background:#203128;color:#e9f1e9;border-color:#668b72}
html[data-theme="dark"] .partner-main textarea{background:#142019;color:#e9f1e9;border-color:#668b72}
html[data-theme="dark"] .partner-main .mini{color:#d5e2d8}
/* BIDREADY_MEASURED_THEME_REPAIR_20261026_END */


/* BIDREADY_ORIGINAL_RESOLUTION_LOGO_20261026
 * Unmodified owner-approved 1254px PNG. Display window: (373,210) to (883,720).
 * The complete original frame (393,249)-(862,681) remains inside this window.
 * Uniform scaling retains aspect ratio and gives every edge breathing room.
 */
.brandmark{
 background-image:url('/media/bidready-brand-mark-original.png');
 background-size:245.8823529412% auto;
 background-position:50.1344086022% 28.2258064516%;
 background-repeat:no-repeat;
 background-color:#fffdf7;
 background-origin:border-box;
 background-clip:border-box;
 flex-shrink:0;
}

/* Keyboard focus on scrollable evidence tables follows the measured theme focus token. */
.prose table:focus-visible{outline-color:var(--br-focus)}

/* Visitor-led refinement: complete tender titles, comfortable columns and joined-up reading. */
.article-layout>*{min-width:0}
.article-layout{grid-template-columns:minmax(0,1fr) minmax(240px,280px);gap:clamp(24px,4vw,48px)}
.prose p{margin-block:0 16px}
.prose>h2{margin-top:32px}
.prose>section{padding-block:20px;border-top:1px solid var(--line);margin:0}
.prose>section>h2{font-family:inherit;font-size:1.125rem;font-weight:650;line-height:1.45;margin:0 0 10px;letter-spacing:0}
.prose>section>p:last-child{margin-bottom:0}
.rail-body p{margin:0 0 12px;line-height:1.6}
.rail-body p:last-child{margin-bottom:0}
.hero-meta{overflow-wrap:anywhere}
.br-home .live-radar-grid,.live-radar-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;background:transparent;border:0}
.live-radar-card{min-height:0;padding:24px;border:1px solid var(--line);border-radius:10px;min-width:0;box-shadow:none}
.live-radar-card h3{font-family:inherit;font-size:1.125rem;line-height:1.5;letter-spacing:0;font-weight:650;margin:0 0 16px;overflow-wrap:break-word}
.live-radar-meta{margin-bottom:12px}
.live-radar-category,.live-radar-reservation{font-size:.75rem;line-height:1.45;font-weight:650;letter-spacing:0}
.live-radar-deadline{font-size:.875rem;line-height:1.6;margin:0 0 6px}
.live-radar-ref{font-size:.8125rem;line-height:1.6;margin:0 0 16px}
.live-radar-link{font-size:.875rem;line-height:1.5;min-height:44px;display:inline-flex;align-items:center;margin:0}
@media(max-width:850px){.article-layout{grid-template-columns:minmax(0,1fr)}.article-rail{position:static}}
@media(max-width:650px){
 .br-home .live-radar-grid,.live-radar-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .live-radar-card{padding:20px}
 .live-radar-card h3{font-size:1.0625rem;line-height:1.5}
 .prose>section{padding-block:18px}
 .article-wrap{padding-block:28px 40px}
 .br-home .live-radar .section-head{gap:12px}
}

/* Give status panels and adjacent content separate, padded surfaces. */
.br-home .live-radar .live-radar-toolbar,.live-radar-toolbar{
 padding:18px 20px;border:1px solid var(--line);border-radius:10px;
 margin-bottom:16px;gap:16px;
}
.channel-banner + .wrap > .guides{margin-top:24px}
@media(max-width:650px){
 .br-home .live-radar .live-radar-toolbar,.live-radar-toolbar{padding:18px}
 .br-journal-main .wrap{width:calc(100% - 40px)}
 .br-journal-main .br-article-list{display:grid;gap:16px;border-top:0;margin-top:28px}
 .br-journal-main .br-article-list article{
  grid-template-columns:minmax(0,1fr) 40px;gap:12px;
  padding:20px 18px;border:1px solid var(--line);border-radius:10px;
 }
 .br-journal-main .br-article-index{grid-column:1/-1;padding-top:0}
 .br-journal-main .br-article-list h2{font-size:1.1875rem;line-height:1.4}
 .br-journal-main .br-article-list p{font-size:.9375rem;line-height:1.65}
 .br-journal-main .br-article-arrow{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;min-height:44px;align-self:start;
 }
}
