/* Drawer components consume the shared teacher-Web foundations. */
.selection.detail-prototype {
  position: absolute;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  inset: 0 0 0 auto;
  width: 640px;
  border: 0;
  border-left: 1px solid var(--kyj-color-border-panel);
  border-radius: 0;
  background: var(--kyj-color-panel);
  color: var(--kyj-color-text-primary);
  box-shadow: var(--kyj-shadow-panel);
  font: var(--kyj-font-editor-content-weight) var(--kyj-font-editor-content-size)/var(--kyj-font-editor-content-line) var(--kyj-font-family);
  isolation: isolate;
}
.detail-prototype :where(svg) { width: var(--kyj-icon-small); height: var(--kyj-icon-small); }
.detail-prototype :where(p, h2, h3, h4, dl, dd, ol) { margin: 0; }
.detail-prototype :where(h2, h3, h4, p, dd, button) { overflow-wrap: anywhere; }

/* Fixed header: controls, title/status, one wrapping metadata line. */
.detail-prototype .detail-header { display: flex; align-items: flex-start; gap: var(--kyj-space-8); padding: var(--kyj-space-20) var(--kyj-space-24) var(--kyj-space-16); flex-shrink: 0; }
.detail-prototype #detail-heading { flex: 1; min-width: 0; }
.detail-prototype .detail-heading-stack { flex: 1; min-width: 0; }
.detail-prototype #detail-parent-navigation { flex: 0 0 auto; }
.detail-prototype #detail-parent-navigation:empty { display: none; }
.detail-prototype #detail-parent-navigation #back { margin-left: calc(-1 * var(--kyj-space-8)); }
.detail-prototype #detail-history { flex: 0 0 auto; }
.detail-prototype #detail-history:empty { display: none; }
.detail-prototype .dp-back { display: grid; place-items: center; width: var(--control-size); height: var(--control-size); padding: 0; margin-left: calc(-1 * var(--kyj-space-8)); border-radius: var(--kyj-radius-control); font: var(--kyj-font-label-weight) var(--kyj-font-label-size)/var(--kyj-font-label-line) var(--kyj-font-family); }
.detail-prototype #detail-history .dp-back { display: inline-flex; align-items: center; gap: var(--kyj-space-4); width: auto; height: auto; min-height: var(--control-size); margin: var(--kyj-space-4) 0 0; font-size: var(--kyj-font-caption-size); color: var(--kyj-color-text-secondary); }
.detail-prototype .dp-icon-button, .detail-prototype .dp-popover-close { display: grid; place-items: center; width: var(--control-size); height: var(--control-size); padding: 0; flex: 0 0 var(--control-size); border-radius: var(--kyj-radius-control); color: var(--kyj-color-action-primary); }
.detail-prototype .dp-icon-button { margin-right: calc(-1 * var(--kyj-space-8)); }
.detail-prototype :is(.dp-back,.dp-icon-button,.dp-popover-close) svg { width: var(--kyj-icon-default); height: var(--kyj-icon-default); }
.detail-prototype :is(.dp-back, .dp-icon-button, .dp-popover-close):hover { background: var(--kyj-color-surface-hover); color: var(--kyj-color-action-hover); }
.detail-prototype :is(.dp-back, .dp-icon-button, .dp-popover-close):active { color: var(--kyj-color-action-active); }
.detail-prototype .dp-title-row { display: flex; align-items: center; flex-wrap: wrap; gap: var(--kyj-space-4) var(--kyj-space-12); }
.detail-prototype .dp-title-row h2 { font: var(--kyj-font-page-weight) var(--kyj-font-page-size)/var(--kyj-font-page-line) var(--kyj-font-family); color: var(--kyj-color-text-primary); min-width: 0; }
.detail-prototype .dp-context { display: flex; align-items: center; flex-wrap: wrap; gap: var(--kyj-space-4) 0; margin-top: var(--kyj-space-8); font-size: var(--kyj-font-caption-size); line-height: var(--kyj-font-caption-line); color: var(--kyj-color-text-secondary); }
.detail-prototype .dp-context > span + span::before { content: '·'; margin: 0 var(--kyj-space-8); }
.detail-prototype #detail-tabs { display: flex; align-items: stretch; gap: var(--kyj-space-24); min-height: var(--kyj-control-height-primary); padding: 0 var(--kyj-space-24); border-bottom: 1px solid var(--kyj-color-border-panel); overflow-x: auto; scrollbar-width: none; flex-shrink: 0; background: var(--kyj-color-panel); }
.detail-prototype #detail-tabs::-webkit-scrollbar { display: none; }
.detail-prototype #detail-tabs button { position: relative; white-space: nowrap; padding: var(--kyj-space-12) 0; color: var(--kyj-color-text-secondary); font: var(--kyj-font-label-weight) var(--kyj-font-label-size)/var(--kyj-font-label-line) var(--kyj-font-family); }
.detail-prototype #detail-tabs button:hover { color: var(--kyj-color-action-hover); }
.detail-prototype #detail-tabs button[aria-selected=true] { color: var(--kyj-color-action-primary); }
.detail-prototype #detail-tabs button[aria-selected=true]::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--kyj-color-action-primary); }
.detail-prototype #selection-body { padding: var(--kyj-space-20) var(--kyj-space-24) var(--kyj-space-32); overflow-y: auto; flex: 1; min-height: 0; min-width: 0; scrollbar-gutter: stable; outline: none; }
.detail-prototype #selection-body::-webkit-scrollbar { width: var(--kyj-space-4); }
.detail-prototype #selection-body::-webkit-scrollbar-thumb { background: var(--kyj-color-border-control); }

