.kc-wrap    { width: 100%; max-width: var(--kc-shell); margin-inline: auto;
padding-inline: var(--kc-5); }
.kc-wrap--lesson { max-width: 1200px; }
@media (min-width: 768px) { .kc-wrap { padding-inline: var(--kc-7); } }
.kc-wrap--admin,
.kc-wrap--area { display: grid; align-items: start;
column-gap: var(--kc-8); row-gap: 0;
grid-template-columns: 236px minmax(0, 1fr);
grid-auto-rows: min-content; }
.kc-wrap--admin > *,
.kc-wrap--area > * { grid-column: 2; min-width: 0; }
.kc-navtoggle { display: none; align-items: center; gap: var(--kc-3); width: 100%;
min-height: 48px; padding: 0 var(--kc-4);
border: 1px solid var(--kc-border); border-radius: var(--kc-r-md);
background: var(--kc-surface); color: var(--kc-ink);
font-size: 15px; font-weight: 700; text-align: left; cursor: pointer; }
.kc-navtoggle__ico { display: grid; place-items: center; width: 22px; height: 22px;
color: var(--kc-ink-2); }
.kc-navtoggle__what { flex: 1 1 auto; min-width: 0; }
.kc-navtoggle__caret { display: grid; place-items: center; width: 20px; height: 20px;
color: var(--kc-ink-3); transition: transform .15s ease; }
.kc-navtoggle[aria-expanded="true"] span.kc-navtoggle__caret { transform: rotate(180deg); }
.kc-sidenav--rail { grid-column: 1; grid-row: 1 / span 200;
margin-top: calc(var(--kc-8) * -1); }
@media (max-width: 1023px) {
.kc-wrap--admin,
.kc-wrap--area { grid-template-columns: minmax(0, 1fr); column-gap: 0; row-gap: var(--kc-6); }
.kc-wrap--admin > *,
.kc-wrap--area > * { grid-column: 1; }
.kc-sidenav--rail { grid-column: 1; grid-row: auto; position: static;
padding-bottom: var(--kc-2); }
.kc-sidenav--rail > .kc-sidenav__stick { display: contents; }
.kc-sidenav--rail > .kc-sidenav__stick > .kc-sidenav__list { display: none; }
.kc-sidenav--rail.is-open > .kc-sidenav__stick > .kc-sidenav__list {
display: flex; flex-direction: column; flex-wrap: wrap; }
.kc-navtoggle { display: flex; }
.kc-sidenav__head { display: none; }
.kc-sidenav__link { flex: none; }
.kc-sidenav__cta { position: static; }
}
.kc-sidenav { margin-bottom: var(--kc-6); }
.kc-sidenav--rail { margin-bottom: 0; }
@media (min-width: 1024px) {
.kc-wrap--admin,
.kc-wrap--area { position: relative; }
.kc-wrap--admin::before,
.kc-wrap--area::before {
content: "";
position: absolute;
inset-block: calc(var(--kc-8) * -1) 0;
inset-inline-start: 0;
width: 236px;
background: var(--kc-bg);
border-right: 1px solid var(--kc-border);
}
.kc-wrap--admin > *,
.kc-wrap--area > * { position: relative; z-index: 1; }
.kc-sidenav--rail {
padding: var(--kc-6) var(--kc-3);
background: none;
border: 0;
border-radius: 0;
}
.kc-sidenav--rail > .kc-sidenav__stick { position: sticky; top: var(--kc-6); }
.kc-wrap--admin,
.kc-wrap--area { padding-left: 0; }
.kc-wrap--admin > .kc-sidenav--rail,
.kc-wrap--area > .kc-sidenav--rail {
border-start-start-radius: 0;
border-end-start-radius: 0;
}
}
.kc-sidenav__head { margin-bottom: var(--kc-2); padding-inline: var(--kc-3); }
.kc-sidenav__link {
display: flex; align-items: center; gap: var(--kc-3);
min-height: 44px; padding: var(--kc-2) var(--kc-3);
border-radius: var(--kc-r-sm); text-decoration: none;
color: var(--kc-ink-2); font-size: 15px; font-weight: 600; white-space: nowrap;
transition: background var(--kc-fast) var(--kc-ease-out), color var(--kc-fast);
}
.kc-sidenav__link:hover { background: var(--kc-bg-muted); color: var(--kc-ink);
text-decoration: none; }
.kc-sidenav__link[aria-current="page"] { background: var(--kc-accent-soft);
color: var(--kc-accent-ink); }
.kc-sidenav__ico { display: grid; place-items: center; flex: none; width: 22px; height: 22px; }
.kc-subnav { list-style: none; margin: 2px 0 var(--kc-2); padding: 0 0 0 var(--kc-4);
margin-inline-start: var(--kc-6); border-left: 2px solid var(--kc-border); }
.kc-subnav__link { display: flex; align-items: center; min-height: 38px;
padding: var(--kc-1) var(--kc-3); border-radius: var(--kc-r-sm);
color: var(--kc-ink-2); font-size: 14px; text-decoration: none; }
.kc-subnav__link:hover { background: var(--kc-bg-muted); color: var(--kc-ink);
text-decoration: none; }
.kc-subnav__link[aria-current="page"] { background: var(--kc-accent-soft);
color: var(--kc-accent-ink); font-weight: 600; }
.kc-sidenav__link--group { color: var(--kc-ink); }
.kc-sidenav__count {
margin-left: auto; flex: none;
min-width: 22px; height: 22px; padding: 0 var(--kc-2);
display: inline-flex; align-items: center; justify-content: center;
border-radius: 999px;
background: var(--kc-accent-ink); color: var(--kc-bg);
font-size: 11px; font-weight: 700; line-height: 1;
}
.kc-sidenav__ico svg.kc-ico { width: 19px; height: 19px; }
.kc-row  { display: flex; align-items: center; gap: var(--kc-3); flex-wrap: wrap; }
.kc-row--fill > .kc-input { flex: 1 1 260px; width: auto; }
.kc-col  { display: flex; flex-direction: column; }
.kc-fill { flex: 1 1 12rem; min-width: 0; }
.kc-stack { display: grid; gap: var(--kc-4); }
.kc-grid, .kc-sec__grid, .kc-shift, .kc-setgrid, .kc-proof {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(var(--kc-col, 280px), 100%), 1fr));
}
.kc-grid { gap: var(--kc-6); }
.kc-shells { grid-template-columns: 1fr; }
@media (min-width: 768px) {
.kc-shells { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.kc-spread { display: flex; align-items: center; justify-content: space-between; gap: var(--kc-4); }
.kc-spread > .t-num { flex: none; white-space: nowrap; }
.kc-home { display: grid; gap: var(--kc-6); grid-template-columns: minmax(0, 1fr) 320px; }
@media (max-width: 1023px) {
.kc-home { grid-template-columns: 1fr; }
.kc-home>aside { order: -1; }
}