/* Development: content-sized sections and footer inside one KAP viewport. */
body[data-page="development"] {
  --home-text: var(--text); --home-muted: var(--muted); --home-line: var(--line);
  --home-card: var(--panel); --home-link: var(--system); --home-action: var(--action); --home-guard: var(--guard);
}
html body[data-template][data-page="development"] main.content-field > footer.product-footer {
  display: block !important;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 32px 0 0 !important;
  padding: 24px !important;
  overflow: visible !important;
  box-sizing: border-box;
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}
html body[data-page="development"] footer.product-footer > .wrap {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0;
  box-sizing: border-box;
}
html body[data-page="development"] .development-workspace > details.development-archive {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}
html body[data-page="development"] details.development-archive > summary {
  padding: 18px 20px;
  font: 600 16px/1.6 var(--f-font-sans, system-ui);
  cursor: pointer;
  white-space: normal;
  overflow-wrap: anywhere;
}
html body[data-page="development"] details.development-archive[open] > summary { border-bottom: 1px solid var(--line); }
html body[data-page="development"] details.development-archive > .development-board { margin: 0; padding: 20px !important; }
body[data-page="development"] :is(details.development-archive > summary, footer.product-footer summary):focus-visible { outline: 2px solid var(--system); outline-offset: -3px; }
html body[data-template][data-page="development"][data-route="development"][data-dgrid-layout="D.LAYOUT.LIST"][data-developer-shell="compact-v1"] > .wrap > main#development-kap-grid-viewport.content-field[data-developer-viewport] {
  display: block !important;
  overflow-y: auto !important;
  overflow-x: clip !important;
  padding: clamp(16px, 2vw, 32px) !important;
  background: var(--panel) !important;
}
/* Only Development adopts this continuous canvas; the global shell is unchanged. */
html body[data-page="development"] :is(.context-local-nav,.developer-flow-nav,.development-kap-toolbar,.development-identity-grid,.development-layout-contract) { display:none !important; }
html body[data-page="development"] main.content-field > .context-bar {
  position:relative !important; top:auto !important; padding:0 0 12px !important;
  margin:0 !important; min-height:0 !important; height:auto !important;
  grid-template-rows:auto !important; background:transparent !important;
  border:0 !important; border-bottom:1px solid var(--line) !important;
}
html body[data-page="development"] .development-identity {
  display:block !important; position:relative !important; grid-area:auto !important;
  margin:0 !important; padding:0 !important; height:auto !important; min-height:0 !important;
  border:0 !important; border-radius:0 !important; background:transparent !important;
}
html body[data-page="development"] .development-identity-copy { display:block !important; }
html body[data-page="development"] .development-identity .eyebrow { margin:0; }
html body[data-page="development"] .development-identity h1 { margin:6px 0 12px !important; font-size:clamp(24px,2.2vw,34px) !important; line-height:1.3 !important; }
html body[data-page="development"] .development-identity .lede { margin:0 !important; font-size:15px !important; line-height:1.7 !important; max-width:76ch !important; }
html body[data-page="development"][data-dgrid-layout="D.LAYOUT.LIST"] main.content-field > .development-workspace {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  overflow: visible !important;
  gap: 0 !important;
}
html body[data-page="development"] .development-workspace > * {
  position: relative !important;
  height: auto !important;
  max-height: none !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
  scroll-margin-top: 24px;
}
html body[data-page="development"] .development-index-head { display: block !important; padding: 0 !important; }
html body[data-page="development"] .development-pulse { display: none !important; }
.development-section-nav { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.development-section-nav a { padding: 10px 16px; border: 1px solid var(--line); border-radius: 8px; }
.development-version-panel { padding: 20px 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; }
.development-version-panel h2 { font-size: 24px; line-height: 1.4; margin: 0 0 12px; }
.development-version-panel p { font-size: 14px; line-height: 1.7; }
.development-version-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 20px 0; }
.development-version-summary > div { padding: 16px; border: 1px solid var(--line); border-radius: 10px; }
.development-version-summary small, .development-version-summary strong { display: block; overflow-wrap: anywhere; }
.development-version-summary strong { font-size: 20px; margin-top: 8px; }
.development-version-history { display: grid; gap: 12px; list-style: none; margin: 0; padding: 0; }
.development-version-history li { padding: 18px; border: 1px solid var(--line); border-radius: 10px; background: rgba(16, 30, 51, .7); }
.development-version-history header, .development-version-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.development-version-history header strong { color: var(--cyan); }
.development-version-history time { color: var(--muted); font-size: 12px; }
.development-version-history p { margin: 10px 0; }
.development-version-history details { margin: 12px 0; }
.development-version-history code { display: block; white-space: normal; overflow-wrap: anywhere; font-size: 12px; }
.development-version-history nav { display: flex; flex-wrap: wrap; gap: 16px; font-size: 13px; }
.development-version-controls { margin-top: 20px; }
.development-version-controls button { padding: 10px 16px; color: var(--ink); background: transparent; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; }
.development-version-controls button:disabled { opacity: .45; cursor: default; }
html body[data-page="development"] .development-workspace .development-board { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-rows: auto !important; gap: 16px !important; padding: 0 !important; }
html body[data-page="development"] .development-board .development-card { position: relative !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; padding: 24px !important; grid-column: auto !important; grid-row: auto !important; }
html body[data-page="development"] .development-card h3 { font-size: 20px !important; line-height: 1.5 !important; }
html body[data-page="development"] .development-card > p { display: block !important; font-size: 14px !important; line-height: 1.7 !important; max-height: none !important; -webkit-line-clamp: unset !important; }
html body[data-page="development"] .development-card-detail { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 10px !important; }
html body[data-page="development"] .development-card-detail dd { white-space: normal !important; overflow-wrap: anywhere; font-size: 13px !important; }
html body[data-page="development"] .development-workspace .development-flow { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 16px !important; }
html body[data-page="development"] .development-connection { width: 100% !important; max-width: none !important; box-sizing: border-box !important; height: auto !important; min-height: 0 !important; padding: 20px !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; overflow: visible !important; }
html body[data-page="development"] .development-connection b { font-size: 18px !important; white-space: normal !important; overflow-wrap: anywhere; }
html body[data-page="development"] .development-connection span { font-size: 14px !important; line-height: 1.6 !important; white-space: normal !important; }
html body[data-page="development"] .development-workspace .launch-roadmap { padding: 24px !important; }
html body[data-page="development"] .launch-phases { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; }
html body[data-page="development"] .launch-phase { height: auto !important; min-height: 100px !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; padding: 16px !important; }
html body[data-page="development"] .launch-phase b { white-space: normal !important; font-size: 14px !important; line-height: 1.6 !important; }
@media (max-width: 900px) {
  .development-version-summary { grid-template-columns: minmax(0, 1fr) !important; }
  html body[data-page="development"] .development-workspace .development-flow,
  html body[data-page="development"] .launch-phases { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 600px) {
  html body[data-page="development"] .site .wrap { min-width: 0 !important; width: 100% !important; box-sizing: border-box; overflow-wrap: anywhere; }
  html body[data-page="development"] .site .footer-links { display: flex !important; flex-wrap: wrap !important; }
  html body[data-page="development"] .development-workspace .development-board,
  html body[data-page="development"] .development-workspace .development-flow,
  html body[data-page="development"] .launch-phases { grid-template-columns: minmax(0, 1fr) !important; }
  .development-version-panel { padding: 16px; }
}