/* Shared navigation and screenshot viewer. Loaded after the base site styles. */
@media (max-width: 960px) {
 header .nav {height:auto;min-height:72px;padding-block:12px;}
 header .nav .brand {min-width:0;flex:0 1 265px;}
 header .nav .menu-toggle {order:4;flex-shrink:0;}
 header #navigation {
  top:var(--kc-header-height, 83px);
  max-height:calc(100vh - var(--kc-header-height, 83px));
  max-height:calc(100dvh - var(--kc-header-height, 83px));
  overflow-y:auto;
  overscroll-behavior:contain;
  scroll-padding-block:14px;
 }
 header #navigation a {flex-shrink:0;max-width:100%;overflow-wrap:anywhere;}
}
.editor-dialog[open] {
 display:grid;
 grid-template-rows:auto minmax(80px, 1fr) auto;
 width:calc(100% - 24px);
 height:calc(100vh - 24px);
 height:calc(100dvh - 24px);
 max-width:1360px;
 max-height:1000px;
 overflow:auto;
}
.editor-dialog .editor-dialog-toolbar {min-width:0;gap:14px;padding:16px 20px;}
.editor-dialog .editor-dialog-toolbar > div {min-width:0;}
.editor-dialog .editor-dialog-toolbar h2,
.editor-dialog .editor-dialog-toolbar p {overflow-wrap:anywhere;}
.editor-dialog .editor-dialog-toolbar p {font-size:14px;line-height:1.5;}
.editor-dialog .editor-dialog-actions {flex-wrap:wrap;}
.editor-dialog .editor-dialog-actions .btn {min-height:44px;white-space:normal;}
.editor-dialog .editor-dialog-actions .btn:disabled {cursor:wait;opacity:.65;}
.editor-dialog .editor-image-region {
 min-width:0;
 min-height:0;
 max-height:none;
 margin:10px;
 overflow:auto;
 overscroll-behavior:contain;
 background:#e9ede2;
}
.editor-dialog .editor-image-region:focus-visible {outline:3px solid #627728;outline-offset:2px;}
.editor-dialog .editor-image-region img {
 display:block;
 width:auto;
 height:auto;
 max-width:100%;
 max-height:100%;
 margin:auto;
}
.editor-dialog .editor-image-region img[hidden] {display:none;}
.editor-dialog .editor-image-region.actual-size img {
 width:var(--viewer-natural-width);
 height:var(--viewer-natural-height);
 max-width:none;
 max-height:none;
 margin:0;
}
.editor-dialog .editor-dialog-help {font-size:14px;line-height:1.5;margin:6px 20px 14px;overflow-wrap:anywhere;}
.editor-dialog .editor-dialog-help a {text-decoration:underline;text-underline-offset:3px;}
@media (max-width:760px) {
 .editor-dialog .editor-dialog-toolbar {padding:14px;gap:10px;}
 .editor-dialog .editor-dialog-toolbar h2 {font-size:20px;}
 .editor-dialog .editor-dialog-actions {gap:10px;}
 .editor-dialog .editor-dialog-actions .btn {font-size:14px;min-width:0;}
 .editor-dialog .editor-dialog-help {margin:6px 14px 12px;}
}
@media (max-height:480px) and (min-width:540px) {
 .editor-dialog .editor-dialog-toolbar {flex-direction:row;align-items:center;}
 .editor-dialog .editor-dialog-actions {width:auto;max-width:48%;flex-shrink:0;}
 .editor-dialog .editor-dialog-actions .btn {flex:auto;}
}
@media (forced-colors:active) {
 .editor-dialog .editor-image-region:focus-visible {outline-color:Highlight;}
 .editor-dialog .editor-dialog-actions .btn:disabled {color:GrayText;opacity:1;}
}