/* Reusable reading hierarchy: section / entry heading / prose / evidence. */
.detail-prototype .dp-section { margin-bottom: var(--kyj-space-24); }
.detail-prototype .dp-section:last-child { margin-bottom: 0; }
.detail-prototype .dp-section-heading { display: flex; align-items: baseline; gap: var(--kyj-space-8); margin-bottom: var(--kyj-space-12); }
.detail-prototype .dp-section h3 { font: var(--kyj-font-section-weight) var(--kyj-font-section-size)/var(--kyj-font-section-line) var(--kyj-font-family); }
.detail-prototype .dp-count { color: var(--kyj-color-text-secondary); font-size: var(--kyj-font-caption-size); line-height: var(--kyj-font-caption-line); }
.detail-prototype .dp-count::before { content: '('; }
.detail-prototype .dp-count::after { content: ')'; }
.detail-prototype :is(.dp-section-note, .dp-reading-note) { font-size: var(--kyj-font-caption-size); line-height: var(--kyj-font-caption-line); color: var(--kyj-color-text-secondary); margin-bottom: var(--kyj-space-12); }
.detail-prototype .dp-prose { font: var(--kyj-font-editor-content-weight) var(--kyj-font-editor-content-size)/var(--kyj-font-editor-content-line) var(--kyj-font-family); color: var(--kyj-color-text-primary); }
.detail-prototype .dp-prose + .dp-prose { margin-top: var(--kyj-space-8); }
.detail-prototype .dp-field { display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--kyj-space-4) var(--kyj-space-12); margin-bottom: var(--kyj-space-12); }
.detail-prototype .dp-field:last-child { margin-bottom: 0; }
.detail-prototype .dp-field-label { flex: 0 0 auto; color: var(--kyj-color-text-secondary); font: var(--kyj-font-label-weight) var(--kyj-font-label-size)/var(--kyj-font-label-line) var(--kyj-font-family); }
.detail-prototype .dp-field-content { flex: 1 1 160px; min-width: 0; }
.detail-prototype :is(.dp-card, .dp-path-card, .dp-publication) { border: 1px solid var(--kyj-color-border-panel); border-radius: var(--kyj-radius-control); padding: var(--kyj-space-16); background: var(--kyj-color-panel); margin-bottom: var(--kyj-space-12); }
.detail-prototype :is(.dp-card, .dp-path-card, .dp-publication):last-child { margin-bottom: 0; }
.detail-prototype .dp-article-heading { display: flex; align-items: baseline; gap: var(--kyj-space-12); }
.detail-prototype .dp-card > .dp-article-heading { margin-bottom: var(--kyj-space-8); }
.detail-prototype .dp-article-heading h4 { flex: 1; min-width: 0; }
.detail-prototype h4 { font: var(--kyj-font-label-weight) var(--kyj-font-label-size)/var(--kyj-font-label-line) var(--kyj-font-family); font-weight: var(--kyj-font-section-weight); color: var(--kyj-color-text-primary); }
.detail-prototype .dp-card-meta { display: flex; align-items: center; flex-wrap: wrap; gap: var(--kyj-space-8); margin: var(--kyj-space-4) 0 var(--kyj-space-8); color: var(--kyj-color-text-secondary); font-size: var(--kyj-font-caption-size); line-height: var(--kyj-font-caption-line); }
.detail-prototype .dp-card-meta:empty { display: none; }
.detail-prototype .dp-article-heading > .dp-card-meta { flex: 0 0 auto; margin: 0; }
.detail-prototype .dp-card-meta .dp-nature::before { content: '·'; margin-right: var(--kyj-space-8); }
.detail-prototype .dp-pending { display: inline-flex; align-items: center; gap: var(--kyj-space-4); flex-shrink: 0; padding: 0 var(--kyj-space-8); border-radius: var(--kyj-radius-pill); background: var(--kyj-color-status-warning-bg); color: var(--kyj-color-status-warning); font-size: var(--kyj-font-caption-size); line-height: var(--kyj-font-caption-line); white-space: nowrap; font-weight: var(--kyj-font-caption-weight); }
.detail-prototype .dp-citations { margin-top: var(--kyj-space-12); padding-top: var(--kyj-space-8); border-top: 1px solid var(--kyj-color-divider); display: flex; flex-direction: column; gap: var(--kyj-space-4); }
.detail-prototype .dp-citation { display: flex; align-items: baseline; gap: var(--kyj-space-8); color: var(--kyj-color-text-secondary); font-size: var(--kyj-font-caption-size); line-height: var(--kyj-font-caption-line); overflow-wrap: anywhere; }
.detail-prototype .dp-source-label { flex: 0 0 auto; display: inline-flex; align-items: center; gap: var(--kyj-space-4); white-space: nowrap; }
.detail-prototype .dp-cite-separator { margin: 0 var(--kyj-space-4); }
.detail-prototype .dp-field .dp-citations { border: 0; padding: 0; margin-top: var(--kyj-space-4); }

