:root {
  --aka-jaka-fullbleed-viewport: 100vw;
  --aka-jaka-fullbleed-gutter: 16px;
  --aka-jaka-accent-orange: #d97706;
  --aka-jaka-accent-orange-border: #b45309;
  --aka-jaka-accent-orange-hover: #ea8a14;
}

.aka-jaka-viewer-shell {
  --aka-jaka-reader-left-reserve: 0px;
  --aka-jaka-reader-right-reserve: 0px;
  background: #112d45;
  color: #e6edf4;
  border: 1px solid #1c4466;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  user-select: none;
}

.aka-jaka-mobile-primary-bar {
  display: none;
}

.aka-jaka-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px;
  background: #0a253c;
  border-bottom: 1px solid #1c4466;
}

.aka-jaka-mobile-controls-toggle {
  display: none;
  font-weight: 700;
}

.aka-jaka-toolbar button,
.aka-jaka-toolbar .aka-jaka-toolbar-link,
.aka-jaka-toolbar input[type="search"],
.aka-jaka-toolbar .aka-jaka-page-jump input[type="number"],
.aka-jaka-mobile-primary-bar button,
.aka-jaka-mobile-primary-bar .aka-jaka-toolbar-link {
  border: 1px solid #2a5b84;
  border-radius: 4px;
  background: #133854;
  color: #e6edf4;
  padding: 6px 10px;
  font-size: 14px;
}

.aka-jaka-toolbar .aka-jaka-toolbar-link,
.aka-jaka-mobile-primary-bar .aka-jaka-toolbar-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.aka-jaka-toolbar-toc-toggle {
  display: none;
}

.aka-jaka-toolbar .aka-jaka-nav-btn {
  background: var(--aka-jaka-accent-orange);
  border-color: var(--aka-jaka-accent-orange-border);
  color: #fff7ed;
  font-weight: 700;
}

.aka-jaka-mobile-primary-bar .aka-jaka-nav-btn {
  background: var(--aka-jaka-accent-orange);
  border-color: var(--aka-jaka-accent-orange-border);
  color: #fff7ed;
  font-weight: 700;
}

.aka-jaka-toolbar .aka-jaka-nav-btn:hover,
.aka-jaka-toolbar .aka-jaka-nav-btn:focus,
.aka-jaka-mobile-primary-bar .aka-jaka-nav-btn:hover,
.aka-jaka-mobile-primary-bar .aka-jaka-nav-btn:focus {
  background: var(--aka-jaka-accent-orange-hover);
  border-color: #c26108;
  color: #fff;
}

.aka-jaka-toolbar button[data-action="toggle-margin-trim"].is-active {
  background: #e8f0f8;
  border-color: #98b1c8;
  color: #133854;
  font-weight: 700;
}

.aka-jaka-toolbar button[data-action="toggle-ocr-overlay"].is-active {
  background: #e8f0f8;
  border-color: #98b1c8;
  color: #133854;
  font-weight: 700;
}

.aka-jaka-toolbar > button[data-action="copy-page-link"],
.aka-jaka-toolbar > button[data-action="toggle-ocr-overlay"],
.aka-jaka-toolbar > button[data-action="toggle-margin-trim"] {
  display: none;
}

.aka-jaka-toolbar input[type="search"] {
  min-width: 260px;
  background: #fff;
  color: #0a253c;
}

.aka-jaka-page-jump {
  display: inline-flex;
  align-items: center;
}

.aka-jaka-toolbar .aka-jaka-page-jump input[type="number"] {
  width: 78px;
  min-width: 0;
  background: #fff;
  color: #0a253c;
}

.aka-jaka-page-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  white-space: nowrap;
  color: #e6edf4;
  font-weight: 600;
}

.aka-jaka-mobile-page-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 6px 10px;
  border: 1px solid #2a5b84;
  border-radius: 8px;
  background: #133854;
  color: #e6edf4;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

.aka-jaka-page-status-sep,
.aka-jaka-jaka-page-status {
  color: #c6d8ea;
  font-weight: 500;
}

.aka-jaka-meta-row {
  position: absolute;
  top: 12px;
  left: 92px;
  z-index: 12;
  max-width: min(460px, calc(100% - 104px - var(--aka-jaka-reader-right-reserve)));
  display: none;
  flex-direction: column;
  gap: 8px;
  pointer-events: none;
}

.aka-jaka-matches {
  display: none;
  pointer-events: auto;
  font-size: 14px;
}

.aka-jaka-meta-row.has-results {
  display: flex;
}

.aka-jaka-meta-row.has-results .aka-jaka-matches {
  display: block;
  max-width: min(520px, calc(100vw - 48px - var(--aka-jaka-reader-right-reserve)));
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(244, 247, 250, 0.97);
  color: #1f3044;
  box-shadow: 0 10px 22px rgba(8, 24, 38, 0.18);
}

.aka-jaka-match-empty {
  font-weight: 600;
}

.aka-jaka-match-summary-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.aka-jaka-match-view-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.aka-jaka-match-view-btn {
  padding: 4px 10px;
  border: 1px solid #91a7bc;
  border-radius: 999px;
  background: #f5f8fc;
  color: #1f3044;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.aka-jaka-match-view-btn.is-active {
  border-color: #133854;
  background: #133854;
  color: #f7fbff;
}

.aka-jaka-match-page-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.aka-jaka-match-result-list {
  display: grid;
  gap: 8px;
}

.aka-jaka-match-result {
  display: grid;
  gap: 6px;
  padding: 8px 10px;
  border: 1px solid #bccbda;
  border-radius: 10px;
  background: #eef4f9;
}

.aka-jaka-match-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 4px 10px;
  border: 1px solid #2a5b84;
  background: #fff;
  border-radius: 6px;
  cursor: pointer;
  color: #133854;
  font-weight: 600;
}

.aka-jaka-match-btn--context {
  justify-self: flex-start;
}

.aka-jaka-match-snippet {
  color: #1f3044;
  line-height: 1.45;
}

.aka-jaka-match-snippet mark {
  background: #f8d77a;
  color: inherit;
  padding: 0 2px;
}

.aka-jaka-canvas-wrap {
  position: relative;
  min-height: 480px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: calc(12px + var(--aka-jaka-reader-left-reserve));
  padding-right: calc(12px + var(--aka-jaka-reader-right-reserve));
  background: #324a63;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-x pan-y;
}

.aka-jaka-reader-layout {
  --aka-jaka-left-panel-stack-top: 126px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  position: relative;
}

.aka-jaka-reader-main {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  position: relative;
}

.aka-jaka-toc-panel {
  --aka-jaka-toc-panel-width: min(360px, 36vw);
  position: absolute;
  left: 0;
  top: var(--aka-jaka-left-panel-stack-top);
  bottom: 12px;
  width: var(--aka-jaka-toc-panel-width);
  max-width: calc(100% - 24px);
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  background: #f7fafc;
  color: #1f3044;
  border: 1px solid #d8e1ea;
  border-left: 0;
  border-radius: 0 10px 10px 0;
  box-shadow: 0 14px 28px rgba(8, 24, 38, 0.18);
  transform: translateX(calc(-100% - 20px));
  opacity: 0;
  pointer-events: none;
  transition: transform 0.2s ease, opacity 0.2s ease;
  z-index: 10;
  overflow: hidden;
}

.aka-jaka-toc-panel-resizer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  cursor: ew-resize;
  touch-action: none;
  z-index: 2;
}

.aka-jaka-toc-panel-resizer::before {
  content: "";
  position: absolute;
  top: 16px;
  bottom: 16px;
  right: 4px;
  width: 4px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(19, 56, 84, 0.16), rgba(19, 56, 84, 0.34));
}

.aka-jaka-toc-panel.is-open {
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}

.aka-jaka-toc-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px;
  border-bottom: 1px solid #d8e1ea;
}

.aka-jaka-toc-panel-head button {
  border: 1px solid #b7c7d8;
  border-radius: 6px;
  background: #fff;
  color: #1f3044;
  padding: 6px 10px;
  font-size: 13px;
}

.aka-jaka-toc-panel-head-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.aka-jaka-toc-panel-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 12px;
}

.aka-jaka-toc-mode-btn {
  border-color: #2a5b84;
  color: #133854;
}

.aka-jaka-toc-mode-btn.is-active {
  border-color: var(--aka-jaka-accent-orange-border);
  background: var(--aka-jaka-accent-orange);
  color: #fff7ed;
}

