/* Cody logo remains the supplied original image; object-fit frames its central wordmark. */
:root{--brand-indigo:#2f3192;--brand-aqua:#b3ddeb;--brand-soft:#eef0fc}
.brand .brand-logo{display:flex;flex-direction:column;align-items:center;gap:0;line-height:1}
.brand .cody-logo{display:block;width:210px;height:60px;object-fit:cover;object-position:center;border-radius:5px;flex-shrink:0}
.brand .brand-logo small{display:block;margin-top:5px;font:600 9px/1.2 Manrope,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:inherit}
.nav .brand{flex-shrink:0}
.brand img{max-width:none}
.lms-top .brand .cody-logo,.sitebar .brand .cody-logo,.top .brand .cody-logo{width:168px;height:48px}
.lms-top .brand small{font-size:8px}
.blog-demo,.article-next,.variables-demo{border-color:#dce0ef}
.contact-topbar{background:var(--brand-indigo)}
.footer-social a.social-icon:hover{background:#4548aa}
@media(max-width:1050px){.nav{gap:20px}.brand .cody-logo{width:182px;height:52px}}
@media(max-width:600px){.brand .cody-logo{width:154px;height:44px}.brand .brand-logo small{font-size:8px}.lms-top .brand .cody-logo,.sitebar .brand .cody-logo,.top .brand .cody-logo{width:140px;height:40px}}
/* Marketing surfaces use the logo palette; editor syntax and status colours stay distinct. */
.hero-visual:before{background:#e1e4fc}.floating-pill{background:#e3f1f6;border-color:#b3ddeb;color:#24266f}
.mini-avatars b:nth-child(2){background:#dfe3fb}.mini-avatars b:last-child{background:#d9eef4}
.orange,.yellow,.green,.pink{background:#e6e9fc;color:#2f3192}.blue{background:#deeff5;color:#25366c}
.cta{background:#e1e5fb}.notice{background:#eef0fc;border-color:#d5daf0}.coming-soon{background:#f4f5fc;border-color:#c9cfe6}
.contact-icon{background:#e4e8fc;color:#2f3192}.lesson-topline .tag,.slot.live{background:#e3eff7;border-color:#c8dfea;color:#28346e}
.learning-dark .notice,.learning-dark .coming-soon{background:#17253a;border-color:#34465e;color:#bdcee3}
.learning-dark .orange-bg,.dark-editor .editor-actions .orange-bg{background:#b3ddeb;color:#17243f}
.learning-dark .lesson-tabs button[aria-selected=true]{background:#2d3167;color:#eff2ff;border-color:#666fbb}
.learning-dark .lesson-sidebar a[aria-current=true],.learning-dark #topic-navigation a[aria-current=true]{background:#252953;color:#c5e8f3}
/* A single, readable CODY.pk wordmark, with the original artwork preserved. */
.brand .brand-wordmark{display:inline-flex;align-items:center;gap:0;background:var(--brand-indigo);border-radius:5px;overflow:hidden;white-space:nowrap}
.brand .brand-wordmark .cody-logo{width:174px;height:50px;border-radius:0}
.brand .brand-wordmark .brand-domain{display:block;color:#fff;font:800 50px/1 Manrope,system-ui,sans-serif;letter-spacing:-2px;padding:0 12px 5px 0}
.sitebar .brand .brand-wordmark .cody-logo,.top .brand .brand-wordmark .cody-logo,.lms-top .brand .brand-wordmark .cody-logo{width:140px;height:40px}
.sitebar .brand .brand-wordmark .brand-domain,.top .brand .brand-wordmark .brand-domain,.lms-top .brand .brand-wordmark .brand-domain{font-size:40px;padding-right:9px;padding-bottom:4px}
@media(max-width:1050px){.brand .brand-wordmark .cody-logo{width:154px;height:44px}.brand .brand-wordmark .brand-domain{font-size:44px;padding-right:10px;padding-bottom:4px}}
@media(max-width:600px){.brand .brand-wordmark .cody-logo,.sitebar .brand .brand-wordmark .cody-logo,.top .brand .brand-wordmark .cody-logo,.lms-top .brand .brand-wordmark .cody-logo{width:126px;height:36px}.brand .brand-wordmark .brand-domain,.sitebar .brand .brand-wordmark .brand-domain,.top .brand .brand-wordmark .brand-domain,.lms-top .brand .brand-wordmark .brand-domain{font-size:36px;padding-right:8px;padding-bottom:3px;letter-spacing:-1.5px}}

#project-fields{border:1px solid #cbd1ea;border-radius:10px;padding:18px;margin:16px 0}#project-fields legend{font-weight:700;font-size:13px;padding:0 6px}#project-fields[hidden]{display:none}#project-fields label{display:grid;gap:7px;margin:12px 0}#project-fields select,#request-kind{width:100%;padding:11px;border:1px solid #cbd1ea;border-radius:6px;background:white;color:#1d2452}
#enquiry label[hidden],#enquiry select[hidden],#enrollment-form label[hidden],#enrollment-form select[hidden],#enroll-fee[hidden]{display:none!important}

/* Contact sits above My learning, with room for mobile browser safe areas. */
.whatsapp-float{position:fixed;right:16px;bottom:calc(80px + env(safe-area-inset-bottom,0px));z-index:1001;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 18px;border:1px solid #118744;border-radius:28px;background:#128c48;color:#fff!important;font:700 14px/1.2 system-ui,sans-serif;text-decoration:none!important;box-shadow:0 6px 22px #0003;isolation:isolate}
.whatsapp-float svg{width:27px;height:27px;flex:none}.whatsapp-float:hover{background:#0c7139;box-shadow:0 8px 26px #0004}.whatsapp-float:focus-visible{outline:3px solid #2f3192;outline-offset:4px}
.learning-float{bottom:calc(16px + env(safe-area-inset-bottom,0px))!important}
@media(max-width:600px){.whatsapp-float{right:14px;padding:0 14px;min-height:48px;font-size:13px;bottom:calc(80px + env(safe-area-inset-bottom,0px))}.whatsapp-float svg{width:25px;height:25px}}