/* Mathematical content uses semantic markup and local horizontal scrolling. */
.detail-prototype .dp-definition { background: var(--kyj-color-page); }
.detail-prototype .dp-definition :is(.dp-card-meta, .dp-citation) { color: var(--kyj-color-text-accessible); }
.detail-prototype .dp-common-condition { margin: var(--kyj-space-12) 0; display: flex; align-items: baseline; flex-wrap: wrap; column-gap: var(--kyj-space-8); }
.detail-prototype .dp-common-condition > span { color: var(--kyj-color-text-accessible); font-size: var(--kyj-font-caption-size); }
.detail-prototype .dp-common-condition p { display: inline; }
.detail-prototype .dp-math-inline { font-family: 'Cambria Math', Cambria, serif; }
.detail-prototype .dp-definition-cases { display: grid; grid-template-columns: 1fr 1fr; gap: var(--kyj-space-12); }
.detail-prototype .dp-definition-cases > div { display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--kyj-space-8); padding: var(--kyj-space-12); border: 1px solid var(--kyj-color-border-panel); border-radius: var(--kyj-radius-control); background: var(--kyj-color-panel); }
.detail-prototype .dp-definition-cases > div > span { font-size: var(--kyj-font-caption-size); color: var(--kyj-color-text-secondary); }
.detail-prototype .dp-equation { font-family: 'Cambria Math', Cambria, serif; font-size: var(--kyj-font-section-size); line-height: var(--kyj-font-section-line); white-space: nowrap; }
.detail-prototype .dp-key-condition { color: var(--kyj-color-text-accessible); font-size: var(--kyj-font-caption-size); margin-top: var(--kyj-space-8); }
.detail-prototype .dp-alias { display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--kyj-space-4) var(--kyj-space-12); padding: var(--kyj-space-8) 0; border-bottom: 1px solid var(--kyj-color-divider); }
.detail-prototype .dp-alias:first-child { padding-top: 0; }
.detail-prototype .dp-alias:last-child { border: 0; }
.detail-prototype .dp-alias > strong { font-weight: var(--kyj-font-body-weight); }
.detail-prototype .dp-alias .dp-citations { border: 0; padding: 0; margin-top: 0; }
.detail-prototype .dp-formula-display { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: var(--kyj-space-24); padding: var(--kyj-space-20) var(--kyj-space-12); margin: var(--kyj-space-12) 0; background: var(--kyj-color-page); border-radius: var(--kyj-radius-control); overflow-x: auto; }
.detail-prototype .dp-formula-display math { font-size: var(--kyj-font-page-size); }
.detail-prototype .dp-symbols { margin-bottom: var(--kyj-space-12); }
.detail-prototype .dp-symbols > div { display: flex; gap: var(--kyj-space-12); padding: var(--kyj-space-4) 0; }
.detail-prototype .dp-symbols dt { color: var(--kyj-color-text-secondary); flex: 0 0 var(--kyj-space-32); }
.detail-prototype .dp-callout { margin-top: var(--kyj-space-8); padding: var(--kyj-space-8) var(--kyj-space-12); background: var(--kyj-color-status-warning-bg); color: var(--kyj-color-status-warning); border-radius: var(--kyj-radius-control); font-size: var(--kyj-font-caption-size); }
.detail-prototype .dp-plot { margin: var(--kyj-space-12) 0; }
.detail-prototype .dp-plot svg { width: 100%; height: auto; stroke: none; }
.detail-prototype .dp-plot > span { display: block; font-size: var(--kyj-font-caption-size); color: var(--kyj-color-text-secondary); }