.aka-jaka-toc-view-shell {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  min-height: 0;
}

.aka-jaka-toc-panel-subtitle {
  padding: 0 12px 10px;
  font-size: 12px;
  color: #5d6f82;
}

.aka-jaka-toc-editor-shell {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  min-height: 0;
  border-top: 1px solid #d8e1ea;
  background: #eef4fa;
}

.aka-jaka-toc-editor {
  display: grid;
  gap: 12px;
  padding: 12px;
  background: #eef4fa;
  min-height: 0;
}

.aka-jaka-toc-editor-section {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #d8e1ea;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 1px 0 rgba(19, 56, 84, 0.04);
}

.aka-jaka-toc-editor-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  font-size: 12px;
  color: #5d6f82;
}

.aka-jaka-toc-editor-help {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color: #506274;
}

.aka-jaka-toc-editor textarea {
  min-height: 180px;
  width: 100%;
  border: 1px solid #c5d4e2;
  border-radius: 8px;
  padding: 10px 12px;
  background: #f8fbfd;
  color: #1f3044;
  resize: vertical;
  box-sizing: border-box;
  user-select: text;
  -webkit-user-select: text;
}

.aka-jaka-toc-editor textarea,
.aka-jaka-toc-editor input[type="text"] {
  -webkit-touch-callout: default;
}

.aka-jaka-toc-editor-flag {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #31485e;
}

.aka-jaka-toc-editor-flag input[type="checkbox"] {
  margin: 0;
}

.aka-jaka-toc-editor-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.aka-jaka-toc-editor-actions button {
  border: 1px solid #2a5b84;
  border-radius: 6px;
  background: #133854;
  color: #e6edf4;
  padding: 6px 10px;
  font-size: 13px;
}

.aka-jaka-toc-editor-actions button[data-action="save-toc"],
.aka-jaka-toc-editor-actions button[data-action="save-page-map-anchor"] {
  border-color: var(--aka-jaka-accent-orange-border);
  background: var(--aka-jaka-accent-orange);
  color: #fff7ed;
}

.aka-jaka-toc-editor-actions button[data-action="save-toc"]:hover,
.aka-jaka-toc-editor-actions button[data-action="save-toc"]:focus,
.aka-jaka-toc-editor-actions button[data-action="save-page-map-anchor"]:hover,
.aka-jaka-toc-editor-actions button[data-action="save-page-map-anchor"]:focus {
  background: var(--aka-jaka-accent-orange-hover);
  color: #fff;
}

.aka-jaka-toc-editor-replace {
  display: grid;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #d8e1ea;
  border-radius: 8px;
  background: #f7fafc;
}

.aka-jaka-toc-editor-replace-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.aka-jaka-toc-editor-replace label {
  display: grid;
  gap: 6px;
  font-size: 12px;
  color: #506274;
}

.aka-jaka-toc-editor-replace input[type="text"] {
  border: 1px solid #c5d4e2;
  border-radius: 6px;
  padding: 8px 10px;
  background: #fff;
  color: #1f3044;
  width: 100%;
  box-sizing: border-box;
}

.aka-jaka-toc-editor-actions--replace {
  justify-content: flex-start;
}

.aka-jaka-page-map-editor {
  display: grid;
  gap: 10px;
}

.aka-jaka-page-map-editor-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.aka-jaka-page-map-editor-grid label {
  display: grid;
  gap: 6px;
  font-size: 12px;
  color: #506274;
}

.aka-jaka-page-map-editor-grid input[type="number"] {
  border: 1px solid #c5d4e2;
  border-radius: 6px;
  padding: 8px 10px;
  background: #fff;
  color: #1f3044;
  width: 100%;
  box-sizing: border-box;
}

.aka-jaka-page-map-anchor-status {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color: #506274;
}

.aka-jaka-page-map-anchor-list {
  display: grid;
  gap: 8px;
}

