/* The specialty picker is a movable canvas window; the parent camera is independent. */
html:root #interview-reading-layout .kc-subcanvas-panel[hidden]{display:none}
html:root #interview-reading-layout .kc-subcanvas-panel{position:fixed;z-index:12000;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;border:1px solid var(--ir-line);border-top:3px solid var(--ir-accent);border-radius:15px;background:var(--ir-surface);box-shadow:0 12px 40px #30366d28;cursor:default;touch-action:auto}
html:root #interview-reading-layout .kc-subcanvas-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:8px 12px;border-bottom:1px solid var(--ir-line);background:var(--ir-paper);cursor:move;touch-action:none}
html:root #interview-reading-layout .kc-subcanvas-head>div:first-child{min-width:0;display:flex;align-items:center;gap:10px}
html:root #interview-reading-layout .kc-subcanvas-head small{color:var(--ir-muted);font-size:11px;white-space:nowrap}
html:root #interview-reading-layout .kc-subcanvas-head strong{font-family:var(--an-serif);font-size:17px;line-height:1.4;color:var(--ir-ink)}
html:root #interview-reading-layout .kc-subcanvas-actions{display:flex;gap:6px;flex:none}
html:root #interview-reading-layout .kc-subcanvas-actions button{min-width:36px;min-height:36px;padding:5px 9px;border:1px solid var(--ir-line);border-radius:7px;background:var(--ir-surface);color:var(--ir-ink);font-size:12px;cursor:pointer}
html:root #interview-reading-layout .kc-subcanvas-actions [data-close]{font-size:22px;line-height:1}
html:root #interview-reading-layout .kc-subcanvas-frame{display:block;width:100%;flex:1;min-height:0;border:0;background:var(--ir-paper)}
html:root #interview-reading-layout .kc-subcanvas-panel.is-adjusting iframe{pointer-events:none}
html:root #interview-reading-layout .kc-subcanvas-foot{display:flex;align-items:center;justify-content:space-between;min-height:28px;flex:none;padding:0 0 0 12px;border-top:1px solid var(--ir-line);font-size:10px;color:var(--ir-muted);background:var(--ir-paper)}
html:root #interview-reading-layout .kc-subcanvas-resize{width:36px;height:30px;border:0;border-radius:0 0 13px 0;background:transparent;color:var(--ir-accent);font-size:20px;cursor:nwse-resize;touch-action:none}
html:root .knowledge-subcanvas #interview-reading-layout .kc-window{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100dvh}
html:root .knowledge-subcanvas #interview-reading-layout .kc-app{grid-column:1;grid-row:1;min-height:0}
html:root .knowledge-subcanvas #interview-reading-layout #kc-sidebar,
html:root .knowledge-subcanvas #interview-reading-layout #kc-nav-toggle,
html:root .knowledge-subcanvas #interview-reading-layout .kc-heading,
html:root .knowledge-subcanvas #interview-reading-layout #kc-recent,
html:root .knowledge-subcanvas #interview-reading-layout #kc-fullscreen{display:none}
html:root .knowledge-subcanvas #interview-reading-layout .kc-toolbar{min-height:40px;padding:3px 10px;justify-content:flex-end}
html:root .knowledge-subcanvas #interview-reading-layout #knowledge-view-tools{padding:5px 10px;gap:8px;font-size:11px}
html:root .knowledge-subcanvas #interview-reading-layout #knowledge-view-tools>.ks-view-progress,
html:root .knowledge-subcanvas #interview-reading-layout #knowledge-records-open{display:none}
html:root .knowledge-subcanvas #interview-reading-layout .ks-narrative>summary{padding:5px 8px;font-size:11px}
html:root .knowledge-subcanvas #interview-reading-layout .kc-actions{gap:5px;flex-wrap:nowrap}
html:root .knowledge-subcanvas #interview-reading-layout .kc-actions>button,
html:root .knowledge-subcanvas #interview-reading-layout .kc-more>summary{font-size:11px;min-height:32px;padding:5px 8px}
html:root .knowledge-subcanvas #interview-reading-layout .knowledge-node-list{max-height:32vh;overflow:auto;flex:none}
html:root .knowledge-subcanvas #interview-reading-layout .knowledge-node-list>summary{padding:7px 10px;font-size:11px}
html:root .knowledge-subcanvas #interview-reading-layout .kc-stage{min-height:0;flex:1}
html:root .knowledge-subcanvas #interview-reading-layout .kc-map-help{display:flex}
html:root .knowledge-subcanvas #interview-reading-layout .kc-map-help span{font-size:12px}
html:root .knowledge-subcanvas #interview-reading-layout #kc-lanes .kc-lane-general rect{fill:color-mix(in srgb,var(--ir-accent) 3%,transparent);stroke:var(--ir-line);stroke-dasharray:5 6}
html:root .knowledge-subcanvas #interview-reading-layout #kc-lanes .kc-lane-general text{fill:var(--ir-muted)}
html:root .knowledge-subcanvas #interview-reading-layout .kc-save-state{font-size:10px;padding:1px 10px}
html:root .knowledge-subcanvas #interview-reading-layout .kc-status:empty{display:none}
html:root .knowledge-subcanvas #interview-reading-layout .kc-status{font-size:10px;padding:0 10px;max-height:24px;overflow:hidden}
@media(max-width:480px){html:root #interview-reading-layout .kc-subcanvas-head small{display:none}html:root #interview-reading-layout .kc-subcanvas-head strong{font-size:14px}}