/* Use the same palette as the public website throughout the knowledge center. */
body[data-wireframe="knowledge"] {
  --page-bg: #06101a;
  --page-panel: #0a1724;
  --page-panel-strong: #0d1d2d;
  --page-text: #edf8ff;
  --page-muted: #aabfce;
  --page-accent: #48a9ea;
  --page-border: #29465f;
  --page-border-strong: #3276a8;
  color-scheme: dark;
  background: var(--page-bg);
  color: var(--page-text);
}

.knowledge-main {
  background: var(--page-bg);
  color: var(--page-text);
  padding: clamp(2.5rem, 6vw, 5rem) 0;
  min-height: 60vh;
}
/* Reuse the public site's contact layout and QR destinations on every knowledge page. */
body[data-wireframe="knowledge"] .knowledge-contact {
  background: #001725;
  color: var(--page-text);
  border-color: var(--page-border);
  scroll-margin-top: 7rem;
}
@media (max-width: 48rem) { body[data-wireframe="knowledge"] .knowledge-contact { scroll-margin-top: 11rem; } }
body[data-wireframe="knowledge"] .knowledge-contact .chapter-label { color: #61baff; }
body[data-wireframe="knowledge"] .knowledge-contact :is(.contact-lead, [data-contact-company-note], figcaption) { color: var(--page-muted); }

.knowledge-main h1 { max-width: 22ch; font-size: clamp(2rem, 4vw, 3.4rem); line-height: 1.2; letter-spacing: -.03em; margin: .75rem 0 1.5rem; }
.knowledge-lead, .knowledge-answer { max-width: 76ch; font-size: 1.125rem; line-height: 1.9; color: var(--page-muted); }
.knowledge-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; margin: 2.5rem 0; }
.knowledge-card { min-width: 0; padding: 1.75rem; border: 1px solid var(--page-border); background: var(--page-panel); }
.knowledge-card .knowledge-card-title { font-size: 1.4rem; line-height: 1.45; margin: 0 0 1rem; }
.knowledge-main a { color: var(--page-accent); text-underline-offset: .25em; }
.knowledge-card .knowledge-card-title a { color: var(--page-text); }
.knowledge-main a:hover { color: var(--page-accent); text-decoration: underline; }
.knowledge-main a:focus-visible { outline: 3px solid var(--page-accent); outline-offset: 4px; }
.knowledge-card p { line-height: 1.8; color: var(--page-muted); margin: 0 0 1.5rem; }
.knowledge-article { max-width: 76rem; }
.knowledge-article > section, .knowledge-answer { max-width: 78ch; }
.knowledge-article section { margin: 2.5rem 0; }
.knowledge-article section h2 { font-size: 1.5rem; line-height: 1.4; margin: 0 0 1rem; }
.knowledge-article section p { line-height: 1.95; font-size: 1.05rem; color: var(--page-muted); }
.knowledge-answer { border-inline-start: 4px solid var(--page-accent); padding: 1rem 1.5rem; background: var(--page-panel); }
.knowledge-byline, .knowledge-identity { font-size: .9rem; color: var(--page-muted); line-height: 1.7; }
.knowledge-breadcrumb { margin-bottom: 1.75rem; line-height: 1.7; }
.knowledge-table-wrap { overflow: auto; max-width: 100%; margin: 2.5rem 0; border: 1px solid var(--page-border); }
.knowledge-main table { border-collapse: collapse; min-width: 600px; width: 100%; background: var(--page-panel); }
.knowledge-main th, .knowledge-main td { padding: 1rem; text-align: start; line-height: 1.7; border-bottom: 1px solid var(--page-border); }
.knowledge-main td { color: var(--page-muted); }
.knowledge-main th { background: var(--page-panel-strong); color: var(--page-text); font-weight: 600; }
.knowledge-main caption { text-align: start; padding: 1rem; font-weight: 600; }
.knowledge-sources li { margin: .75rem 0; line-height: 1.75; }
.knowledge-next { display: flex; flex-wrap: wrap; gap: 1.5rem; border-top: 1px solid var(--page-border); padding-top: 2rem; }
.knowledge-footer-links { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; }
body[data-wireframe="knowledge"] footer { background: var(--page-panel); border-top: 1px solid var(--page-border); padding: 2rem 0; color: var(--page-muted); }
body[data-wireframe="knowledge"] footer p { font-size: .9rem; line-height: 1.7; }
body[data-wireframe="knowledge"] footer nav { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; line-height: 1.75; font-size: .85rem; }
body[data-wireframe="knowledge"] footer a { color: var(--page-accent); text-underline-offset: .25em; }