.aka-jaka-page-map-anchor-item {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.aka-jaka-page-map-anchor-chip,
.aka-jaka-page-map-anchor-remove {
  border-radius: 999px;
  font-size: 12px;
  line-height: 1.2;
}

.aka-jaka-page-map-anchor-chip {
  border: 1px solid #2a5b84;
  background: #f7fafc;
  color: #133854;
  padding: 6px 10px;
  font-weight: 600;
  cursor: pointer;
}

.aka-jaka-page-map-anchor-remove {
  border: 1px solid #c5d4e2;
  background: #ffffff;
  color: #506274;
  padding: 6px 10px;
  cursor: pointer;
}

.aka-jaka-toc-panel-body {
  padding: 0 12px 12px;
  overflow: visible;
  flex: 0 0 auto;
  min-height: auto;
}

.aka-jaka-toc-list {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 8px;
}

.aka-jaka-toc-item {
  margin: 0;
}

.aka-jaka-toc-text {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: flex-start;
  color: #133854;
  text-decoration: none;
  font-size: 13px;
  line-height: 1.45;
  cursor: default;
}

.aka-jaka-toc-link {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.aka-jaka-toc-link .aka-jaka-toc-text {
  cursor: pointer;
}

.aka-jaka-toc-link:hover .aka-jaka-toc-text > span:first-child,
.aka-jaka-toc-link:focus-visible .aka-jaka-toc-text > span:first-child {
  text-decoration: underline;
}

.aka-jaka-toc-link:focus-visible {
  outline: 2px solid rgba(15, 85, 146, 0.35);
  outline-offset: 3px;
  border-radius: 4px;
}

.aka-jaka-toc-page {
  flex: 0 0 auto;
  white-space: nowrap;
  color: #5d6f82;
}

.aka-jaka-toc-raw,
.aka-jaka-toc-empty {
  font-size: 13px;
  line-height: 1.55;
  color: #2b3d4d;
}

@media (max-width: 640px) {
  .aka-jaka-toc-panel-head-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .aka-jaka-toc-editor-replace-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .aka-jaka-page-map-editor-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.aka-jaka-page-slot {
  position: relative;
  flex: 0 0 auto;
  overflow: hidden;
  background: #e9edf1;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.aka-jaka-page-slot.is-hidden {
  display: none;
}

.aka-jaka-page-slot canvas {
  display: block;
  width: auto;
  height: auto;
  max-width: none;
}

.aka-jaka-viewer-shell.aka-jaka-text-boost-active .aka-jaka-page-slot canvas {
  filter:
    grayscale(0.1)
    contrast(1.42)
    brightness(0.87)
    saturate(0.72)
    drop-shadow(0.34px 0 0 rgba(0, 0, 0, 0.44))
    drop-shadow(-0.34px 0 0 rgba(0, 0, 0, 0.44))
    drop-shadow(0 0.26px 0 rgba(0, 0, 0, 0.34))
    drop-shadow(0 -0.26px 0 rgba(0, 0, 0, 0.34))
    drop-shadow(0 0 0.28px rgba(0, 0, 0, 0.26));
  image-rendering: -webkit-optimize-contrast;
}

.aka-jaka-viewer-shell.aka-jaka-ocr-overlay-active .aka-jaka-page-slot canvas {
  opacity: 0.92;
}

.aka-jaka-viewer-shell.aka-jaka-ocr-overlay-active .aka-jaka-text-item {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  overflow: hidden;
  line-height: 1;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: none;
  border-radius: 0;
  cursor: default;
  user-select: none;
  -webkit-user-select: none;
}

.aka-jaka-viewer-shell.aka-jaka-ocr-overlay-active .aka-jaka-text-item-content {
  display: inline-block;
  flex: 0 0 auto;
  width: max-content;
  min-width: max-content;
  color: rgba(20, 20, 20, 0.94);
  -webkit-text-fill-color: rgba(20, 20, 20, 0.94);
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.1;
  text-shadow:
    0.2px 0 0 rgba(0, 0, 0, 0.72),
    -0.2px 0 0 rgba(0, 0, 0, 0.72),
    0 0.2px 0 rgba(0, 0, 0, 0.48),
    0 -0.2px 0 rgba(0, 0, 0, 0.48),
    0 0 0.45px rgba(255, 255, 255, 0.18);
  user-select: none;
  -webkit-user-select: none;
}

.aka-jaka-viewer-shell.aka-jaka-ocr-overlay-active .aka-jaka-text-item.is-saved-highlight {
  background: rgba(255, 238, 140, 0.98);
}

.aka-jaka-viewer-shell.aka-jaka-ocr-overlay-active .aka-jaka-text-item.is-saved-note {
  background: rgba(210, 233, 255, 0.98);
}

.aka-jaka-mobile-edge-nav {
  display: none;
  position: absolute;
  z-index: 13;
  padding: 12px 8px;
  border: 1px solid #2a5b84;
  background: #133854;
  color: #e6edf4;
  font-weight: 700;
  box-shadow: 0 8px 18px rgba(8, 24, 38, 0.18);
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

.aka-jaka-mobile-edge-nav-prev {
  left: 0;
  top: 32%;
  border-left: 0;
  border-radius: 0 8px 8px 0;
}

.aka-jaka-mobile-edge-nav-next {
  right: 0;
  top: 32%;
  border-right: 0;
  border-radius: 8px 0 0 8px;
}

.aka-jaka-text-layer {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: auto;
  user-select: text;
  -webkit-user-select: text;
}

.aka-jaka-viewer-shell.aka-jaka-ocr-overlay-active .aka-jaka-text-layer {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.aka-jaka-text-item {
  position: absolute;
  white-space: pre;
  color: transparent;
  -webkit-text-fill-color: transparent;
  cursor: text;
  user-select: text;
  -webkit-user-select: text;
  background: transparent;
}

.aka-jaka-text-item-content {
  display: inline-block;
  white-space: pre;
  transform-origin: 0 100%;
}

.aka-jaka-text-item::selection {
  background: rgba(255, 219, 77, 0.55);
  color: transparent;
}

.aka-jaka-text-item.is-saved-highlight {
  background: rgba(255, 230, 80, 0.28);
  box-shadow: 0 0 0 1px rgba(214, 160, 0, 0.2) inset;
}

.aka-jaka-text-item.is-saved-note {
  background: rgba(104, 184, 255, 0.22);
  box-shadow: 0 0 0 1px rgba(46, 120, 196, 0.22) inset;
}

.aka-jaka-highlight-layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.aka-jaka-highlight-box {
  position: absolute;
  border-radius: 1px;
  background: rgba(255, 230, 80, 0.35);
  box-shadow: 0 0 0 1px rgba(214, 160, 0, 0.45) inset;
  mix-blend-mode: multiply;
}

.aka-jaka-watermark,
.aka-jaka-wm-layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
}

.aka-jaka-status {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 16;
  display: none;
  max-width: min(420px, calc(100% - 24px));
  padding: 10px 12px;
  border: 1px solid rgba(19, 56, 84, 0.35);
  border-radius: 10px;
  background: rgba(19, 56, 84, 0.94);
  color: #eef4fa;
  box-shadow: 0 10px 24px rgba(8, 24, 38, 0.22);
  pointer-events: none;
}

.aka-jaka-status.is-active,
.aka-jaka-status.is-error {
  display: block;
}

.aka-jaka-toc-tab,
.aka-jaka-annotations-tab,
.aka-jaka-library-results-tab,
.aka-jaka-reader-action-tab {
  position: absolute;
  z-index: 12;
  padding: 10px 14px;
  border: 1px solid #2a5b84;
  background: #133854;
  color: #e6edf4;
  font-weight: 700;
  box-shadow: 0 8px 18px rgba(8, 24, 38, 0.18);
}

.aka-jaka-toc-tab,
.aka-jaka-annotations-tab {
  left: 0;
  border-left: 0;
  border-radius: 0 8px 8px 0;
}

.aka-jaka-toc-tab {
  top: 18px;
}

.aka-jaka-annotations-tab {
  top: 74px;
  z-index: 12;
}

.aka-jaka-library-results-tab {
  right: 0;
  top: 18px;
  border-right: 0;
  border-radius: 8px 0 0 8px;
}

.aka-jaka-reader-action-tab {
  right: 0;
  border-right: 0;
  border-radius: 8px 0 0 8px;
}

.aka-jaka-reader-action-tab-copy {
  top: 18px;
}

.aka-jaka-reader-main.has-library-results-tab .aka-jaka-reader-action-tab-copy {
  top: 74px;
}

.aka-jaka-reader-action-tab-ocr {
  top: 74px;
}

.aka-jaka-reader-main.has-library-results-tab .aka-jaka-reader-action-tab-ocr {
  top: 130px;
}

.aka-jaka-reader-action-tab-trim {
  top: 130px;
}

.aka-jaka-reader-main.has-library-results-tab .aka-jaka-reader-action-tab-trim {
  top: 186px;
}

.aka-jaka-toc-tab:hover,
.aka-jaka-toc-tab:focus,
.aka-jaka-annotations-tab:hover,
.aka-jaka-annotations-tab:focus,
.aka-jaka-library-results-tab:hover,
.aka-jaka-library-results-tab:focus,
.aka-jaka-reader-action-tab:hover,
.aka-jaka-reader-action-tab:focus {
  background: #1a4a72;
  color: #fff;
}

.aka-jaka-reader-action-tab.is-active {
  background: var(--aka-jaka-accent-orange);
  border-color: var(--aka-jaka-accent-orange-border);
  color: #fff7ed;
}

.aka-jaka-annotations-shell {
  position: absolute;
  left: 0;
  top: var(--aka-jaka-left-panel-stack-top);
  bottom: 56px;
  width: min(360px, 36vw);
  max-width: calc(100% - 24px);
  display: flex;
  flex-direction: column;
  background: #eaf0f6;
  border: 1px solid #c5d4e2;
  border-left: 0;
  border-radius: 0 10px 10px 0;
  box-shadow: 0 14px 28px rgba(8, 24, 38, 0.18);
  transform: translateX(calc(-100% - 20px));
  opacity: 0;
  pointer-events: none;
  transition: transform 0.2s ease, opacity 0.2s ease;
  z-index: 9;
  overflow: hidden;
}

.aka-jaka-library-results-shell {
  position: absolute;
  right: 0;
  top: var(--aka-jaka-left-panel-stack-top);
  bottom: 56px;
  width: min(340px, 34vw);
  max-width: calc(100% - 24px);
  display: flex;
  flex-direction: column;
  background: #f7fafc;
  border: 1px solid #c5d4e2;
  border-right: 0;
  border-radius: 10px 0 0 10px;
  box-shadow: 0 14px 28px rgba(8, 24, 38, 0.18);
  transform: translateX(calc(100% + 20px));
  opacity: 0;
  pointer-events: none;
  transition: transform 0.2s ease, opacity 0.2s ease;
  z-index: 9;
  overflow: hidden;
}

.aka-jaka-library-results-shell.is-open {
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}

.aka-jaka-library-results-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px;
  border-bottom: 1px solid #c5d4e2;
  background: #f7fafc;
  color: #1f3044;
}

.aka-jaka-library-results-panel-head button {
  border: 1px solid #b7c7d8;
  border-radius: 6px;
  background: #fff;
  color: #1f3044;
  padding: 6px 10px;
  font-size: 13px;
}

.aka-jaka-library-results-panel-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1 1 auto;
  min-height: 0;
  padding: 12px;
  overflow: auto;
  background: #f7fafc;
  color: #1f3044;
}

.aka-jaka-library-results-panel-summary {
  font-size: 13px;
  font-weight: 600;
  color: #4a6179;
}

.aka-jaka-library-results-panel-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.aka-jaka-library-results-panel-item {
  margin: 0;
}

.aka-jaka-library-results-panel-item a,
.aka-jaka-library-results-panel-current {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 10px;
  border: 1px solid #d8e1ea;
  border-radius: 8px;
  background: #fff;
  color: #1f3044;
  text-decoration: none;
}

.aka-jaka-library-results-panel-title {
  font-weight: 600;
}

.aka-jaka-library-results-panel-meta {
  font-size: 12px;
  line-height: 1.35;
  color: #5d6f82;
}

.aka-jaka-library-results-panel-item a:hover,
.aka-jaka-library-results-panel-item a:focus {
  border-color: #b7c7d8;
  background: #eef4fb;
}

.aka-jaka-library-results-panel-item.is-current .aka-jaka-library-results-panel-current {
  border-color: var(--aka-jaka-accent-orange-border);
  background: #fff4e8;
  color: #8a4a06;
  font-weight: 700;
}

.aka-jaka-library-results-panel-item.is-current .aka-jaka-library-results-panel-meta {
  color: #9b5d17;
}

.aka-jaka-library-results-panel-empty {
  margin: 0;
  color: #4a6179;
}

.aka-jaka-annotations-shell.is-open {
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}

.aka-jaka-annotations-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px;
  border-bottom: 1px solid #c5d4e2;
  background: #f7fafc;
  color: #1f3044;
}

.aka-jaka-annotations-panel-head button {
  border: 1px solid #b7c7d8;
  border-radius: 6px;
  background: #fff;
  color: #1f3044;
  padding: 6px 10px;
  font-size: 13px;
}

.aka-jaka-annotations {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1 1 auto;
  min-height: 0;
  padding: 12px;
  overflow: auto;
  background: #eaf0f6;
  color: #1f3044;
}

.aka-jaka-annotation-actions,
.aka-jaka-annotation-form {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: flex-start;
}

.aka-jaka-annotation-actions {
  margin-bottom: 8px;
}

.aka-jaka-annotation-actions button,
.aka-jaka-annotation-form button,
.aka-jaka-annotation-delete {
  border: 1px solid #2a5b84;
  border-radius: 4px;
  background: #133854;
  color: #e6edf4;
  padding: 6px 10px;
  font-size: 13px;
}

.aka-jaka-selection-preview {
  flex: 1 1 320px;
  min-height: 42px;
  padding: 8px 10px;
  border: 1px solid #c5d4e2;
  border-radius: 6px;
  background: #fff;
}

.aka-jaka-annotation-form textarea {
  flex: 1 1 320px;
  min-height: 82px;
  border: 1px solid #c5d4e2;
  border-radius: 6px;
  padding: 8px 10px;
}

.aka-jaka-annotation-list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.aka-jaka-annotation-item {
  border: 1px solid #c5d4e2;
  border-radius: 8px;
  background: #fff;
  padding: 10px;
}

.aka-jaka-annotation-head {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 12px;
  margin-bottom: 6px;
}

.aka-jaka-annotation-selected {
  padding: 6px 8px;
  background: #f7fafc;
  border-left: 3px solid #d8ab1c;
  margin-bottom: 6px;
  font-size: 13px;
}

.aka-jaka-annotation-note {
  font-size: 13px;
  margin-bottom: 6px;
}

.aka-jaka-annotation-empty {
  color: #51667d;
  font-size: 13px;
}

.aka-jaka-user-panel--collapsible {
  padding: 0;
  overflow: hidden;
}

.aka-jaka-user-panel--collapsible > summary {
  list-style: none;
  cursor: pointer;
  margin: 0;
  padding: 14px;
}

.aka-jaka-user-panel--collapsible > summary::-webkit-details-marker {
  display: none;
}

.aka-jaka-user-panel--collapsible .aka-jaka-user-panel-head {
  margin: 0;
}

.aka-jaka-user-panel-toggle-state::before {
  content: "Show";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 54px;
  padding: 4px 10px;
  border-radius: 999px;
  background: #eef4f9;
  color: #1f3044;
  font-size: 12px;
  font-weight: 700;
}

.aka-jaka-user-panel--collapsible[open] .aka-jaka-user-panel-toggle-state::before {
  content: "Hide";
}

.aka-jaka-user-panel-body {
  padding: 0 14px 14px;
}

.aka-jaka-user-panel-actions {
  margin-bottom: 10px;
}

.aka-jaka-user-panel-actions a {
  color: #133854;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
}

.aka-jaka-status.is-error {
  border-color: rgba(164, 32, 32, 0.4);
  background: rgba(91, 18, 18, 0.96);
  color: #ffe8e8;
  font-weight: 600;
}

.aka-jaka-teaser-box {
  display: grid;
  grid-template-columns: minmax(180px, 280px) 1fr;
  gap: 16px;
  background: linear-gradient(165deg, #f5f8fc 0%, #dbe6f2 100%);
  border: 1px solid #b7c7d8;
  border-radius: 10px;
  padding: 14px;
}

.aka-jaka-teaser-stack {
  display: grid;
  gap: 16px;
}

.aka-jaka-teaser-media {
  display: flex;
  align-items: flex-start;
}

.aka-jaka-teaser-cover {
  width: 100%;
  height: auto;
  min-height: 0;
  display: block;
  object-fit: contain;
  border-radius: 6px;
  background: #c1cfdb;
}

.aka-jaka-teaser-placeholder {
  width: 100%;
  border-radius: 6px;
  background: #c1cfdb;
  min-height: 220px;
}

.aka-jaka-teaser-content h2 {
  margin-top: 0;
}

.aka-jaka-public-toc-box {
  background: #ffffff;
  border: 1px solid #c9d7e5;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(15, 38, 60, 0.06);
}

.aka-jaka-public-toc-head {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: baseline;
  justify-content: space-between;
  padding: 14px 16px 0;
  color: #133854;
}

.aka-jaka-public-toc-head strong {
  font-size: 18px;
}

.aka-jaka-public-toc-source {
  color: #617487;
  font-size: 13px;
}

.aka-jaka-public-toc-box .aka-jaka-toc-panel-body {
  padding: 12px 16px 16px;
}

.aka-jaka-cta {
  display: inline-block;
  margin-top: 8px;
  padding: 10px 14px;
  background: #0d4f8c;
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 700;
}

.aka-jaka-cta-secondary {
  margin-left: 8px;
  background: #49657c;
}

.aka-jaka-viewer-nav {
  margin: 0 0 12px;
  display: none;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.aka-jaka-viewer-nav-title {
  display: inline-flex;
  align-items: center;
  margin-right: 8px;
  color: #eef4fa;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.aka-jaka-viewer-nav.is-visible {
  display: flex;
}

.aka-jaka-viewer-nav .aka-jaka-cta-secondary {
  margin-left: 0;
}

.aka-jaka-library {
  margin: 12px 0;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.aka-jaka-library--fullbleed {
  box-sizing: border-box;
  display: block;
  clear: both;
  margin: 12px auto;
  width: 100%;
  max-width: none;
  padding-inline: clamp(16px, 2vw, 30px);
  position: relative;
  left: auto;
  transform: none;
  min-width: 0;
  overflow-x: clip;
}

.aka-jaka-fullbleed {
  box-sizing: border-box;
  display: block;
  clear: both;
  width: calc(var(--aka-jaka-fullbleed-viewport, 100vw) - (var(--aka-jaka-fullbleed-gutter, 16px) * 2));
  max-width: calc(var(--aka-jaka-fullbleed-viewport, 100vw) - (var(--aka-jaka-fullbleed-gutter, 16px) * 2));
  margin-left: calc(50% - (var(--aka-jaka-fullbleed-viewport, 100vw) / 2) + var(--aka-jaka-fullbleed-gutter, 16px));
  margin-right: calc(50% - (var(--aka-jaka-fullbleed-viewport, 100vw) / 2) + var(--aka-jaka-fullbleed-gutter, 16px));
  position: relative;
  left: auto;
  transform: none;
  min-width: 0;
}

.aka-jaka-single-layout {

  margin-top: 12px;
}

.aka-jaka-single-layout .aka-jaka-viewer-nav,
.aka-jaka-single-layout .aka-jaka-viewer-shell,
.aka-jaka-single-layout .aka-jaka-manual-panel,
.aka-jaka-single-layout .aka-jaka-warning,
.aka-jaka-single-layout .aka-jaka-teaser-box {
  width: 100%;
  max-width: 100%;
}

.aka-jaka-quick-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
}

.aka-jaka-quick-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border: 1px solid #133854;
  border-radius: 8px;
  background: #133854;
  color: #e6edf4;
  text-decoration: none;
  font-weight: 600;
}

.aka-jaka-quick-link:hover,
.aka-jaka-quick-link:focus {
  background: #0a253c;
  border-color: #0a253c;
  color: #fff;
}

.aka-jaka-quick-link.is-active {
  background: #0a253c;
  border-color: #0a253c;
  box-shadow: inset 0 0 0 1px rgba(230, 237, 244, 0.2);
}

.aka-jaka-library-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(160px, max-content) auto auto;
  grid-template-areas:
    "search sort submit clear"
    "filters filters filters filters";
  gap: 10px;
  margin-bottom: 16px;
  align-items: flex-end;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.aka-jaka-library-search > * {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.aka-jaka-library-search input[type="search"] {
  grid-area: search;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  padding: 10px 12px;
  border: 1px solid #b7c7d8;
  border-radius: 8px;
  background: #fff;
  color: #1f3044;
  box-sizing: border-box;
}

.aka-jaka-library-search button {
  grid-area: submit;
  padding: 10px 16px;
  border: 1px solid #2a5b84;
  border-radius: 8px;
  background: #133854;
  color: #e6edf4;
  cursor: pointer;
}

.aka-jaka-clear-link {
  grid-area: clear;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border: 1px solid #9eb1c3;
  border-radius: 8px;
  background: #f5f8fc;
  color: #1f3044;
  text-decoration: none;
  white-space: normal;
  text-align: center;
}

.aka-jaka-sort-field {
  grid-area: sort;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  color: #1f3044;
  min-width: 0;
}

.aka-jaka-sort-field select {
  padding: 10px 12px;
  border: 1px solid #b7c7d8;
  border-radius: 8px;
  background: #fff;
  color: #1f3044;
  max-width: 100%;
  box-sizing: border-box;
}

.aka-jaka-library-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "views manual";
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.aka-jaka-library-controls > * {
  min-width: 0;
  max-width: 100%;
}

.aka-jaka-filter-summary {
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid #c5d4e2;
  border-radius: 10px;
  background: #f7fafc;
}

.aka-jaka-library-user-panels {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
  gap: 12px;
  margin: 0 0 16px;
}

.aka-jaka-user-panel {
  border: 1px solid #c5d4e2;
  border-radius: 10px;
  background: #fff;
  padding: 14px;
}

.aka-jaka-user-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.aka-jaka-user-panel-head h3 {
  margin: 0;
  font-size: 18px;
}

.aka-jaka-user-panel-head a {
  color: #133854;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
}

.aka-jaka-user-panel-notice {
  margin: 0 0 12px;
  color: #1f4f7a;
  font-size: 13px;
  font-weight: 600;
}

.aka-jaka-recent-issues,
.aka-jaka-saved-search-list {
  display: grid;
  gap: 10px;
}

.aka-jaka-recent-item {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.aka-jaka-recent-thumb {
  display: block;
}

.aka-jaka-recent-thumb img,
.aka-jaka-recent-thumb .aka-jaka-card-placeholder {
  width: 100%;
  min-height: 92px;
  display: block;
}

.aka-jaka-recent-meta h4 {
  margin: 4px 0 0;
  font-size: 14px;
  line-height: 1.35;
}

.aka-jaka-recent-meta h4 a {
  color: inherit;
  text-decoration: none;
}

.aka-jaka-saved-search-form {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.aka-jaka-saved-search-label {
  flex: 1 1 220px;
}

.aka-jaka-saved-search-label input {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #b7c7d8;
  border-radius: 8px;
  background: #fff;
  color: #1f3044;
  box-sizing: border-box;
}

.aka-jaka-saved-search-form button,
.aka-jaka-saved-search-delete {
  padding: 10px 14px;
  border: 1px solid #2a5b84;
  border-radius: 8px;
  background: #133854;
  color: #e6edf4;
  cursor: pointer;
}

.aka-jaka-saved-search-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #d8e1ea;
  border-radius: 8px;
  background: #f7fafc;
}

.aka-jaka-saved-search-copy {
  min-width: 0;
}

.aka-jaka-saved-search-link {
  color: #133854;
  text-decoration: none;
  font-weight: 700;
}

.aka-jaka-saved-search-desc {
  margin-top: 4px;
  font-size: 12px;
  color: #5d6f82;
}

.aka-jaka-filter-summary-title {
  margin-bottom: 8px;
  font-weight: 700;
  color: #1f3044;
}

.aka-jaka-filter-summary-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.aka-jaka-filter-pill {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: #e7f1fb;
  color: #1f4f7a;
  font-size: 13px;
  font-weight: 600;
}

.aka-jaka-library-filters {
  grid-area: filters;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
  gap: 10px;
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
}

.aka-jaka-library-filters > * {
  min-width: 0;
}

.aka-jaka-filter-group {
  border: 1px solid #c5d4e2;
  border-radius: 8px;
  background: #fff;
  padding: 8px 10px;
}

.aka-jaka-filter-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 8px;
}

.aka-jaka-filter-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
  color: #1f3044;
}

.aka-jaka-filter-field input,
.aka-jaka-filter-field select {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #c5d4e2;
  border-radius: 6px;
  background: #fff;
  color: #1f3044;
  box-sizing: border-box;
}

.aka-jaka-filter-flags {
  display: grid;
  gap: 6px;
  margin-top: 10px;
}

.aka-jaka-filter-group summary {
  cursor: pointer;
  font-weight: 600;
  color: #1f3044;
}

.aka-jaka-filter-search {
  display: block;
  margin-top: 8px;
}

.aka-jaka-filter-search input {
  width: 100%;
  padding: 7px 9px;
  border: 1px solid #c5d4e2;
  border-radius: 6px;
  background: #f8fbff;
  color: #1f3044;
  box-sizing: border-box;
}

.aka-jaka-filter-options {
  display: grid;
  gap: 6px;
  max-height: 200px;
  overflow: auto;
  margin-top: 8px;
}

.aka-jaka-filter-option {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  color: #1f3044;
}

.aka-jaka-filter-option em {
  color: #5d6f82;
  font-style: normal;
}

.aka-jaka-filter-search-empty {
  margin: 8px 0 0;
  font-size: 12px;
  color: #5d6f82;
}

.aka-jaka-date-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 8px;
}

.aka-jaka-view-toggle {
  grid-area: views;
  display: inline-flex;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
}

.aka-jaka-view-link {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid #b7c7d8;
  border-radius: 8px;
  text-decoration: none;
  background: #f5f8fc;
  color: #1f3044;
}

.aka-jaka-view-link.is-active {
  background: #dce9f8;
  border-color: #3a6d9a;
}

.aka-jaka-library-manual-form {
  grid-area: manual;
  margin: 0;
  max-width: 100%;
  min-width: 0;
  justify-self: end;
  align-self: center;
}

.aka-jaka-manual-flag,
.aka-jaka-manual-toggle {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  color: #1f3044;
  font-size: 14px;
  max-width: 100%;
  white-space: normal;
}

.aka-jaka-library-results {
  margin-top: 18px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.aka-jaka-article-results {
  margin-bottom: 18px;
}

.aka-jaka-article-result-list {
  display: grid;
  gap: 12px;
}

.aka-jaka-article-result {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid #c5d4e2;
  border-radius: 10px;
  background: #fff;
}

.aka-jaka-article-result-copy {
  min-width: 0;
}

.aka-jaka-article-result-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-bottom: 6px;
  font-size: 12px;
  color: #5d6f82;
}

.aka-jaka-article-result-source {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  background: #e7f1fb;
  color: #1f4f7a;
  font-weight: 700;
}

.aka-jaka-article-result h4 {
  margin: 0 0 4px;
  font-size: 18px;
  line-height: 1.35;
}

.aka-jaka-article-result h4 a {
  color: #133854;
  text-decoration: none;
}

.aka-jaka-article-result h4 a:hover,
.aka-jaka-article-result h4 a:focus {
  text-decoration: underline;
}

.aka-jaka-article-result-author,
.aka-jaka-article-result-parent {
  font-size: 13px;
  line-height: 1.5;
  color: #2b3d4d;
}

.aka-jaka-article-result-parent a {
  color: #133854;
  text-decoration: none;
  font-weight: 600;
}

.aka-jaka-article-result-parent a:hover,
.aka-jaka-article-result-parent a:focus {
  text-decoration: underline;
}

.aka-jaka-article-open-link {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 14px;
  border-radius: 8px;
  background: #133854;
  color: #e6edf4;
  text-decoration: none;
  font-weight: 700;
  text-align: center;
}

.aka-jaka-article-open-link:hover,
.aka-jaka-article-open-link:focus {
  background: #0f2f47;
  color: #fff;
}

.aka-jaka-decade-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 12px;
}

