@media(max-width:1280px){
  .krn-kes-top-dock{grid-template-columns:minmax(180px,1fr) minmax(0,1fr) auto}
  .krn-kes-command-trigger{width:44px;padding:0;justify-content:center;font-size:0}
  .krn-kes-command-trigger>span:first-child{font-size:11px}
  .krn-kes-theme-trigger>span{display:none}
  .krn-kes-user b{display:none}
}

@media(max-width:980px){
  .krn-kes-top-dock{grid-template-columns:minmax(160px,1fr) minmax(0,1fr) auto}
  .krn-kes-canvas{padding-top:20px}
}

@media(max-width:782px){
  :root{--kes-top-dock:60px;--kes-mobile-dock-height:72px;--kes-mobile-dock-gap:12px}
  html,body{max-width:100%;overflow-x:clip}
  body{padding-bottom:calc(var(--kes-mobile-dock-height) + var(--kes-mobile-dock-gap) * 2 + var(--kes-safe-bottom))}
  .krn-kes-workspace{margin-left:0;min-height:100vh;width:100%;min-width:0}

  /* The desktop dock becomes a modal navigation sheet. It never participates in document flow. */
  .krn-kes-nav-dock{
    position:fixed;
    z-index:980;
    inset:auto calc(12px + var(--kes-safe-right)) calc(var(--kes-mobile-dock-height) + var(--kes-mobile-dock-gap) * 2 + var(--kes-safe-bottom)) calc(12px + var(--kes-safe-left));
    width:auto;
    height:min(68vh,680px);
    max-height:calc(100dvh - var(--kes-mobile-dock-height) - var(--kes-safe-top) - var(--kes-safe-bottom) - 58px);
    display:flex;
    flex-direction:column;
    gap:0;
    padding:12px;
    border-radius:30px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(calc(100% + 42px)) scale(.98);
    transform-origin:50% 100%;
    transition:transform var(--kes-motion-panel) var(--kes-ease),opacity var(--kes-motion),visibility 0s linear var(--kes-motion-panel);
  }
  html.krn-kes-nav-expanded .krn-kes-nav-dock,
  .krn-kes-nav-dock.is-expanded{
    width:auto;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
    transition-delay:0s;
  }
  body.admin-bar .krn-kes-nav-dock{top:auto}
  .krn-kes-nav-dock-head,
  html.krn-kes-nav-expanded .krn-kes-nav-dock-head{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:center}
  .krn-kes-nav-dock-head .krn-kes-brand{display:grid;width:54px;height:54px;border-radius:19px;margin:0}
  .krn-kes-nav-dock-head .krn-kes-nav-toggle,
  html.krn-kes-nav-expanded .krn-kes-nav-dock-head .krn-kes-nav-toggle{justify-content:flex-start;min-height:54px;padding:8px 12px!important;border-color:var(--kes-border);background:color-mix(in srgb,var(--kes-surface) 84%,transparent)}
  .krn-kes-nav-dock-head .krn-kes-nav-toggle span{display:block!important;font-size:15px}
  .krn-kes-nav-dock-scroll,
  html.krn-kes-nav-expanded .krn-kes-nav-dock-scroll{flex:1;min-height:0;margin-top:12px;overflow-x:hidden;overflow-y:auto}
  .krn-kes-nav-list,
  html.krn-kes-nav-expanded .krn-kes-nav-list{height:auto;display:grid;align-items:stretch;justify-content:initial;gap:6px}
  .krn-kes-nav-item,
  .krn-kes-nav-item:nth-child(n+6),
  html.krn-kes-nav-expanded .krn-kes-nav-item{display:block;min-width:0;max-width:none;width:100%}
  .krn-kes-nav-row{display:grid}
  .krn-kes-nav-item.has-children>.krn-kes-nav-row,
  html.krn-kes-nav-expanded .krn-kes-nav-item.has-children>.krn-kes-nav-row{grid-template-columns:minmax(0,1fr) 38px}
  .krn-kes-nav-item a,
  html.krn-kes-nav-expanded .krn-kes-nav-item a{display:flex;align-items:center;justify-content:flex-start;gap:13px;min-height:52px;padding:8px 10px;text-align:left}
  .krn-kes-nav-icon{width:34px;height:34px;flex-basis:34px}
  .krn-kes-nav-icon .krn-kes-icon{width:21px;height:21px}
  .krn-kes-nav-copy,
  html.krn-kes-nav-expanded .krn-kes-nav-copy{display:block!important;max-width:100%}
  .krn-kes-nav-copy b{font-size:15px;max-width:none}
  .krn-kes-nav-copy small{display:block!important;font-size:11px}
  .krn-kes-nav-badge{display:inline-flex!important;justify-content:center}
  .krn-kes-nav-group-toggle{display:grid!important;place-items:center;width:36px;height:36px}
  .krn-kes-nav-children{margin-left:46px}
  .krn-kes-nav-children.is-open{display:grid!important}
  .krn-kes-nav-dock-tools{display:grid!important;grid-template-columns:1fr 1fr;order:2;margin-top:10px}
  .krn-kes-nav-tool{justify-content:flex-start;padding:8px 11px}
  .krn-kes-nav-tool span{display:block!important}
  .krn-kes-nav-dock-footer{display:flex!important;order:3}
  .krn-kes-nav-backdrop{z-index:960;background:var(--kes-overlay-scrim);backdrop-filter:blur(7px)}

  /* Canonical five-position mobile dock. K is permanently centered and links to KRN Hub. */
  .krn-kes-mobile-dock{
    position:fixed;
    z-index:940;
    left:calc(var(--kes-mobile-dock-gap) + var(--kes-safe-left));
    right:calc(var(--kes-mobile-dock-gap) + var(--kes-safe-right));
    bottom:calc(var(--kes-mobile-dock-gap) + var(--kes-safe-bottom));
    height:var(--kes-mobile-dock-height);
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:center;
    gap:4px;
    padding:7px 9px;
    border:1px solid var(--kes-border);
    border-radius:25px;
    background:linear-gradient(155deg,color-mix(in srgb,var(--kes-floating) 96%,transparent),color-mix(in srgb,var(--kes-accent) 5%,var(--kes-floating)));
    box-shadow:var(--kes-shadow);
    backdrop-filter:blur(28px) saturate(1.22);
    -webkit-backdrop-filter:blur(28px) saturate(1.22);
  }
  .krn-kes-mobile-slot{
    position:relative;
    display:grid;
    place-items:center;
    width:100%;
    min-width:0;
    height:54px;
    padding:0;
    border:1px solid transparent;
    border-radius:17px;
    background:transparent;
    color:var(--kes-text-secondary);
    text-decoration:none;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .krn-kes-mobile-slot:hover,.krn-kes-mobile-slot:focus-visible{color:var(--kes-accent);background:color-mix(in srgb,var(--kes-accent) 10%,transparent)}
  .krn-kes-mobile-slot-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:12px}
  .krn-kes-mobile-slot .krn-kes-icon{width:22px;height:22px}
  .krn-kes-mobile-slot--hub{height:60px;margin-top:-10px;border-radius:20px;background:transparent}
  .krn-kes-mobile-hub-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:19px;background:linear-gradient(145deg,var(--kes-accent),var(--kes-accent-deep));color:var(--kes-on-accent);font-size:23px;font-weight:950;box-shadow:0 12px 28px color-mix(in srgb,var(--kes-accent) 28%,transparent)}
  .krn-kes-mobile-slot--hub.is-active,.krn-kes-mobile-slot--hub[aria-current="page"]{outline:none;border-color:transparent;background:transparent;box-shadow:none}
  .krn-kes-mobile-slot--hub.is-active .krn-kes-mobile-hub-mark,.krn-kes-mobile-slot--hub[aria-current="page"] .krn-kes-mobile-hub-mark{outline:3px solid var(--kes-selection-outline);outline-offset:3px}
  .krn-kes-mobile-slot.is-placeholder{visibility:hidden;pointer-events:none}

  /* Mobile top dock: one compact row, icons only. */
  .krn-kes-top-dock{
    top:max(8px,var(--kes-safe-top));
    width:calc(100% - 16px);
    min-height:58px;
    margin:8px 8px 0;
    padding:7px 8px;
    border-radius:20px;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:1fr;
    gap:7px;
  }
  body.admin-bar .krn-kes-top-dock{top:calc(var(--wp-admin--admin-bar--height,46px) + max(8px,var(--kes-safe-top)))}
  .krn-kes-context{min-width:0;gap:7px}
  .krn-kes-context>div{min-width:0}
  .krn-kes-context span{display:none}
  .krn-kes-context strong{display:block;max-width:48vw;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .krn-kes-mobile-menu{display:grid!important;place-items:center;flex:0 0 40px}
  .krn-kes-top-actions{gap:4px}
  .krn-kes-top-actions>.krn-kes-icon-button[data-kes-mode-toggle]{display:none}
  .krn-kes-command-trigger{display:none}
  .krn-kes-quick-controls-trigger{display:grid;place-items:center}
  .krn-kes-theme-trigger{width:40px;min-height:40px;padding:0;justify-content:center}
  .krn-kes-theme-trigger>span{display:none}
  .krn-kes-user{gap:0}
  .krn-kes-user b{display:none}
  .krn-kes-user>span{width:40px;height:40px;border-radius:14px}

  /* Quick Controls become a dedicated sheet instead of forcing a second top-dock row. */
  .krn-kes-quick-controls{
    position:fixed;
    z-index:1030;
    left:calc(12px + var(--kes-safe-left));
    right:calc(12px + var(--kes-safe-right));
    bottom:calc(var(--kes-mobile-dock-height) + var(--kes-mobile-dock-gap) * 2 + var(--kes-safe-bottom));
    width:auto;
    max-width:none;
    max-height:min(62vh,540px);
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:9px;
    overflow:auto;
    padding:14px;
    border:1px solid var(--kes-border);
    border-radius:25px;
    background:var(--kes-floating);
    box-shadow:var(--kes-shadow);
    backdrop-filter:blur(28px) saturate(1.22);
    -webkit-backdrop-filter:blur(28px) saturate(1.22);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(30px) scale(.98);
    transition:transform var(--kes-motion-panel) var(--kes-ease),opacity var(--kes-motion),visibility 0s linear var(--kes-motion-panel);
  }
  .krn-kes-quick-controls.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
  .krn-kes-quick-button,.krn-kes-quick-switch{width:100%;min-height:48px;justify-content:flex-start;padding:8px 12px;font-size:14px}
  .krn-kes-quick-switch i{margin-left:auto}
  .krn-kes-quick-segmented{display:flex;width:100%}
  .krn-kes-quick-segmented button{flex:1;min-height:40px}
  .krn-kes-quick-controls-backdrop{z-index:1010}

  .krn-kes-canvas{
    width:100%;
    min-width:0;
    max-width:none;
    min-height:calc(100vh - var(--kes-top-dock));
    padding:16px 12px calc(var(--kes-mobile-dock-height) + var(--kes-mobile-dock-gap) * 2 + var(--kes-safe-bottom));
    overflow-x:clip;
  }
  .krn-kes-context-dock{left:12px;right:12px;bottom:calc(var(--kes-mobile-dock-height) + var(--kes-mobile-dock-gap) * 2 + var(--kes-safe-bottom));transform:none;max-width:none}
  .krn-kes-context-dock a span{display:none}
  .krn-kes-context-dock a{min-width:46px;justify-content:center;padding:8px}
  .krn-kes-panel{left:8px;right:8px;top:auto;bottom:calc(8px + var(--kes-safe-bottom));width:auto;max-height:86vh;transform:translateY(calc(100% + 100px))}
  .krn-kes-panel.is-open{transform:none}
  .krn-kes-command{padding:8px;align-items:end}
  .krn-kes-command-dialog{width:100%;max-height:82vh;border-radius:28px}
  .krn-kes-command-dialog>header{grid-template-columns:auto 1fr}
  .krn-kes-command-dialog kbd{display:none}
  .krn-kes-theme-picker{top:auto;left:8px;right:8px;bottom:calc(var(--kes-mobile-dock-height) + var(--kes-mobile-dock-gap) * 2 + var(--kes-safe-bottom));width:auto;max-height:72vh;border-radius:28px}
  .krn-kes-grid--2,.krn-kes-grid--3,.krn-kes-grid--4{grid-template-columns:1fr}
  .krn-kes-card{border-radius:22px;padding:18px}
  .krn-kes-card table,.krn-kes-card thead,.krn-kes-card tbody,.krn-kes-card tr,.krn-kes-card th,.krn-kes-card td{display:block}
  .krn-kes-card thead{position:absolute;clip:rect(0 0 0 0)}
  .krn-kes-card tr{border:1px solid var(--kes-border);border-radius:16px;margin-bottom:10px;padding:8px}
  .krn-kes-card td{border:0;padding:6px 8px}
  .krn-kes-coachmark{left:8px;right:8px;bottom:calc(var(--kes-mobile-dock-height) + var(--kes-mobile-dock-gap) * 2 + var(--kes-safe-bottom));width:auto}
  .krn-kes-coachmark>div{flex-direction:column-reverse}
  .krn-kes-coachmark .krn-kes-button{width:100%}
  .krn-kes-report{padding:8px;align-items:end}
  .krn-kes-report-dialog{width:100%;max-height:88vh;border-radius:28px 28px 18px 18px}
  .krn-kes-report-dialog>header{padding:18px 18px 13px}
  .krn-kes-report-dialog form,.krn-kes-report-login{padding:18px}
  .krn-kes-report-types,.krn-kes-report-grid{grid-template-columns:1fr}
  .krn-kes-report-types label>span{min-height:auto}
  .krn-kes-report-actions{align-items:stretch;flex-direction:column}
  .krn-kes-report-actions button{width:100%}
}