/* Methods: short fields stay inline; numbered steps carry only their actual content. */
.detail-prototype .dp-path-title { display: flex; align-items: center; gap: var(--kyj-space-8); margin-bottom: var(--kyj-space-12); }
.detail-prototype .dp-path-title h4 { flex: 1; font-size: var(--kyj-font-body-size); line-height: var(--kyj-font-body-line); }
.detail-prototype .dp-path-number { display: inline-grid; place-items: center; width: var(--kyj-space-24); height: var(--kyj-space-24); background: var(--kyj-color-surface-selected); color: var(--kyj-color-brand); border-radius: var(--kyj-radius-control); font-size: var(--kyj-font-caption-size); }
.detail-prototype :is(.dp-path-condition, .dp-path-method) { display: flex; align-items: baseline; gap: var(--kyj-space-12); margin-bottom: var(--kyj-space-12); }
.detail-prototype :is(.dp-path-condition, .dp-path-method) > span { color: var(--kyj-color-text-secondary); flex-shrink: 0; }
.detail-prototype .dp-path-method > div { flex: 1; min-width: 0; }
.detail-prototype .dp-subheading { display: flex; align-items: center; gap: var(--kyj-space-8); font: var(--kyj-font-label-weight) var(--kyj-font-label-size)/var(--kyj-font-label-line) var(--kyj-font-family); margin: var(--kyj-space-16) 0 var(--kyj-space-8); }
.detail-prototype .dp-subheading > span { font-size: var(--kyj-font-caption-size); font-weight: var(--kyj-font-caption-weight); color: var(--kyj-color-text-secondary); }
.detail-prototype .dp-steps { padding: 0; list-style: none; }
.detail-prototype .dp-steps li { display: flex; align-items: baseline; gap: var(--kyj-space-12); margin: 0 0 var(--kyj-space-8); }
.detail-prototype .dp-steps li:last-child { margin-bottom: 0; }
.detail-prototype .dp-step-number { width: var(--kyj-space-20); flex: 0 0 var(--kyj-space-20); text-align: center; color: var(--kyj-color-text-secondary); font-size: var(--kyj-font-caption-size); }
.detail-prototype .dp-steps li > div { flex: 1; min-width: 0; }
.detail-prototype .dp-steps .dp-citations { margin-top: var(--kyj-space-4); padding: 0; border: 0; }
.detail-prototype .dp-link-list { display: flex; flex-wrap: wrap; gap: var(--kyj-space-8) var(--kyj-space-12); }
.detail-prototype .dp-node-link { display: inline-flex; align-items: baseline; gap: var(--kyj-space-4); padding: 0; text-align: left; max-width: 100%; min-width: 0; color: var(--kyj-color-action-primary); }
.detail-prototype .dp-node-link svg { align-self: center; }
.detail-prototype .dp-node-link:hover { color: var(--kyj-color-action-hover); text-decoration: underline; text-underline-offset: var(--kyj-space-4); }
.detail-prototype .dp-waiver { display: flex; align-items: baseline; gap: var(--kyj-space-12); margin-top: var(--kyj-space-12); padding: var(--kyj-space-8) var(--kyj-space-12); background: var(--kyj-color-page); border-radius: var(--kyj-radius-control); }
.detail-prototype .dp-waiver > span { flex-shrink: 0; color: var(--kyj-color-text-accessible); font-size: var(--kyj-font-caption-size); }
.detail-prototype .dp-waiver .dp-prose { font-size: var(--kyj-font-caption-size); color: var(--kyj-color-text-accessible); }
.detail-prototype .dp-error-observation { background: var(--kyj-color-page); }
.detail-prototype .dp-candidate-heading { display: flex; align-items: center; gap: var(--kyj-space-8); margin: var(--kyj-space-12) 0; }
.detail-prototype .dp-candidate-heading small { color: var(--kyj-color-status-warning); background: var(--kyj-color-status-warning-bg); border-radius: var(--kyj-radius-pill); padding: 0 var(--kyj-space-8); font-size: var(--kyj-font-caption-size); }