.aka-jaka-decade-folder {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid #b7c7d8;
  border-radius: 8px;
  text-decoration: none;
  background: #f5f8fc;
  color: #1f3044;
}

.aka-jaka-decade-folder.is-active {
  background: #dce9f8;
  border-color: #3a6d9a;
}

.aka-jaka-folder-icon {
  width: 18px;
  height: 14px;
  background: #e4a44e;
  border-radius: 2px;
  position: relative;
}

.aka-jaka-folder-icon::before {
  content: "";
  position: absolute;
  left: 2px;
  top: -4px;
  width: 10px;
  height: 4px;
  background: #f2be78;
  border-radius: 2px 2px 0 0;
}

.aka-jaka-year-heading {
  margin: 18px 0 8px;
}

.aka-jaka-issue-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
  gap: 12px;
  width: 100%;
  min-width: 0;
}

.aka-jaka-issue-grid > * {
  min-width: 0;
}

.aka-jaka-issue-card {
  border: 1px solid #c5d4e2;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  min-width: 0;
  position: relative;
}

.aka-jaka-issue-card a {
  color: inherit;
  text-decoration: none;
}

.aka-jaka-card-thumb {
  background: #dbe6f2;
}

.aka-jaka-library-thumb-frame {
  --aka-jaka-thumb-frame-ratio: auto;
  --aka-jaka-thumb-height-scale: 1;
  --aka-jaka-thumb-zoom: 1;
  --aka-jaka-thumb-x: 0%;
  --aka-jaka-thumb-y: 0%;
  display: block;
  overflow: hidden;
  background: #dbe6f2;
  aspect-ratio: var(--aka-jaka-thumb-frame-ratio);
  min-height: 180px;
}