.knowledge-category-nav { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; margin: 2rem 0 3rem; padding: 1rem 0; border-block: 1px solid var(--page-border); }
.knowledge-category-nav a { font-size: 1rem; line-height: 1.75; }
.knowledge-category { scroll-margin-top: 7rem; margin: 3.5rem 0; }
.knowledge-category-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
.knowledge-category-heading :is(h2, h3) { font-size: 1.75rem; line-height: 1.4; margin: 0; }
.knowledge-category-heading span { font-size: .85rem; color: var(--page-muted); white-space: nowrap; }
.knowledge-category-description { line-height: 1.8; color: var(--page-muted); margin: .75rem 0; }
.knowledge-category .knowledge-grid { margin: 1.5rem 0; }
.knowledge-toc { max-width: 78ch; background: var(--page-panel); border-block: 1px solid var(--page-border); padding: 1.5rem; margin: 2rem 0; }
.knowledge-toc h2 { font-size: 1.1rem; margin: 0 0 .75rem; }
.knowledge-toc ol { margin: 0; padding-left: 1.5rem; display: grid; gap: .6rem; }
.knowledge-toc li, .knowledge-checklist li, .knowledge-related li { line-height: 1.9; color: var(--page-muted); }
.knowledge-checklist li, .knowledge-related li { margin: .65rem 0; }
.knowledge-article > section { scroll-margin-top: 7rem; }
.knowledge-article .knowledge-table-wrap { margin: 1.5rem 0; }
.knowledge-related ul { padding-left: 1.5rem; }

