/* BidReady Kenya · original approved mark retained · 2026 responsive visual system */
:root{--br-forest:#103e2c;--br-pine:#0a5b39;--br-accent:#bf2936;--br-text:#15261c;--br-border:#dbe5db;--br-paper:#fbfcf8}
html{scroll-padding-top:104px}
body{background:var(--br-paper);color:var(--br-text);-webkit-font-smoothing:antialiased}
.wrap{width:min(1190px,calc(100% - clamp(32px,6vw,88px)))}
a{transition:background-color .16s,color .16s,border-color .16s,transform .16s}
a:focus-visible,button:focus-visible{outline:3px solid #e8b35c;outline-offset:4px}
header{box-shadow:0 3px 20px #0a321c0c;background:rgba(255,254,250,.97)}
.nav{min-height:82px}
.brand{font-size:18px}
.links a{font-size:14px}
.links a.cta-mini{background:var(--br-forest);border:1px solid var(--br-forest);border-radius:9px;padding:12px 14px}
.hero{background:radial-gradient(circle at 95% 5%,#d6e9d5 0,transparent 40%),linear-gradient(135deg,#f3f0e8,#fbfbf7);padding:clamp(60px,7vw,105px) 0 78px}
.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(310px,.78fr);gap:clamp(30px,5vw,75px);align-items:center}
.hero h1{font-family:Georgia,serif;letter-spacing:-.045em;line-height:1.04;font-size:clamp(44px,5.6vw,77px)}
.hero-copy{max-width:62ch;line-height:1.76;font-size:clamp(17px,1.5vw,19px);color:#36483c}
.desk{border:1px solid #9bbda4;border-top:5px solid var(--br-pine);border-radius:14px;padding:clamp(22px,2.6vw,32px);box-shadow:0 20px 43px #10352223}
.desk a{color:#d0f4da;text-underline-offset:3px}
.btn{border-radius:9px;display:inline-flex;justify-content:center;align-items:center;min-height:47px;padding:13px 19px;font-weight:800;line-height:1.3}
.btn:not(.alt){background:#102e21;border-color:#102e21}.btn:not(.alt):hover{background:#0a5b39;border-color:#0a5b39}
.btn.alt{border-color:#638976;color:#103d2b;background:transparent}.btn.alt:hover{background:#e7f1e8}
.section{padding:clamp(56px,6vw,90px) 0}
.section h2,.page-hero h1{letter-spacing:-.035em;line-height:1.12}
.page-hero{background:linear-gradient(135deg,#f5f0e7,#fcfbf8);padding:54px 0}
.route .wrap{gap:14px;padding:22px 0}
.route a{border:1px solid #dce4dc!important;background:#fff;border-radius:12px;padding:22px;min-height:130px}
.route a:hover{border-color:#96bca0!important;background:#f7fbf6;transform:translateY(-2px)}
.questions{border:0;background:transparent;gap:14px}
.question{border:1px solid var(--br-border)!important;background:#fff;border-radius:12px}
.path,.guide,.rail-card{border-radius:12px}
.path{box-shadow:0 10px 26px #082e1c09}
.guides{gap:16px;border:0;background:transparent}
.guide,.guide:nth-child(odd),.guide:nth-last-child(-n+2){background:#fff;border:1px solid var(--br-border)!important;border-radius:12px;padding:27px}
.guide h3{font-size:clamp(21px,2vw,25px)}
.intro-video-figure{width:min(100%,295px)}
.intro-video-player{border-radius:20px;box-shadow:0 16px 40px #102f2024}
.supplier-share{background:linear-gradient(120deg,#113b2c,#174c36);border:0;padding:clamp(50px,5vw,76px) 0 34px}
.supplier-share-inner{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(300px,.78fr);gap:clamp(25px,5vw,84px);align-items:center}
.supplier-share-copy{max-width:none}
.supplier-share h2{font-family:Georgia,serif;font-size:clamp(32px,3.3vw,49px);letter-spacing:-.03em;margin:13px 0 18px}
.supplier-share p{font-size:16px;line-height:1.76;color:#e5f3e8}
.supplier-share p+p{margin-top:13px}
.supplier-share-copy a{color:#d5ffe1!important;font-weight:750;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.supplier-share-copy a:hover{color:#fff!important}
.supplier-share-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;max-width:none;flex-shrink:1;justify-content:stretch}
.supplier-share-links a{border-radius:9px;min-height:58px;justify-content:center;text-align:center;line-height:1.3;font-size:14px;padding:12px 15px}
.supplier-share-links a:nth-child(3){grid-column:span 2}
.supplier-follow{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:32px;padding-top:25px;border-top:1px solid #ebfff340}
.supplier-follow>strong{display:flex;flex-direction:column;white-space:nowrap;color:#fff;font-size:15px;line-height:1.42}
.supplier-follow>strong span{font-size:12px;font-weight:500;color:#cde8d5}
.supplier-follow-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:9px;min-width:0}
.supplier-follow-links a{display:inline-flex;align-items:center;gap:8px;background:#ffffff18;border:1px solid #f0fff04b;color:#fff;text-decoration:none;padding:10px 12px;border-radius:8px;min-height:43px;font-size:13px;font-weight:780}
.supplier-follow-links a:hover{background:#e9f7ed;color:#123b2a}
.social-icon{font-size:14px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;min-width:16px}
.social-arrow{opacity:.8;font-size:11px}
.foot{background:#10241a;padding:50px 0 32px}
.socials{gap:9px}
.socials a{display:inline-flex;gap:8px;align-items:center;text-decoration:none;color:#eafaed;border:1px solid #e8f5e740;border-radius:8px;padding:9px 12px;font-size:13px}
.socials a:hover{background:#214a35;color:#fff}
.library-head{margin:48px 0 24px}
.library-head h2{font-size:clamp(29px,3vw,44px);line-height:1.15;margin:10px 0}
.library-head p{max-width:720px;color:#566958}
.source-watch{background:linear-gradient(135deg,#f5f9f4,#fff);border:1px solid #d5e5d7;border-radius:16px;padding:clamp(21px,3vw,35px)}
.source-watch-top{display:flex;align-items:start;justify-content:space-between;gap:20px}
.source-watch-top h2{font-size:clamp(28px,2.8vw,40px);line-height:1.13;margin:9px 0}
.source-watch-top p{max-width:680px;color:#425b47}
.source-watch-top>a{font-size:13px;font-weight:800;white-space:nowrap}
#source-watch-state{font-size:13px;color:#425b47;margin:20px 0 15px}
.source-watch-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.source-watch-card{background:#fff;border:1px solid #dbe4d9;border-radius:11px;padding:19px;min-width:0}
.source-watch-card .source-watch-label{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.09em;color:#b62030}
.source-watch-card h3{font-size:19px;line-height:1.33;margin:10px 0 14px;overflow-wrap:anywhere}
.source-watch-card p{font-size:13px;color:#516554}
.source-watch-card a{font-weight:800;font-size:13px}
.source-watch-disclaimer{font-size:12px;color:#546755;margin:18px 0 0}
@media(max-width:1050px){.supplier-follow{flex-wrap:wrap}.supplier-follow-links{justify-content:flex-start}.route .wrap{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.hero-grid,.supplier-share-inner,.page-hero-grid,.section-head,.paths,.foot-grid,.article-layout,.intro-video-grid{grid-template-columns:1fr}.supplier-share-links{max-width:100%}.supplier-share-links a:nth-child(3){grid-column:auto}.source-watch-list{grid-template-columns:1fr 1fr}.nav{min-height:auto}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.hero{padding:50px 0 54px}.hero h1{font-size:clamp(39px,11vw,54px)}.hero-copy{font-size:16px}.hero .actions .btn{width:100%}.desk{box-shadow:none}.section{padding:50px 0}.supplier-share{padding:48px 0 30px}.supplier-share-links{grid-template-columns:1fr}.supplier-share-links a:nth-child(3){grid-column:auto}.supplier-share-links a{min-height:52px}.supplier-follow-links{justify-content:flex-start}.source-watch-list{grid-template-columns:1fr}.source-watch-top{flex-direction:column}.route .wrap{grid-template-columns:1fr}.route a{min-height:98px}.socials a{font-size:12px}.page-hero{padding:36px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a{transition:none}.route a:hover{transform:none}}


/* Progressive, accessible mobile navigation: full menu replaces ambiguous horizontal clipping. */
.mobile-nav-toggle{display:none}
@media(max-width:850px){
 .nav.nav-enhanced{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;row-gap:10px}
 .nav.nav-enhanced .brand{min-width:0;max-width:100%;white-space:normal;overflow-wrap:break-word}
 .nav.nav-enhanced .brand>span:last-child{min-width:0}
 .mobile-nav-toggle{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-width:72px;min-height:44px;padding:8px 12px;border:1px solid #87a48c;border-radius:8px;color:#123d2b;background:#fff;font:800 14px/1.2 Inter,system-ui,sans-serif;cursor:pointer}
 .mobile-nav-toggle span{font-size:21px;line-height:1}
 .mobile-nav-toggle[aria-expanded="true"]{background:#133d2b;color:#fff;border-color:#133d2b}
 .nav.nav-enhanced .links{display:none;grid-column:1/-1;width:100%;margin:0;overflow:visible;flex-wrap:wrap;gap:8px;padding:12px 0 4px;border-top:1px solid var(--br-border)}
 .nav.nav-enhanced .links[data-open="true"]{display:flex}
 .nav.nav-enhanced .links a{display:flex;justify-content:center;align-items:center;min-height:45px;padding:9px 12px;width:calc(50% - 4px);background:#f5f9f4;border:1px solid #d4e2d7;border-radius:8px;font-weight:780}
 .nav.nav-enhanced .links a.cta-mini{width:100%;color:#fff;background:#123d2b}
}
@media(max-width:360px){.nav.nav-enhanced .brand{font-size:15px}.nav.nav-enhanced .brand small{font-size:9px;letter-spacing:.06em}.mobile-nav-toggle{min-width:65px;padding:8px 9px}.nav.nav-enhanced .links a{font-size:13px}}