.aka-jaka-library-thumb-img,
.aka-jaka-card-placeholder {
  width: 100%;
  display: block;
  background: #dbe6f2;
}

.aka-jaka-library-thumb-img {
  height: 100%;
  min-height: 180px;
  object-fit: cover;
  transform-origin: center center;
  transform: translate3d(var(--aka-jaka-thumb-x), var(--aka-jaka-thumb-y), 0) scale(var(--aka-jaka-thumb-zoom));
  transition: transform 0.18s ease;
}

.aka-jaka-card-placeholder {
  min-height: 180px;
}

.aka-jaka-card-meta {
  padding: 8px 10px 10px;
  min-width: 0;
}

.aka-jaka-card-meta h4 {
  margin: 6px 0 0;
  font-size: 14px;
  line-height: 1.35;
}

.aka-jaka-card-year {
  font-size: 12px;
  color: #4d5f73;
}

.aka-jaka-badge-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

.aka-jaka-match-count {
  display: inline-block;
  margin-top: 6px;
  padding: 2px 8px;
  border-radius: 999px;
  background: #e7f1fb;
  color: #1f4f7a;
  font-size: 12px;
  font-weight: 600;
}

.aka-jaka-editorial-review-flag {
  background: #fff2e2;
  color: #9b5b08;
}