/* The relation diagram is a compact navigation aid; task support is a separate section. */
.detail-prototype .dp-relation-map { padding: var(--kyj-space-16); border: 1px solid var(--kyj-color-border-panel); border-radius: var(--kyj-radius-control); }
.detail-prototype .dp-map-stage { display: grid; grid-template-columns: minmax(0,1fr) var(--kyj-space-24) minmax(0,1fr) var(--kyj-space-24) minmax(0,1fr); gap: var(--kyj-space-4); align-items: center; }
.detail-prototype .dp-map-cell { min-width: 0; text-align: center; }
.detail-prototype .dp-map-cell > span { display: block; font-size: var(--kyj-font-caption-size); color: var(--kyj-color-text-secondary); margin-bottom: var(--kyj-space-8); }
.detail-prototype :is(.dp-map-node, .dp-map-current) { display: flex; align-items: center; justify-content: center; width: 100%; min-height: var(--kyj-control-height-primary); padding: var(--kyj-space-8); border: 1px solid var(--kyj-color-border-control); border-radius: var(--kyj-radius-control); font-size: var(--kyj-font-label-size); line-height: var(--kyj-font-label-line); }
.detail-prototype .dp-map-node + .dp-map-node { margin-top: var(--kyj-space-8); }
.detail-prototype .dp-map-node:hover { background: var(--kyj-color-surface-hover); }
.detail-prototype .dp-map-current { border-color: var(--kyj-color-brand); background: var(--kyj-color-surface-selected); font-weight: var(--kyj-font-section-weight); }
.detail-prototype .dp-map-arrow { margin-top: var(--kyj-space-24); width: var(--kyj-icon-default); height: var(--kyj-icon-default); color: var(--kyj-color-text-secondary); }
.detail-prototype .dp-map-legend { margin-top: var(--kyj-space-12); font-size: var(--kyj-font-caption-size); color: var(--kyj-color-text-secondary); }
.detail-prototype .dp-relation-top { display: flex; align-items: baseline; gap: var(--kyj-space-12); }
.detail-prototype .dp-relation-direction { flex: 1; display: flex; align-items: baseline; flex-wrap: wrap; column-gap: var(--kyj-space-8); min-width: 0; font-weight: var(--kyj-font-label-weight); }
.detail-prototype .dp-relation-direction .dp-node-link svg { display: none; }
.detail-prototype .dp-relation-scope { display: flex; gap: var(--kyj-space-8); margin: var(--kyj-space-8) 0; }
.detail-prototype .dp-relation-scope > span { flex-shrink: 0; color: var(--kyj-color-text-secondary); }
.detail-prototype .dp-edge-detail { display: inline-flex; align-items: center; gap: var(--kyj-space-4); font-size: var(--kyj-font-caption-size); margin-top: var(--kyj-space-8); padding: 0; color: var(--kyj-color-text-secondary); }
.detail-prototype .dp-edge-detail:hover { color: var(--kyj-color-action-primary); }
.detail-prototype .dp-child-list { display: flex; flex-direction: column; }
.detail-prototype .dp-child-list .dp-node-link { justify-content: space-between; padding: var(--kyj-space-8) 0; border-bottom: 1px solid var(--kyj-color-divider); }
.detail-prototype .dp-child-list .dp-node-link:last-child { border: 0; }

