.kb-header{position:sticky;top:0;z-index:100;background:#f7faf8eF;padding:16px 24px;backdrop-filter:blur(14px)}.admin-bar .kb-header{top:32px}.kb-header-inner{max-width:1400px;margin:auto;display:flex;align-items:center;gap:40px}.kb-brand{flex:0 0 160px;background:#07884e;border-radius:24px;display:block;padding:8px 18px}.kb-brand img{display:block;width:100%;height:auto}.kb-nav{margin-left:auto;background:white;border-radius:18px;box-shadow:0 4px 30px #00263908}.kb-menu{display:flex;align-items:center;gap:20px;list-style:none;padding:20px 26px;margin:0}.kb-menu li{list-style:none;margin:0}.kb-menu a,.kb-menu summary{display:block;color:#263e41;font-size:15px;font-weight:700;text-decoration:none;padding:8px 0;line-height:1.5;cursor:pointer}.kb-menu summary{list-style:none}.kb-menu summary::-webkit-details-marker{display:none}.kb-menu summary::after{content:' ▾';font-size:12px}.kb-menu details[open]>summary::after{content:' ▴'}.kb-menu a[aria-current=page]{color:#087746;border-bottom:3px solid #087746}.kb-menu a:hover,.kb-menu summary:hover{color:#087746}.kb-dropdown{position:relative}.kb-submenu{position:absolute;left:0;top:100%;width:310px;padding:12px!important;margin:0!important;background:#fff;border:1px solid #dce7e2;border-radius:12px;box-shadow:0 12px 28px #0026391a}.kb-submenu a,.kb-submenu summary{padding:10px 12px;font-size:14px;border-radius:6px}.kb-submenu a:hover,.kb-submenu summary:hover{background:#edf5f0}.kb-submenu ul{padding-left:12px;margin:0;border-left:2px solid #dce7e2}.kb-education{left:auto;right:0;width:255px}.kb-menu-toggle{display:none;border:0;background:#fff;color:#087746;font:700 16px Arial,sans-serif;padding:16px;border-radius:12px;cursor:pointer}.kb-header :focus-visible{outline:3px solid #d69a20;outline-offset:3px}@media(max-width:1100px){.kb-header{padding:12px 16px}.kb-header-inner{align-items:flex-start;gap:16px}.kb-brand{flex-basis:112px;padding:5px 12px;border-radius:16px}.kb-nav{max-width:calc(100% - 128px)}.kb-menu{display:block;padding:10px 16px}.kb-menu>li{padding:2px 0}.kb-menu-toggle:not([hidden]){display:block;margin-left:auto}.kb-nav.kb-enhanced .kb-menu{display:none}.kb-nav.kb-enhanced.kb-open .kb-menu{display:block}.kb-submenu{position:static;width:100%;box-shadow:none;border:0;border-left:2px solid #dce7e2;border-radius:0;padding:0 0 0 10px!important}.kb-menu a,.kb-menu summary{font-size:14px;overflow-wrap:anywhere}.kb-nav.kb-open{width:calc(100% - 128px);max-height:calc(100dvh - 100px);overflow:auto}}@media(max-width:782px){.admin-bar .kb-header{top:46px}}@media(max-width:600px){.admin-bar .kb-header{top:0}}
.kb-blog-banner{height:260px;position:relative;border-radius:20px;overflow:hidden;margin-top:28px;background:#002639}.kb-blog-banner img{width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:brightness(.7)}.kb-blog-banner span{position:absolute;left:32px;bottom:25px;color:white;font-size:32px;font-weight:700}.kb-blog-banner+.hero{padding-top:34px}.kb-footer{background:#0a8b52;color:white;padding:58px 24px 30px}.kb-footer .footer-panel{max-width:1200px;margin:auto}.kb-footer .footer-top{display:flex;justify-content:space-between;align-items:center;gap:36px;margin-bottom:40px}.kb-footer .footer-komoni-logo{width:300px;max-width:100%;height:auto}.kb-footer .footer-authorities{display:flex;align-items:center;gap:28px}.kb-footer .footer-authorities img{width:160px;height:auto;max-height:100px;object-fit:contain}.kb-footer a{color:white;text-decoration:none}.kb-footer a:hover{text-decoration:underline}.kb-footer .footer-links-primary{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 30px;font-size:14px}.kb-footer .footer-links-secondary{text-align:center;margin:24px 0}.kb-footer .footer-legal-disclaimer{font-size:13px;line-height:1.8;opacity:.95}.kb-footer .footer-bottom{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;border-top:1px solid #ffffff55;padding-top:24px;margin-top:24px;font-size:14px}@media(max-width:700px){.kb-footer .footer-top{flex-direction:column}.kb-footer .footer-authorities{gap:16px}.kb-footer .footer-authorities img{width:130px}.kb-blog-banner{height:190px}.kb-blog-banner span{font-size:26px;left:22px}.kb-footer .footer-links-primary{flex-direction:column;text-align:center}.kb-footer{padding-inline:20px}}
/* Leave room for the exact shared floating header used by the PHP site. */
body>#content{padding-top:190px}.admin-bar #header .floating-logo,.admin-bar #header .floating-navigation{margin-top:32px!important}@media(max-width:1199px){body>#content{padding-top:110px}}@media(max-width:782px){.admin-bar #header .floating-logo,.admin-bar #header .floating-navigation{margin-top:46px!important}}