.aka-jaka-species-count,
.aka-jaka-note-count {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  background: #eef7eb;
  color: #2b6b37;
  font-size: 12px;
  font-weight: 600;
}

.aka-jaka-view-history-count,
.aka-jaka-view-history-date {
  background: #eef4fb;
  color: #1f4f7a;
}

.aka-jaka-thumb-admin {
  padding: 0 10px 10px;
}

.aka-jaka-thumb-adjust-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 6px 12px;
  border: 1px solid #b7cadc;
  border-radius: 999px;
  background: #f5f9fd;
  color: #12344f;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.aka-jaka-thumb-adjust-tools {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #d3dfeb;
  border-radius: 8px;
  background: #f8fbff;
}

.aka-jaka-thumb-adjust-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #12344f;
}

.aka-jaka-thumb-adjust-close {
  border: 0;
  background: transparent;
  color: #4d5f73;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.aka-jaka-thumb-adjust-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #12344f;
}

.aka-jaka-thumb-adjust-field span {
  font-weight: 600;
}

.aka-jaka-thumb-adjust-field input[type="range"] {
  width: 100%;
  margin: 0;
}

.aka-jaka-thumb-adjust-field em {
  font-style: normal;
  color: #5d6d7e;
}

.aka-jaka-thumb-adjust-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2px;
}

.aka-jaka-thumb-adjust-actions button,
.aka-jaka-thumb-adjust-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid #b7cadc;
  border-radius: 6px;
  background: #fff;
  color: #12344f;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}

.aka-jaka-thumb-adjust-actions button[data-action="save-thumb-adjustment"] {
  background: #123d63;
  border-color: #123d63;
  color: #fff;
}

.aka-jaka-thumb-adjust-status {
  min-height: 18px;
  margin-top: 8px;
  font-size: 12px;
  color: #2a5f2a;
}

.aka-jaka-thumb-adjust-status.is-error {
  color: #9f2d2d;
}

.aka-jaka-list-view {
  display: grid;
  gap: 12px;
  width: 100%;
  min-width: 0;
}

.aka-jaka-list-item {
  display: grid;
  grid-template-columns: minmax(0, 92px) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  border: 1px solid #c5d4e2;
  border-radius: 8px;
  padding: 10px;
  background: #fff;
  min-width: 0;
}

.aka-jaka-list-thumb {
  display: block;
}

.aka-jaka-list-thumb .aka-jaka-library-thumb-frame {
  width: 92px;
  min-height: 138px;
  aspect-ratio: 2 / 3;
}

.aka-jaka-list-thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  transform: none !important;
  min-height: 0;
}

.aka-jaka-list-meta h4 {
  margin: 6px 0 0;
}

.aka-jaka-list-meta h4 a {
  color: inherit;
  text-decoration: none;
}

.aka-jaka-card-meta h4,
.aka-jaka-list-meta,
.aka-jaka-manual-summary-inline,
.aka-jaka-manual-summary-body,
.aka-jaka-filter-option span {
  overflow-wrap: anywhere;
}

.aka-jaka-manual-summary-inline,
.aka-jaka-manual-summary {
  margin-top: 10px;
  padding: 10px 12px;
  border-top: 1px solid #d8e1ea;
  background: #f7fafc;
  color: #2b3d4d;
  font-size: 12px;
  line-height: 1.5;
  white-space: normal;
}

.aka-jaka-manual-summary-inline {
  max-height: 220px;
  overflow: auto;
}

.aka-jaka-manual-summary-inline strong,
.aka-jaka-manual-summary strong {
  display: block;
  margin-bottom: 8px;
}

.aka-jaka-manual-summary-body {
  max-height: 360px;
  overflow: auto;
}

.aka-jaka-manual-empty {
  display: inline-block;
  color: #718295;
  font-size: 12px;
}

.aka-jaka-table-summary .aka-jaka-manual-summary-inline {
  margin-top: 0;
  border-top: 0;
  padding: 0;
  background: transparent;
  max-height: 180px;
}

.aka-jaka-manual-panel {
  margin: 14px 0 0;
}

.aka-jaka-manual-summary.is-hidden {
  display: none;
}

.aka-jaka-admin-preview-wrap {
  max-width: 1650px;
}

.aka-jaka-table-wrap {
  overflow-x: auto;
  width: 100%;
}

.aka-jaka-table-view {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid #c5d4e2;
}

.aka-jaka-table-view th,
.aka-jaka-table-view td {
  padding: 10px 12px;
  border-bottom: 1px solid #d8e1ea;
  text-align: left;
  vertical-align: middle;
}

.aka-jaka-table-view th {
  background: #eef4f9;
  color: #1f3044;
}

.aka-jaka-table-thumb {
  width: 76px;
}

.aka-jaka-table-thumb .aka-jaka-library-thumb-frame {
  width: 70px;
  min-height: 110px;
  aspect-ratio: 2 / 3;
}

.aka-jaka-table-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: none !important;
  min-height: 0;
}

.aka-jaka-library-hint,
.aka-jaka-warning {
  margin-top: 12px;
  color: #233549;
}

body.single-jaka_issues .post-thumbnail,
body.single-jaka_issues .featured-media,
body.single-jaka_issues .entry-media,
body.single-jaka_issues figure.wp-block-post-featured-image,
body.single-jaka_issues .wp-block-post-featured-image,
body.single-jaka_issues img.wp-post-image {
  display: none !important;
}

