/* Shared KidsThink panel rail. Component selectors isolate it from page forms. */
.kt-panel-nav,.kt-panel-navigation{box-sizing:border-box;font:700 1rem/1.35 system-ui;color:#173f62}
.kt-panel-nav{position:fixed;inset:0 auto 0 0;width:256px;height:100dvh;z-index:40;display:flex;flex-direction:column;padding:18px 13px;background:radial-gradient(ellipse at 0 0,#bdeaff,transparent 48%),radial-gradient(ellipse at 100% 100%,#c8f6df,transparent 50%),#f2f9ff;border-right:1px solid #c9e4ef;box-shadow:8px 0 28px #075b9410}
.kt-panel-nav .kt-panel-brand{display:block;flex-shrink:0;padding:12px 10px;margin:0 0 16px;background:#fff;border:1px solid #d6eaf3;border-radius:20px}
.kt-panel-nav .kt-panel-brand img{display:block;width:100%;max-height:70px;height:auto;object-fit:contain}
.kt-panel-nav>nav{display:flex;flex-direction:column;flex-wrap:nowrap;gap:8px;min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#58b7c6 transparent;padding:4px 3px 10px}
.kt-panel-nav .kt-panel-link{--tile:#1474e6;--end:#10bfcf;--wash:#eaf4ff;display:flex;align-items:center;gap:10px;flex:0 0 auto;min-height:54px;box-sizing:border-box;width:100%;margin:0;padding:10px;border:1px solid #d9e8f1;border-radius:17px;background:linear-gradient(115deg,#fff 45%,var(--wash));color:#173f62;font:750 1rem/1.35 system-ui;text-align:left;text-decoration:none;white-space:normal;overflow-wrap:anywhere}
.kt-panel-nav .kt-panel-link:nth-child(4n+2){--tile:#00877d;--end:#15ba8e;--wash:#e2faf2}.kt-panel-nav .kt-panel-link:nth-child(4n+3){--tile:#bd6409;--end:#f4a62c;--wash:#fff3df}.kt-panel-nav .kt-panel-link:nth-child(4n){--tile:#7041cd;--end:#a760e0;--wash:#f2eaff}
.kt-panel-nav .kt-panel-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:12px;background:linear-gradient(140deg,var(--tile),var(--end));color:#fff;font-size:1.25rem;line-height:1}
.kt-panel-nav .kt-panel-label{min-width:0}.kt-panel-nav .kt-panel-link:hover{background:linear-gradient(115deg,#e5f3ff,#d8f7e9);border-color:#54bcc4}.kt-panel-nav .kt-panel-link.active{background:linear-gradient(115deg,#0867d3,#087d9c 55%,#118b58);color:#fff;border-color:#0b8c99}.kt-panel-nav .kt-panel-link.active .kt-panel-icon{background:#ffffff24}
.kt-panel-toggle,.kt-panel-close,.kt-panel-shade{box-sizing:border-box;font:700 1rem/1.35 system-ui;cursor:pointer}.kt-panel-toggle{display:none;position:fixed;left:12px;top:10px;z-index:9000;width:auto!important;min-height:44px;margin:0!important;padding:10px 15px!important;border:1px solid #9fcbd8!important;border-radius:14px;background:linear-gradient(110deg,#e3f2ff,#d8f7e9)!important;color:#16455c!important;box-shadow:0 4px 12px #164c7420}.kt-panel-close{display:none;width:100%!important;min-height:44px;margin:0 0 12px!important;padding:10px!important;border:1px solid #9fcbd8!important;border-radius:12px;background:#fff!important;color:#16455c!important}.kt-panel-shade{position:fixed;inset:0;z-index:9001;width:100%!important;height:100dvh!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#10384a88!important}.kt-panel-shade[hidden],.kt-panel-toggle[hidden]{display:none!important}
.kt-panel-navigation a:focus-visible,.kt-panel-navigation button:focus-visible,.kt-panel-toggle:focus-visible{outline:3px solid #075fc4;outline-offset:2px}

/* A closed drawer never reserves horizontal space, on desktop or mobile. */
body.kt-with-panels{margin-left:0!important;width:auto!important;min-width:0;padding-top:64px!important}
body.kt-panel-drawer-open{overflow:hidden!important}
.kt-panel-toggle,.kt-panel-close{display:block}
.kt-panel-nav,.site-index .app>aside.kt-panel-navigation{position:fixed!important;inset:0 auto 0 0!important;z-index:9002!important;display:flex!important;flex-direction:column!important;width:min(320px,88vw)!important;height:100dvh!important;padding:16px 13px!important;overflow:hidden!important;transform:translateX(-110%);visibility:hidden;border-right:1px solid #c9e4ef;border-bottom:0!important}
.kt-panel-nav.kt-panel-open,.site-index .app>aside.kt-panel-open{transform:translateX(0);visibility:visible}
.site-index .app>aside.kt-panel-navigation .brand{display:block!important}
.site-index .app>aside.kt-panel-navigation>nav{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;overflow-x:hidden!important;overflow-y:auto!important;min-height:0!important}
.site-index .app>aside.kt-panel-navigation .nav{width:100%!important;max-width:none!important;flex:0 0 auto!important;font-size:1rem!important}
.site-index .app:has(>aside.kt-panel-navigation){grid-template-columns:minmax(0,1fr)!important;padding-top:64px}
.site-index .app>aside.kt-panel-navigation .sidebar-safety{display:none!important}
@media print{body.kt-with-panels{margin-left:0!important;padding-top:0!important}.kt-panel-navigation,.kt-panel-toggle,.kt-panel-shade{display:none!important}.site-index .app:has(>aside.kt-panel-navigation){padding-top:0!important}}

.kt-panel-toggle{width:44px!important;height:44px!important;padding:10px!important;display:grid;place-items:center;border-radius:12px}.kt-panel-toggle svg{display:block;width:24px;height:24px;flex-shrink:0}