.kh-frame {
    --kh-ink:#183c67;
    --kh-accent:#2674d9;
    --kh-line:#dfe8f2;
    --kh-paper:#f5f8fc;
    background:var(--kh-paper);
    font-family:Tahoma,Arial,sans-serif;
    min-height:100vh;
    text-align:start
}
.kh-member {
    display:grid;
    grid-template-columns:15rem minmax(0,1fr);
    direction:rtl
}
.kh-work {
    min-width:0
}
.kh-work:lang(en),html[dir=ltr] .kh-work {
    direction:ltr
}
.kh-rail {
    background:#fff;
    border-inline-end:1px solid var(--kh-line);
    padding:1.25rem .8rem;
    min-width:0
}
.kh-rail-title {
    color:var(--kh-ink);
    font-weight:bold;
    padding:1rem .7rem;
    border-bottom:1px solid var(--kh-line);
    margin-bottom:1rem
}
.kh-rail a {
    display:flex;
    align-items:center;
    gap:.85rem;
    padding:.75rem;
    border-radius:.7rem;
    color:var(--kh-ink);
    text-decoration:none
}
.kh-rail a i {
    width:1.25rem;
    text-align:center;
    color:var(--kh-accent)
}
.kh-rail a:hover,.kh-rail a[aria-current] {
    background:#edf6ff
}
.kh-small {
    grid-template-columns:4.5rem minmax(0,1fr)
}
.kh-small>.kh-rail span,.kh-small>.kh-rail .kh-rail-title {
    display:none
}
.kh-header {
    border-bottom:1px solid var(--kh-line)
}
.kh-header .topbar,.kh-foot.footer {
    background:linear-gradient(115deg,#143558,#195578);
    color:white
}
.kh-foot.footer a,.kh-header .topbar .btn {
    color:white
}
.kh-header .navbar-brand img {
    max-width:clamp(5rem,20vw,12rem);
    height:2.5rem;
    object-fit:contain
}
.kh-toggle,#kh-drawer>button {
    min-width:44px;
    min-height:44px;
    border:0;
    background:#edf6ff;
    color:#183c67;
    border-radius:.7rem
}
.kh-frame .master-breadcrumb {
    background:transparent
}
.kh-links {
    display:flex;
    flex-wrap:wrap;
    gap:.6rem;
    margin-block:1rem
}
.kh-links a {
    background:white;
    border:1px solid var(--kh-line);
    padding:.65rem .9rem;
    border-radius:.75rem
}
.kh-locked {
    overflow:hidden
}
#kh-drawer {
    padding:1rem;
    border:0;
    width:min(19rem,90vw);
    height:100dvh;
    max-height:100dvh;
    margin:0 0 0 auto;
    color:var(--kh-ink)
}
#kh-drawer::backdrop {
    background:#14294088
}

@media(max-width:860px) {
    .kh-member {
    display:block
}
.kh-small #kh-drawer span {
    display:inline
}
.kh-work .container {
    max-width:100%
}
.kh-header .topbar .d-flex {
    flex-wrap:wrap
}
.kh-frame>.kh-rail nav {
    display:flex;
    flex-wrap:wrap
}

}


.kh-rail ul {
    display: grid;
    gap: .25rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.kh-member > .kh-work { grid-column: 2; grid-row: 1; }
.kh-member > .kh-rail { grid-column: 1; grid-row: 1; }
#kh-drawer:not([open]) { display: none; }
.kh-foot.footer { padding-block: 1.5rem; }

.kh-member #main-body > .container,
.kh-member .kh-header .container,
.kh-member .master-breadcrumb .container {
    max-width: none;
    padding-inline: clamp(1rem, 2.5vw, 3rem);
}
.kh-member #main-body > .container > .row > .primary-content { min-width: 0; }
.kh-context { padding: .75rem 1rem; margin-block-end: 1rem; border: 1px solid var(--kh-line); background: white; border-radius: .8rem; }
.kh-context summary { cursor: pointer; color: var(--kh-ink); font-weight: 600; }
.kh-counts { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,10rem),1fr)); gap: .8rem; margin-block: 1rem; }
.kh-counts a { min-width: 0; padding: 1rem; background: white; color: var(--kh-ink); border: 1px solid var(--kh-line); border-radius: 1rem; box-shadow: 0 .3rem 1rem #183c670c; }
.kh-counts i { color: #187e8c; float: inline-end; }
.kh-counts strong { display: block; font-size: 1.6rem; }
.kh-dashboard__panels > .tiles { display: none; }
.kh-dashboard__panels .list-group-item { padding-block: .85rem; overflow-wrap: anywhere; }
.kh-member .kh-work :where(button,summary,a):focus-visible,
.kh-rail a:focus-visible { outline: 3px solid #2674d9; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
    .kh-frame .kh-dashboard__stat { transition: none; transform: none; }
}