body.single-jaka_issues .site-main article,
body.single-jaka_issues .entry-content,
body.single-jaka_issues .entry-header {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.single-jaka_issues .entry-content,
body.single-jaka_issues .entry-header,
body.single-jaka_issues .site-main article,
body.single-jaka_issues article.type-jaka_issues,
body.single-jaka_issues .wp-block-post-content,
body.single-jaka_issues .entry-wrapper,
body.single-jaka_issues .post-inner,
body.single-jaka_issues .content-area,
body.single-jaka_issues .site-main {
  max-width: none !important;
}

body.single-jaka_issues .entry-content,
body.single-jaka_issues .entry-header,
body.single-jaka_issues article.type-jaka_issues {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body .is-layout-constrained > .aka-jaka-library--fullbleed.alignfull,
body .is-layout-constrained > .aka-jaka-single-layout.alignfull,
body .is-layout-constrained > .aka-jaka-toc-index.alignfull,
body .entry-content > .aka-jaka-library--fullbleed.alignfull,
body .entry-content > .aka-jaka-single-layout.alignfull,
body .entry-content > .aka-jaka-toc-index.alignfull,
body.page .aka-jaka-library--fullbleed.alignfull,
body .aka-jaka-single-layout.aka-jaka-fullbleed.alignfull,
body .aka-jaka-toc-index.aka-jaka-fullbleed.alignfull {
  box-sizing: border-box;
  width: calc(var(--aka-jaka-fullbleed-viewport, 100vw) - (var(--aka-jaka-fullbleed-gutter, 16px) * 2)) !important;
  max-width: none !important;
  margin-left: calc(50% - (var(--aka-jaka-fullbleed-viewport, 100vw) / 2) + var(--aka-jaka-fullbleed-gutter, 16px)) !important;
  margin-right: calc(50% - (var(--aka-jaka-fullbleed-viewport, 100vw) / 2) + var(--aka-jaka-fullbleed-gutter, 16px)) !important;
  padding-left: clamp(16px, 2vw, 30px) !important;
  padding-right: clamp(16px, 2vw, 30px) !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  overflow: visible;
  justify-self: stretch;
  align-self: stretch;
}

@media (min-width: 981px) {
  .aka-jaka-toolbar-toc-toggle {
    display: none;
  }
}

.aka-jaka-viewer-shell:fullscreen,
.aka-jaka-viewer-shell:-webkit-full-screen,
.aka-jaka-viewer-shell.aka-jaka-pseudo-fullscreen {
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0;
  border-radius: 0;
  border: 0;
  display: flex;
  flex-direction: column;
  z-index: 2147483000;
}

.aka-jaka-viewer-shell:fullscreen .aka-jaka-reader-layout,
.aka-jaka-viewer-shell:-webkit-full-screen .aka-jaka-reader-layout,
.aka-jaka-viewer-shell.aka-jaka-pseudo-fullscreen .aka-jaka-reader-layout,
.aka-jaka-viewer-shell:fullscreen .aka-jaka-reader-main,
.aka-jaka-viewer-shell:-webkit-full-screen .aka-jaka-reader-main,
.aka-jaka-viewer-shell.aka-jaka-pseudo-fullscreen .aka-jaka-reader-main {
  flex: 1 1 auto;
  min-height: 0;
}

.aka-jaka-viewer-shell.aka-jaka-pseudo-fullscreen {
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.aka-jaka-viewer-shell:fullscreen .aka-jaka-toolbar,
.aka-jaka-viewer-shell:-webkit-full-screen .aka-jaka-toolbar,
.aka-jaka-viewer-shell.aka-jaka-pseudo-fullscreen .aka-jaka-toolbar {
  padding: 12px;
  gap: 10px;
}

.aka-jaka-viewer-shell:fullscreen .aka-jaka-toolbar button,
.aka-jaka-viewer-shell:fullscreen .aka-jaka-toolbar .aka-jaka-toolbar-link,
.aka-jaka-viewer-shell:fullscreen .aka-jaka-toolbar input[type="search"],
.aka-jaka-viewer-shell:-webkit-full-screen .aka-jaka-toolbar button,
.aka-jaka-viewer-shell:-webkit-full-screen .aka-jaka-toolbar .aka-jaka-toolbar-link,
.aka-jaka-viewer-shell:-webkit-full-screen .aka-jaka-toolbar input[type="search"],
.aka-jaka-viewer-shell.aka-jaka-pseudo-fullscreen .aka-jaka-toolbar button,
.aka-jaka-viewer-shell.aka-jaka-pseudo-fullscreen .aka-jaka-toolbar .aka-jaka-toolbar-link,
.aka-jaka-viewer-shell.aka-jaka-pseudo-fullscreen .aka-jaka-toolbar input[type="search"] {
  font-size: 16px;
  padding: 8px 12px;
}

.aka-jaka-viewer-shell:fullscreen .aka-jaka-canvas-wrap,
.aka-jaka-viewer-shell:-webkit-full-screen .aka-jaka-canvas-wrap,
.aka-jaka-viewer-shell.aka-jaka-pseudo-fullscreen .aka-jaka-canvas-wrap {
  flex: 1 1 auto;
  min-height: 0;
  justify-content: flex-start;
  align-items: flex-start;
  overscroll-behavior: none;
}

.aka-jaka-no-scroll {
  overflow: hidden !important;
  height: 100% !important;
  overscroll-behavior: none !important;
}

@media print {
  .aka-jaka-viewer-shell {
    display: none !important;
  }
}

@media (max-width: 860px), ((max-width: 980px) and (max-height: 520px)), ((hover: none) and (orientation: landscape)) {
  :root {
    --aka-jaka-fullbleed-gutter: 12px;
  }

  .aka-jaka-library--fullbleed {
    margin: 12px auto;
    left: auto;
    transform: none;
  }

  .aka-jaka-fullbleed {
    left: auto;
    transform: none;
  }

  body.single-jaka_issues .entry-content,
  body.single-jaka_issues .entry-header,
  body.single-jaka_issues article.type-jaka_issues {
    width: calc(var(--aka-jaka-fullbleed-viewport, 100vw) - (var(--aka-jaka-fullbleed-gutter, 12px) * 2)) !important;
    max-width: calc(var(--aka-jaka-fullbleed-viewport, 100vw) - (var(--aka-jaka-fullbleed-gutter, 12px) * 2)) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body .is-layout-constrained > .aka-jaka-library--fullbleed.alignfull,
  body .is-layout-constrained > .aka-jaka-single-layout.alignfull,
  body .is-layout-constrained > .aka-jaka-toc-index.alignfull,
  body .entry-content > .aka-jaka-library--fullbleed.alignfull,
  body .entry-content > .aka-jaka-single-layout.alignfull,
  body .entry-content > .aka-jaka-toc-index.alignfull,
  body.page .aka-jaka-library--fullbleed.alignfull,
  body .aka-jaka-single-layout.aka-jaka-fullbleed.alignfull,
  body .aka-jaka-toc-index.aka-jaka-fullbleed.alignfull {
    width: calc(var(--aka-jaka-fullbleed-viewport, 100vw) - (var(--aka-jaka-fullbleed-gutter, 12px) * 2)) !important;
    max-width: none !important;
    margin-left: calc(50% - (var(--aka-jaka-fullbleed-viewport, 100vw) / 2) + var(--aka-jaka-fullbleed-gutter, 12px)) !important;
    margin-right: calc(50% - (var(--aka-jaka-fullbleed-viewport, 100vw) / 2) + var(--aka-jaka-fullbleed-gutter, 12px)) !important;
    padding-left: clamp(14px, 3vw, 24px) !important;
    padding-right: clamp(14px, 3vw, 24px) !important;
  }

  .aka-jaka-teaser-box {
    grid-template-columns: 1fr;
  }

  .aka-jaka-toolbar input[type="search"] {
    min-width: 180px;
    flex: 1;
  }
}

.aka-jaka-share-note {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 8px 0 10px;
  font-size: 14px;
}

.aka-jaka-annotation-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 4px 0 8px;
  font-size: 12px;
  color: #c6d6e6;
}

.aka-jaka-shared-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(255,255,255,0.12);
  color: #fff;
}

.aka-jaka-species-related {
  margin-top: 32px;
  padding: 20px;
  border: 1px solid #d8e0e9;
  border-radius: 14px;
  background: #f7fbff;
}

.aka-jaka-species-related h3 {
  margin: 0 0 8px;
}

.aka-jaka-list-item--species {
  margin-bottom: 12px;
}

.aka-jaka-library-search.aka-jaka-library-search--toc {
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "search submit";
  margin-bottom: 18px;
}

@media (max-width: 1180px) {
  .aka-jaka-library-search {
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-areas:
      "search search search"
      "sort submit clear"
      "filters filters filters";
  }
}

@media (max-width: 980px) {
  .aka-jaka-library-search {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "search search"
      "sort submit"
      "clear clear"
      "filters filters";
  }

  .aka-jaka-library-controls {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "views"
      "manual";
  }

  .aka-jaka-library-manual-form {
    justify-self: start;
  }

  .aka-jaka-filter-fields {
    grid-template-columns: minmax(0, 1fr);
  }

  .aka-jaka-toc-tab {
    top: auto;
    left: 12px;
    bottom: 120px;
    border-left: 1px solid var(--aka-jaka-accent-orange-border);
    border-radius: 8px;
  }

  .aka-jaka-annotations-tab {
    top: auto;
    left: 12px;
    bottom: 64px;
    border-left: 1px solid var(--aka-jaka-accent-orange-border);
    border-radius: 8px;
  }

  .aka-jaka-library-results-tab {
    top: auto;
    right: 12px;
    bottom: 120px;
    border-right: 1px solid var(--aka-jaka-accent-orange-border);
    border-radius: 8px;
  }

  .aka-jaka-toc-panel,
  .aka-jaka-annotations-shell,
  .aka-jaka-library-results-shell {
    left: 12px;
    right: 12px;
    top: auto;
    bottom: 0;
    width: auto;
    max-width: none;
    max-height: min(70vh, 520px);
    border-left: 1px solid #c5d4e2;
    border-right: 1px solid #c5d4e2;
    border-radius: 12px 12px 0 0;
    transform: translateY(calc(100% + 16px));
  }

  .aka-jaka-toc-panel-resizer {
    display: none;
  }

  .aka-jaka-toc-panel.is-open,
  .aka-jaka-annotations-shell.is-open,
  .aka-jaka-library-results-shell.is-open {
    transform: translateY(0);
  }
}

@media (max-width: 860px) {
  .aka-jaka-viewer-nav,
  .aka-jaka-viewer-nav.is-visible {
    display: none !important;
  }

  .aka-jaka-mobile-primary-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 10px;
    background: #0a253c;
    border-bottom: 1px solid #1c4466;
    position: relative;
    z-index: 14;
  }

  .aka-jaka-mobile-primary-bar > * {
    box-sizing: border-box;
    min-height: 42px;
  }

  .aka-jaka-mobile-primary-link {
    flex: 1 1 calc(50% - 4px);
    min-width: 0;
    justify-content: center;
  }

  .aka-jaka-mobile-primary-nav {
    flex: 0 0 auto;
    min-width: 62px;
  }

  .aka-jaka-mobile-page-status {
    flex: 1 1 148px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .aka-jaka-meta-row {
    left: 12px;
    max-width: min(340px, calc(100% - 24px));
  }

  .aka-jaka-mobile-controls-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f2f7fb;
    color: #133854;
    border-color: #9eb6cc;
    font-weight: 700;
    min-width: 90px;
  }

  .aka-jaka-toolbar {
    display: none;
    margin: 0 10px 10px;
    padding: 10px;
    gap: 8px;
    border-top: 0;
    border-bottom: 1px solid #1c4466;
    border-radius: 0 0 10px 10px;
    background: #0a253c;
    box-shadow: 0 12px 24px rgba(8, 24, 38, 0.22);
  }

  .aka-jaka-viewer-shell.aka-jaka-mobile-controls-expanded .aka-jaka-toolbar {
    display: flex;
  }

  .aka-jaka-toolbar > .aka-jaka-toolbar-link,
  .aka-jaka-toolbar > [data-action="prev"],
  .aka-jaka-toolbar > [data-action="next"],
  .aka-jaka-toolbar > .aka-jaka-page-status,
  .aka-jaka-toolbar > .aka-jaka-mobile-controls-toggle,
  .aka-jaka-toolbar > .aka-jaka-toolbar-toc-toggle {
    display: none;
  }

  .aka-jaka-toolbar > * {
    flex: 1 1 calc(50% - 4px);
    min-width: 0;
  }

  .aka-jaka-viewer-shell.aka-jaka-mobile-fullscreen-active .aka-jaka-status {
    display: none;
  }

  .aka-jaka-viewer-shell.aka-jaka-mobile-fullscreen-active .aka-jaka-meta-row {
    display: none;
  }

  .aka-jaka-library-search {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "search"
      "sort"
      "submit"
      "clear"
      "filters";
  }

  .aka-jaka-sort-field,
  .aka-jaka-library-search button,
  .aka-jaka-clear-link {
    width: 100%;
    justify-content: flex-start;
  }

  .aka-jaka-sort-field select {
    width: 100%;
  }

  .aka-jaka-page-jump {
    flex: 1 1 100%;
    width: 100%;
  }

  .aka-jaka-toolbar > input[type="search"] {
    flex: 1 1 100%;
    min-width: 0;
  }

  .aka-jaka-toolbar .aka-jaka-page-jump input[type="number"] {
    width: 100%;
  }

  .aka-jaka-article-result {
    flex-direction: column;
    align-items: flex-start;
  }

  .aka-jaka-article-open-link {
    width: 100%;
  }

  .aka-jaka-toc-tab {
    left: 0;
    right: auto;
    top: 34%;
    bottom: auto;
    width: auto;
    min-height: 92px;
    padding: 12px 8px;
    justify-content: center;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    border-left: 0;
    border-radius: 0 8px 8px 0;
  }

  .aka-jaka-annotations-tab {
    left: 0;
    right: auto;
    top: 52%;
    bottom: auto;
    width: auto;
    min-height: 128px;
    padding: 12px 8px;
    justify-content: center;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    border-left: 0;
    border-radius: 0 8px 8px 0;
  }

  .aka-jaka-library-results-tab {
    left: auto;
    right: 0;
    top: 44%;
    bottom: auto;
    width: auto;
    min-height: 124px;
    padding: 12px 8px;
    justify-content: center;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    border-right: 0;
    border-radius: 8px 0 0 8px;
  }

  .aka-jaka-reader-action-tab {
    display: none;
  }

  .aka-jaka-toolbar > button[data-action="copy-page-link"],
  .aka-jaka-toolbar > button[data-action="toggle-ocr-overlay"],
  .aka-jaka-toolbar > button[data-action="toggle-margin-trim"] {
    display: inline-flex;
  }

  .aka-jaka-mobile-edge-nav {
    display: none !important;
  }

  .aka-jaka-toc-panel,
  .aka-jaka-annotations-shell,
  .aka-jaka-library-results-shell {
    left: 10px;
    right: 10px;
  }

  .aka-jaka-canvas-wrap {
    padding: 8px;
    min-height: min(68vh, 640px);
  }
}

@media ((max-width: 860px) and (orientation: landscape)), ((max-width: 980px) and (max-height: 520px)), ((hover: none) and (orientation: landscape)) {
  .aka-jaka-viewer-shell.aka-jaka-mobile-fullscreen-active .aka-jaka-status,
  .aka-jaka-viewer-shell.aka-jaka-mobile-fullscreen-active .aka-jaka-meta-row {
    display: none;
  }

  .aka-jaka-viewer-shell.aka-jaka-mobile-fullscreen-active .aka-jaka-mobile-primary-bar {
    padding: 8px;
  }

  .aka-jaka-viewer-shell.aka-jaka-mobile-fullscreen-active .aka-jaka-toolbar {
    max-height: min(48vh, 320px);
    overflow-y: auto;
  }

  .aka-jaka-viewer-shell.aka-jaka-mobile-fullscreen-active .aka-jaka-toc-tab,
  .aka-jaka-viewer-shell.aka-jaka-mobile-fullscreen-active .aka-jaka-annotations-tab,
  .aka-jaka-viewer-shell.aka-jaka-mobile-fullscreen-active .aka-jaka-library-results-tab,
  .aka-jaka-viewer-shell.aka-jaka-mobile-fullscreen-active .aka-jaka-mobile-edge-nav {
    min-height: 74px;
    padding: 10px 6px;
    font-size: 13px;
  }

  .aka-jaka-viewer-shell.aka-jaka-mobile-fullscreen-active .aka-jaka-toc-tab {
    top: 44%;
  }

  .aka-jaka-viewer-shell.aka-jaka-mobile-fullscreen-active .aka-jaka-annotations-tab {
    top: 62%;
  }

  .aka-jaka-viewer-shell.aka-jaka-mobile-fullscreen-active .aka-jaka-library-results-tab {
    top: 54%;
  }
}

.aka-jaka-toc-table-wrap {
  width: 100%;
}

.aka-jaka-toc-table td,
.aka-jaka-toc-table th {
  vertical-align: top;
}