/* Sources: one publication heading, compact locations underneath, no filler banner. */
.detail-prototype .dp-publication-heading { display: flex; align-items: baseline; gap: var(--kyj-space-12); margin-bottom: var(--kyj-space-4); }
.detail-prototype .dp-publication-heading h4 { flex: 1; min-width: 0; font-size: var(--kyj-font-label-size); line-height: var(--kyj-font-label-line); }
.detail-prototype .dp-edition { color: var(--kyj-color-text-secondary); font-size: var(--kyj-font-caption-size); font-weight: var(--kyj-font-caption-weight); margin-left: var(--kyj-space-8); }
.detail-prototype .dp-source-entry { padding: var(--kyj-space-12) 0; border-top: 1px solid var(--kyj-color-divider); }
.detail-prototype .dp-source-entry:last-child { padding-bottom: 0; }
.detail-prototype .dp-source-location { display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--kyj-space-4) var(--kyj-space-8); font-size: var(--kyj-font-caption-size); line-height: var(--kyj-font-caption-line); color: var(--kyj-color-text-secondary); }
.detail-prototype .dp-source-entry > :is(.dp-prose, .dp-field) { margin-top: var(--kyj-space-8); }
.detail-prototype .dp-source-mapping { margin-left: auto; color: var(--kyj-color-text-secondary); font-size: var(--kyj-font-caption-size); }
.detail-prototype .dp-source-items { margin: var(--kyj-space-12) 0 0; padding: 0; list-style: none; }
.detail-prototype .dp-source-items li { display: flex; justify-content: space-between; align-items: baseline; gap: var(--kyj-space-12); padding: var(--kyj-space-8) 0; border-top: 1px solid var(--kyj-color-divider); }
.detail-prototype .dp-source-items li > span { flex-shrink: 0; font-size: var(--kyj-font-caption-size); color: var(--kyj-color-text-secondary); }
.detail-prototype .dp-source-highlight { outline: var(--kyj-focus-width) solid var(--kyj-color-focus); outline-offset: var(--kyj-focus-offset); }
.detail-prototype .dp-empty { padding: var(--kyj-space-32) 0; color: var(--kyj-color-text-secondary); text-align: center; }
.detail-prototype .dp-empty > span { display: none; }
.detail-prototype #detail-popover { position: absolute; inset: 0; z-index: 8; display: grid; place-items: center; padding: var(--kyj-space-24); background: var(--kyj-color-overlay); }
.detail-prototype .dp-popover-shell { position: relative; width: 100%; max-height: calc(100dvh - 48px); overflow: auto; padding: var(--kyj-space-24); border-radius: var(--kyj-radius-menu); background: var(--kyj-color-panel); box-shadow: var(--kyj-shadow-menu); }
.detail-prototype .dp-popover-close { position: absolute; top: var(--kyj-space-8); right: var(--kyj-space-8); }
.detail-prototype .dp-popover-eyebrow { font: var(--kyj-font-label-weight) var(--kyj-font-label-size)/var(--kyj-font-label-line) var(--kyj-font-family); margin-bottom: var(--kyj-space-20); }
.detail-prototype .dp-popover-shell > .dp-card { margin-top: var(--kyj-space-24); }

@media (min-width: 1200px) and (max-width: 1439px) {
  .selection.detail-prototype { width: 560px; }
  .detail-prototype #detail-tabs { gap: var(--kyj-space-16); }
}
@media (max-width: 1199px) {
  .selection.detail-prototype { width: min(640px, 100vw); z-index: 12; }
}
@media (max-width: 767px) {
  .detail-prototype .detail-header { padding: var(--kyj-space-8) var(--kyj-space-16) var(--kyj-space-12); }
  .detail-prototype #selection-body { padding: var(--kyj-space-16); }
  .detail-prototype #detail-tabs { padding: 0 var(--kyj-space-16); gap: var(--kyj-space-20); }
  .detail-prototype button { min-height: var(--kyj-control-height-narrow); min-width: var(--kyj-control-height-narrow); }
  .detail-prototype .dp-definition-cases { gap: var(--kyj-space-8); }
  .detail-prototype .dp-article-heading { flex-wrap: wrap; gap: var(--kyj-space-4) var(--kyj-space-8); }
  .detail-prototype .dp-article-heading h4 { flex-basis: calc(100% - 100px); }
  .detail-prototype .dp-article-heading > .dp-card-meta { order: 1; flex-basis: 100%; }
  .detail-prototype .dp-definition-cases > div { padding: var(--kyj-space-8); }
  .detail-prototype .dp-definition-cases .dp-equation { font-size: var(--kyj-font-body-size); }
  .detail-prototype .dp-map-stage { grid-template-columns: minmax(0,1fr) var(--kyj-space-16) minmax(0,1fr) var(--kyj-space-16) minmax(0,1fr); }
  .detail-prototype :is(.dp-map-node, .dp-map-current) { padding: var(--kyj-space-8) var(--kyj-space-4); font-size: var(--kyj-font-caption-size); }
  .detail-prototype .dp-map-arrow { width: var(--kyj-icon-small); }
  .detail-prototype .dp-source-items li { flex-wrap: wrap; gap: var(--kyj-space-4); }
}
@media (prefers-reduced-motion: reduce) {
  .detail-prototype * { scroll-behavior: auto !important; }
}