@media(max-width:390px){
  :root{--kes-mobile-dock-gap:9px;--kes-mobile-dock-height:68px}
  .krn-kes-context strong{max-width:41vw}
  .krn-kes-top-actions .krn-kes-icon-button,.krn-kes-theme-trigger,.krn-kes-user>span{width:38px;height:38px;min-height:38px}
  .krn-kes-mobile-dock{padding:6px 7px;border-radius:22px}
  .krn-kes-mobile-slot{height:50px;border-radius:15px}
  .krn-kes-mobile-slot .krn-kes-icon{width:20px;height:20px}
  .krn-kes-mobile-hub-mark{width:52px;height:52px;border-radius:18px;font-size:21px}
}

@media(max-width:340px){
  .krn-kes-context strong{max-width:34vw}
  .krn-kes-top-dock{padding-left:6px;padding-right:6px}
  .krn-kes-top-actions{gap:2px}
  .krn-kes-mobile-dock{left:calc(6px + var(--kes-safe-left));right:calc(6px + var(--kes-safe-right));gap:2px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* 0.3.0-alpha.1 responsive canon */
@media (max-width: 767px){
  html,body{width:100%;max-width:100%;overflow-x:clip;background:var(--kes-canvas)}
  .krn-kes-workspace{width:100%;min-width:0;margin-left:0!important}
  .krn-kes-main{width:100%;min-width:0;max-width:none;padding:12px 12px calc(var(--kes-mobile-nav-height) + var(--kes-safe-bottom) + 30px)}
  .krn-kes-top-dock{grid-template-columns:minmax(0,1fr) auto auto auto;width:calc(100% - 24px);margin:12px 12px 0;padding:8px 9px;border-radius:22px;background:var(--kes-topdock-background)}
  .krn-kes-context{min-width:0}.krn-kes-context span{display:none}.krn-kes-context strong{font-size:15px}
  .krn-kes-top-actions{gap:6px}.krn-kes-command-trigger,.krn-kes-theme-trigger{width:44px;min-width:44px;padding:0;justify-content:center}.krn-kes-command-trigger>span,.krn-kes-theme-trigger>span{display:none}
  .krn-kes-user b{display:none}.krn-kes-user>span{width:42px;height:42px}
  .krn-kes-nav-dock{background:var(--kes-overlay-surface)}
  .krn-kes-nav-backdrop{background:var(--kes-overlay-scrim)}
  .krn-kes-context-dock{display:none!important}
  .krn-kes-mobile-dock{grid-template-columns:repeat(5,minmax(0,1fr));left:12px;right:12px;bottom:calc(var(--kes-safe-bottom) + 12px);width:auto;max-width:none;background:var(--kes-dock-background)}
  .krn-kes-mobile-slot{min-width:0}.krn-kes-mobile-slot--hub{transform:translateY(-7px)}
  .krn-kes-quick-controls{position:fixed;left:12px;right:12px;bottom:calc(var(--kes-mobile-nav-height) + var(--kes-safe-bottom) + 24px);max-height:min(60vh,520px);overflow:auto;background:var(--kes-overlay-surface)}
  .krn-kes-report{padding:12px}.krn-kes-report-dialog{max-height:calc(100dvh - var(--kes-safe-top) - var(--kes-safe-bottom) - 24px);border-radius:24px}
  .krn-kes-report-types{grid-template-columns:1fr}.krn-kes-report-grid{grid-template-columns:1fr}
}
@media (min-width:768px) and (max-width:1099px){
  .krn-kes-workspace{margin-left:calc(var(--kes-nav-collapsed) + 20px)}
  .krn-kes-main{padding-inline:20px}.krn-kes-top-dock{width:calc(100% - 24px);margin-inline:12px}
  .krn-kes-quick-controls{max-width:56vw;overflow:auto;justify-content:flex-start}
}
@media (min-width:1100px){.krn-kes-main{padding-inline:clamp(24px,2.2vw,42px)}}


@media (max-width:782px){
  .krn-kes-theme-trigger>[data-kes-theme-mode-label]{display:none}
  .krn-kes-theme-modes{grid-template-columns:1fr}
  .krn-kes-theme-modes button{min-height:58px}
}