/* Public paper evidence inherits the palette of its containing page. */
.research-evidence { min-width: 0; margin: 2.5rem 0 0; }
.research-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; margin-top: 1.25rem; }
.research-card { min-width: 0; padding: clamp(1.25rem, 2.4vw, 1.8rem); border: 1px solid var(--page-border, #29465f); border-top: 3px solid var(--page-accent, #48a9ea); background: var(--page-panel, #0a1724); color: var(--page-text, #edf8ff); }
.research-card h3, .research-card h4 { margin: .65rem 0 1rem; max-width: none; font-size: clamp(1.15rem, 1.6vw, 1.5rem); line-height: 1.5; font-weight: 650; }
.research-kicker, .research-group-label { margin: 0; color: var(--page-accent, #48a9ea); font-size: .85rem; font-weight: 700; line-height: 1.7; letter-spacing: .02em; }
.research-card .research-venue { margin: 0 0 1rem; color: var(--page-muted, #aabfce); font-size: .85rem; line-height: 1.65; overflow-wrap: anywhere; }
.research-card .research-scope, .research-card .research-connection { font-size: .95rem; line-height: 1.85; margin: .75rem 0; color: var(--page-muted, #aabfce); }
.research-card .research-journal-note { margin: .65rem 0; font-size: .9rem; font-weight: 600; line-height: 1.8; color: var(--page-muted, #aabfce); }
.research-actions { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; margin-top: 1rem; align-items: center; }
.research-actions a, .research-card h3 a, .research-card h4 a { text-underline-offset: .22em; }
.research-card h3 a, .research-card h4 a { color: var(--page-text, #edf8ff); }
.research-actions a { color: var(--page-accent, #48a9ea); display: inline-flex; align-items: center; min-height: 44px; font-size: .9rem; line-height: 1.7; }
.research-card a:hover { color: var(--page-accent, #48a9ea); }
.research-card a:focus-visible, .research-footer a:focus-visible { outline: 3px solid var(--page-accent, #48a9ea); outline-offset: 4px; }
.research-group-title { max-inline-size: none; font-size: 1.5rem; line-height: 1.4; margin: 0; }
.research-pair--compact .research-card { padding: 1.25rem; }
.research-pair--compact .research-connection { font-size: .9rem; }
.research-footer { display: flex; flex-wrap: wrap; gap: .6rem 1.4rem; margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid var(--page-border, #29465f); line-height: 1.8; font-size: .85rem; }
.research-footer a { color: var(--page-accent, #14599a); text-underline-offset: .22em; }
.research-hub { margin: 2.5rem 0 3.5rem; }
.research-hub > h2 { font-size: 1.75rem; line-height: 1.4; margin: 0 0 .75rem; }
.research-hub > p { line-height: 1.85; color: var(--page-muted); }
.research-english-title { overflow-wrap: anywhere; font-weight: 600; }
.research-details { margin: 1.5rem 0; }
.research-details > div { display: grid; grid-template-columns: 6rem minmax(0, 1fr); gap: .5rem 1rem; padding: .65rem 0; border-bottom: 1px solid var(--page-border); }
.research-details dt { font-size: .9rem; font-weight: 600; line-height: 1.8; color: var(--page-muted); }
.research-details dd { margin: 0; line-height: 1.8; overflow-wrap: anywhere; color: var(--page-muted); }
.research-authors { padding: .75rem 0; border-block: 1px solid var(--page-border); margin: 1.5rem 0; }
.research-authors summary { cursor: pointer; font-weight: 600; line-height: 1.8; padding: .6rem 0; color: var(--page-accent); }
.research-authors li { margin: 1rem 0; line-height: 1.8; }
.research-authors li span { display: block; font-size: .9rem; overflow-wrap: anywhere; color: var(--page-muted); }
.research-journal ul { padding-left: 1.4rem; }
.research-journal li { line-height: 1.8; margin: .65rem 0; }
.knowledge-article .research-verification-date { font-size: .85rem; color: var(--page-muted); }
.research-section { scroll-margin-top: 7rem; }

/* The paper block is a full row in the technology page's 12-column grid. */
body[data-wireframe="hxjs"].technology-page #technology-papers { grid-column: 1 / -1; scroll-margin-top: 10rem; }

/* Keep the home evidence concise, with a direct route to the paper section. */
body[data-wireframe="home"] .ip-metrics a { color: var(--page-accent); text-underline-offset: .22em; }
body[data-wireframe="home"] .ip-metrics a:focus-visible { outline: 3px solid var(--page-accent); outline-offset: 4px; }

/* Remove the inherited 12ch limit and scale the cabin title to remain on one line. */
body[data-wireframe="jsaq"] #jsaq-hero-title { max-inline-size: none; white-space: nowrap; font-size: clamp(1.8rem, 6.2vw, 5.7rem); }
body[data-wireframe="jsaq"] #jsaq-hero-title .keep-word { display: inline; white-space: inherit; }

@media (max-width: 48rem) {
  .knowledge-grid, .research-pair { grid-template-columns: 1fr; }
  .knowledge-card, .research-card { padding: 1.25rem; }
  .knowledge-answer { padding: 1rem; }
  .knowledge-main h1 { font-size: 2rem; }
  .knowledge-table-wrap { margin-inline: 0; }
  .knowledge-category { margin: 2.75rem 0; }
  .knowledge-category-heading :is(h2, h3), .research-hub > h2 { font-size: 1.45rem; }
  .knowledge-category-nav { gap: .6rem 1.25rem; }
  .knowledge-toc { padding: 1.25rem; }
  .research-evidence { margin-top: 1.75rem; }
  .research-hub { margin-bottom: 2.75rem; }
  .research-details > div { grid-template-columns: 1fr; gap: .2rem; }
  .research-footer { gap: .4rem 1rem; }
}

/* Practical guides, task entrances and text-based diagrams. */
.knowledge-hub-intro { max-width: 64rem; }
.knowledge-hub-intro h1 { max-width: none; margin-bottom: 1rem; }
.knowledge-hub-intro .knowledge-lead { margin-bottom: 1.25rem; }
.knowledge-quick-links { display: flex; flex-wrap: wrap; gap: .75rem; }
.knowledge-quick-links a { display: inline-flex; align-items: center; min-height: 48px; padding: .6rem 1rem; background: var(--page-panel); border: 1px solid var(--page-border-strong); color: var(--page-text); font-weight: 600; text-decoration: none; }
.knowledge-quick-links a:hover { background: var(--page-panel-strong); }
.knowledge-article > p { max-width: 78ch; line-height: 1.9; color: var(--page-muted); }
.knowledge-toc summary { min-height: 44px; display: list-item; cursor: pointer; color: var(--page-accent); font-weight: 600; line-height: 1.8; }
.knowledge-toc[open] summary { margin-bottom: .75rem; }
.knowledge-toc summary:focus-visible { outline: 3px solid var(--page-accent); outline-offset: 4px; }
.knowledge-article .knowledge-table-block { min-width: 0; margin: 1.75rem 0; }
.knowledge-article .knowledge-table-hint { font-size: .875rem; margin-bottom: .5rem; color: var(--page-muted); }
.knowledge-article .knowledge-table-wrap { margin-top: 0; overscroll-behavior-inline: contain; }
.knowledge-table-wrap:focus-visible { outline: 3px solid var(--page-accent); outline-offset: 3px; }
.knowledge-main th, .knowledge-main td { vertical-align: top; min-width: 8rem; }
.knowledge-flow { margin: 1.5rem 0; padding: 1.25rem; border: 1px solid var(--page-border); background: var(--page-panel); }
.knowledge-flow figcaption { line-height: 1.8; margin-bottom: 1rem; }
.knowledge-flow figcaption strong { display: block; font-size: 1.05rem; }
.knowledge-flow figcaption span { display: block; color: var(--page-muted); font-size: .9rem; margin-top: .5rem; }
.knowledge-flow-steps { list-style: none; margin: 0 0 1rem; padding: 0; display: grid; gap: .5rem; }
.knowledge-flow-steps li { line-height: 1.8; color: var(--page-muted); padding: .5rem 0; border-bottom: 1px solid var(--page-border); }
.knowledge-flow-branches { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.knowledge-flow-branches li { min-width: 0; padding: 1rem; background: var(--page-panel-strong); border-inline-start: 3px solid var(--page-accent); }
.knowledge-flow-branches strong { line-height: 1.6; }
.knowledge-flow-branches li p { margin: .5rem 0 0; font-size: .95rem; line-height: 1.8; }
.knowledge-article .knowledge-flow-merge { padding: 1rem 0 0; border-top: 1px solid var(--page-border); margin: 1.25rem 0 0; color: var(--page-text); font-size: 1rem; }
.knowledge-example { margin: 1.5rem 0; padding: 1.25rem 1.5rem; background: var(--page-panel); border-inline-start: 3px solid var(--page-accent); }
.knowledge-example h3 { margin: 0 0 .75rem; line-height: 1.6; font-size: 1.15rem; }
.knowledge-example p:last-child { margin-bottom: 0; }
.knowledge-article .knowledge-section-sources { font-size: .9rem; line-height: 1.8; border-top: 1px solid var(--page-border); padding-top: .75rem; }
.knowledge-section-links { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; margin-top: .75rem; }
.knowledge-section-links a { min-height: 44px; display: inline-flex; align-items: center; line-height: 1.7; font-size: .95rem; }
.knowledge-downloads { padding: 1.25rem; margin: 1.25rem 0; border: 1px solid var(--page-border-strong); background: var(--page-panel); }
.knowledge-downloads ul { margin: .75rem 0 0; padding-left: 1.25rem; }
.knowledge-downloads li { margin: 1rem 0; line-height: 1.8; }
.knowledge-downloads li a { display: inline-block; padding-block: .5rem; }
.knowledge-downloads li span { display: block; color: var(--page-muted); font-size: .9rem; }
.knowledge-source-kind { margin-right: .75rem; font-size: .8rem; color: var(--page-muted); }
.knowledge-article .research-bibliography { margin-top: 3rem; border-top: 1px solid var(--page-border); padding-top: 2rem; }
.context-knowledge { margin-top: 1.5rem; padding: 1.25rem 1.5rem; border-inline-start: 3px solid var(--page-accent,#48a9ea); background: var(--page-panel,#0a1724); color: var(--page-text,#edf8ff); }
.context-knowledge p { margin: 0 0 .75rem; max-width: 78ch; line-height: 1.85; color: var(--page-muted,#aabfce); font-size: 1rem; }
.context-knowledge ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; }
.context-knowledge a { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; line-height: 1.7; color: var(--page-accent,#48a9ea); text-underline-offset: .25em; }
.context-knowledge a:focus-visible { outline: 3px solid var(--page-accent,#48a9ea); outline-offset: 4px; }
@media (max-width: 48rem) {
  .knowledge-main { padding-block: 1.5rem 2.5rem; }
  .knowledge-main h1 { font-size: 1.8rem; line-height: 1.35; }
  .knowledge-hub-intro .chapter-label { margin: 0; }
  .knowledge-quick-links { display: grid; grid-template-columns: 1fr; gap: .5rem; }
  .knowledge-quick-links a { min-height: 44px; padding: .6rem 1rem; }
  .knowledge-category-nav { margin: 1.5rem 0; gap: .25rem 1.25rem; }
  .knowledge-flow, .knowledge-example { padding: 1rem; }
  .knowledge-flow-branches { grid-template-columns: 1fr; }
  .knowledge-article section { margin-block: 2rem; }
  .knowledge-breadcrumb { font-size: .85rem; margin-bottom: 1rem; }
  .knowledge-byline { font-size: .8rem; }
  .knowledge-section-links { display: block; }
  .knowledge-section-links a { display: flex; padding: .5rem 0; }
  .context-knowledge { padding: 1rem; }
  .context-knowledge ul { display: block; }
  .context-knowledge a { padding: .4rem 0; }
}

@media (max-width:48rem) { .knowledge-article > section, .knowledge-category { scroll-margin-top: 11rem; } }

/* Directory patterns adapted from the user's 14-article website package. */
.knowledge-main [hidden] { display: none !important; }
.knowledge-hub-hero { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(0,1fr); gap: clamp(2rem,4vw,4rem); align-items: center; }
.knowledge-hub-hero .knowledge-quick-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.knowledge-hub-hero .knowledge-quick-links a { min-width: 0; font-size: 1rem; line-height: 1.65; }
.knowledge-hub-map { min-width: 0; border: 1px solid var(--page-border); padding: 1.5rem; background: var(--page-panel); }
.knowledge-map-label { color: var(--page-accent); font-size: .85rem; letter-spacing: .05em; margin: 0 0 .5rem; }
.knowledge-hub-map ol { list-style: none; padding: 0; margin: 0; }
.knowledge-hub-map li { display: block; padding: 1rem 0; border-bottom: 1px solid var(--page-border); }
.knowledge-hub-map li a > span { color: var(--page-accent); font-size: .85rem; padding-top: .15rem; }
.knowledge-hub-map strong { font-size: 1rem; line-height: 1.6; display: block; }
.knowledge-hub-map small { display: block; font-size: .8rem; line-height: 1.75; color: var(--page-muted); margin-top: .25rem; }
.knowledge-index-search { margin: 2rem 0 1rem; padding: 1.5rem 0; border-block: 1px solid var(--page-border); }
.knowledge-index-search > label { display: block; font-weight: 600; font-size: 1rem; margin-bottom: .75rem; }
.knowledge-search-controls { display: flex; gap: .75rem; max-width: 52rem; align-items: stretch; }
.knowledge-search-controls input { flex: 1; min-width: 0; border: 1px solid var(--page-border-strong); padding: .85rem 1rem; background: var(--page-panel); color: var(--page-text); font: inherit; font-size: 1rem; border-radius: 0; }
.knowledge-search-controls input::placeholder { color: var(--page-muted); opacity: 1; }
.knowledge-main button[data-clear-search] { min-height: 44px; padding: .5rem 1rem; font: inherit; font-size: .9rem; border: 1px solid var(--page-border-strong); background: var(--page-panel); color: var(--page-accent); cursor: pointer; }
.knowledge-search-controls input:focus-visible, .knowledge-main button[data-clear-search]:focus-visible { outline: 3px solid var(--page-accent); outline-offset: 4px; }
.knowledge-index-search #search-status { color: var(--page-muted); font-size: .85rem; margin: .75rem 0 0; line-height: 1.8; }
.knowledge-index-search + .knowledge-category-nav { border: 0; margin-block: 0 1.5rem; padding-block: .5rem; }
.knowledge-search-empty { background: var(--page-panel); border: 1px solid var(--page-border); padding: 1.5rem; margin: 2rem 0; }
.knowledge-search-empty p { line-height: 1.8; color: var(--page-muted); }
.knowledge-card { display: flex; flex-direction: column; }
.knowledge-card .knowledge-card-number { font-size: .8rem; line-height: 1.6; color: var(--page-accent); letter-spacing: .04em; margin-bottom: 1rem; }
.knowledge-card-number span { color: var(--page-muted); }
.knowledge-card > .touch-target { margin-top: auto; align-self: start; min-height: 44px; display: inline-flex; align-items: center; }
.knowledge-hub-date { font-size: .85rem; color: var(--page-muted); line-height: 1.85; padding-top: 1rem; border-top: 1px solid var(--page-border); }
@media (max-width: 64rem) {
  .knowledge-hub-hero { grid-template-columns: 1fr; gap: 1.5rem; }
  .knowledge-hub-map ol { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
  .knowledge-hub-map li { display: block; border: 0; padding: .5rem 0; }
  .knowledge-hub-map li a > span { display: block; margin-bottom: .4rem; }
}
@media (max-width: 48rem) {
  .knowledge-hub-hero .knowledge-quick-links { grid-template-columns: 1fr; }
  .knowledge-hub-map { padding: 1rem; }
  .knowledge-hub-map ol { gap: .75rem; }
  .knowledge-hub-map strong { font-size: .9rem; }
  .knowledge-hub-map small { font-size: .75rem; }
  .knowledge-index-search { padding-block: 1.25rem; }
  .knowledge-search-controls input { font-size: 1rem; padding: .75rem; }
  .knowledge-search-controls { gap: .5rem; }
  .knowledge-main button[data-clear-search] { padding-inline: .75rem; }
}
@media (prefers-reduced-motion: reduce) { .knowledge-main { scroll-behavior: auto; } }

/* Illustrations from the edited public knowledge pack. */
.knowledge-anchor-alias { display: block; height: 0; scroll-margin-top: 11rem; }
.knowledge-illustration { margin: 1.75rem 0; min-width: 0; padding: 1rem; background: var(--page-panel); border: 1px solid var(--page-border); }
.knowledge-figure-hint { color: var(--page-muted); font-size: .875rem; margin: 0 0 .75rem; }
.knowledge-figure-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-color: var(--page-accent) var(--page-panel-strong); }
.knowledge-figure-scroll img { display: block; width: 100%; min-width: 0; max-width: none; height: auto; }
.knowledge-figure-scroll:focus-visible { outline: 3px solid var(--page-accent); outline-offset: 3px; }
.knowledge-illustration figcaption { margin-top: 1rem; line-height: 1.8; font-size: .9rem; color: var(--page-muted); }
.knowledge-illustration figcaption strong { display: block; color: var(--page-text); margin-bottom: .4rem; }
.knowledge-sources li { margin: 1rem 0; line-height: 1.8; scroll-margin-top: 11rem; overflow-wrap: anywhere; }
.knowledge-source-scope { margin: .4rem 0; color: var(--page-muted); font-size: .875rem; }
.knowledge-source-links { font-size: .875rem; }
.knowledge-article p code { overflow-wrap: anywhere; }
@media(max-width:48rem) { .knowledge-illustration { padding: .75rem; } .knowledge-card#validation { scroll-margin-top: 11rem; } }

/* Keep wide diagrams visible on desktop and prose at a comfortable line length. */
.knowledge-article > section { max-width: 66rem; }
.knowledge-article > section > p, .knowledge-article > .knowledge-sources, .knowledge-article > .knowledge-related { max-width: 78ch; }
@media (max-width:48rem) { .knowledge-figure-scroll img { min-width: 1000px; } }

/* V5 article structure: citations and the 30 visible FAQ answers. */
.knowledge-deck { font-size: 1.125rem; line-height: 1.85; color: var(--page-muted); }
.knowledge-article .knowledge-subheading { font-size: 1.18rem; line-height: 1.65; margin: 2rem 0 .8rem; color: var(--page-text); scroll-margin-top: 7rem; }
.knowledge-ref-call { font-size: .72em; line-height: 0; margin-inline: .12em; }
.knowledge-ref-call a { text-decoration: none; }
.knowledge-source-publication { font-size: .85rem; line-height: 1.75; }
.knowledge-sources li { scroll-margin-top: 7rem; }
.knowledge-sources li:target { outline: 2px solid var(--page-accent); outline-offset: 8px; background: var(--page-panel); }
@media (max-width: 48rem) { .knowledge-article .knowledge-subheading { font-size: 1.12rem; } }

/* The directory follows the same three steps as the opening map. */
.knowledge-hub-heading { grid-column: 1 / -1; min-width: 0; }
.knowledge-main #knowledge-hub-title { max-width: none; white-space: nowrap; font-size: clamp(1.45rem, 7vw, 3.75rem); line-height: 1.2; margin-bottom: 0; }
.knowledge-hub-hero { row-gap: 1.5rem; }
.knowledge-hub-map li a { display: flex; gap: 1rem; align-items: start; color: var(--page-text); text-decoration: none; }
.knowledge-hub-map li a:hover strong { color: var(--page-accent); }
.knowledge-hub-map li a:focus-visible { outline: 3px solid var(--page-accent); outline-offset: 4px; }
.knowledge-reading-group { margin: 3.5rem 0; padding-top: 2rem; border-top: 1px solid var(--page-border-strong); scroll-margin-top: 7rem; }
.knowledge-reading-heading { display: flex; gap: 1.25rem; align-items: start; }
.knowledge-reading-number { color: var(--page-accent); font-size: 1rem; line-height: 1.5; padding-top: .45rem; }
.knowledge-reading-heading h2 { margin: 0; font-size: clamp(1.75rem,3vw,2.25rem); line-height: 1.4; }
.knowledge-reading-heading p { margin: .5rem 0 0; color: var(--page-muted); line-height: 1.8; }
.knowledge-reading-group .knowledge-category { margin: 2rem 0 0; }
.knowledge-reading-group .knowledge-category + .knowledge-category { margin-top: 3rem; }
.knowledge-reading-group .knowledge-category-heading h3 { font-size: 1.4rem; }
@media (max-width:64rem) { .knowledge-hub-map li a { display: block; } }
@media (max-width:48rem) {
  .knowledge-reading-group { margin: 2.75rem 0; padding-top: 1.5rem; scroll-margin-top: 11rem; }
  .knowledge-reading-heading { gap: .85rem; }
  .knowledge-reading-number { padding-top: .3rem; }
  .knowledge-reading-group .knowledge-category-heading h3 { font-size: 1.25rem; }
}

/* Three application entries share the system/scenario step. */
.knowledge-space-entries { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; margin: 1.5rem 0 2rem; }
.knowledge-space-entry { display: flex; flex-direction: column; gap: .5rem; min-width: 0; padding: 1rem; border: 1px solid var(--page-border); background: var(--page-panel); text-decoration: none; }
.knowledge-space-entry strong { color: var(--page-text); font-size: 1rem; line-height: 1.65; }
.knowledge-space-entry span { color: var(--page-muted); font-size: .9rem; line-height: 1.75; }
.knowledge-space-entry:hover { border-color: var(--page-accent); }
.knowledge-space-entry:focus-visible { outline: 3px solid var(--page-accent); outline-offset: 4px; }
@media(max-width:48rem) { .knowledge-space-entries { grid-template-columns: 1fr; gap: .75rem; } }