.development-service .kapx-product-showcase { scroll-margin-top:20px; }
/* Preview and Technology share one bounded DGRID viewport contract; other pages keep their layout. */
html body[data-template][data-dgrid-layout][data-page="development-product"]:is([data-route="development-preview"],[data-route="development-technology"]) { display:flex !important; flex-direction:column; height:100dvh !important; min-height:0 !important; overflow:hidden !important; }
html body:is([data-route="development-preview"],[data-route="development-technology"]) > header.site { flex:none; position:relative; }
html body:is([data-route="development-preview"],[data-route="development-technology"]) > .xgrid-coordinate-rail { display:none; }
html body[data-template][data-dgrid-layout][data-page="development-product"]:is([data-route="development-preview"],[data-route="development-technology"]) > .wrap:not(.topbar) { display:grid !important; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto minmax(0,1fr); flex:1 1 0; width:100% !important; max-width:none !important; min-height:0; min-width:0; margin:0 !important; padding:0 !important; padding-inline:0 !important; padding-block:0 !important; overflow:hidden !important; }
html body:is([data-route="development-preview"],[data-route="development-technology"]) #product-secondary-navigation { position:relative !important; top:auto !important; margin:0 !important; grid-row:1 !important; }
html body:is([data-route="development-preview"],[data-route="development-technology"]) .product-kap-toolbar { grid-row:2 !important; }
html body:is([data-route="development-preview"],[data-route="development-technology"]) > .wrap { gap:0 !important; }
html body:is([data-route="development-preview"],[data-route="development-technology"]) main:is(#preview-kap-grid-viewport,#technology-kap-grid-viewport) { display:grid !important; grid-template-columns:repeat(var(--dgrid-columns,24),minmax(0,1fr)) !important; align-content:start; width:100% !important; min-height:0 !important; max-height:100% !important; min-width:0; padding:0 !important; margin:0 !important; overflow-y:auto !important; overflow-x:clip !important; scrollbar-width:thin; scrollbar-color:var(--rgbm-system,#35e0e0) var(--panel,#0b1728); }
html body:is([data-route="development-preview"],[data-route="development-technology"]) main:is(#preview-kap-grid-viewport,#technology-kap-grid-viewport)::-webkit-scrollbar { width:10px; height:0; }
html body:is([data-route="development-preview"],[data-route="development-technology"]) main:is(#preview-kap-grid-viewport,#technology-kap-grid-viewport)::-webkit-scrollbar-thumb { background:var(--rgbm-system,#35e0e0); border-radius:5px; }
html body:is([data-route="development-preview"],[data-route="development-technology"]) main:is(#preview-kap-grid-viewport,#technology-kap-grid-viewport) > * { grid-column:1 / -1; min-width:0; }
html body:is([data-route="development-preview"],[data-route="development-technology"]) main:is(#preview-kap-grid-viewport,#technology-kap-grid-viewport) { grid-template-rows:none !important; grid-auto-rows:max-content !important; gap:0 !important; }
html body:is([data-route="development-preview"],[data-route="development-technology"]) .kapx-product-page { width:100%; max-width:none !important; margin:0; padding:var(--dgrid-page-gap,16px); border:0; border-radius:0; }
html body:is([data-route="development-preview"],[data-route="development-technology"]) .product-kap-toolbar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; padding:8px var(--dgrid-page-gap,16px); background:var(--panel,#0b1728); border-bottom:1px solid var(--line); }
html body:is([data-route="development-preview"],[data-route="development-technology"]) .product-kap-toolbar .kap-grid-controls { border:0; padding:0; background:transparent; }
html body:is([data-route="development-preview"],[data-route="development-technology"]) .product-kap-toolbar button { min-width:44px; min-height:44px; }
html body:is([data-route="development-preview"],[data-route="development-technology"]) .product-kap-toolbar output { max-width:26ch; font-size:11px; }
html body:is([data-route="development-preview"],[data-route="development-technology"]) main > footer.site { position:relative !important; height:auto !important; width:100% !important; max-width:none; padding:var(--dgrid-page-gap,16px); box-sizing:border-box; }
html body:is([data-route="development-preview"],[data-route="development-technology"]) main > footer.site > .wrap { width:100% !important; max-width:none !important; margin:0; padding:0; }
@media(min-width:768px) and (max-width:1199px) { body:is([data-route="development-preview"],[data-route="development-technology"]) { --dgrid-columns:12; } }
/* Short windows retain a usable reading viewport instead of wrapping menu rows. */
@media(max-height:700px) {
 html body:is([data-route="development-preview"],[data-route="development-technology"]) #product-secondary-navigation > .kapx-product-nav { display:flex !important; flex-wrap:nowrap; overflow-x:auto; min-width:0; }
 html body:is([data-route="development-preview"],[data-route="development-technology"]) #product-secondary-navigation > .kapx-product-nav a { flex:0 0 150px; }
}
@media(max-width:767px) {
 body:is([data-route="development-preview"],[data-route="development-technology"]) { --dgrid-columns:4; }
 html body:is([data-route="development-preview"],[data-route="development-technology"]) #product-secondary-navigation > .kapx-product-nav { display:flex !important; flex-wrap:nowrap; overflow-x:auto; min-width:0; }
 html body:is([data-route="development-preview"],[data-route="development-technology"]) #product-secondary-navigation > .kapx-product-nav a { flex:0 0 150px; }
 html body:is([data-route="development-preview"],[data-route="development-technology"]) .product-kap-toolbar output { max-width:20ch; }
}
.kapx-preview-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; min-width:0; scroll-margin-top:24px; }
.kapx-preview-gallery > header { grid-column:1 / -1; }
.kapx-preview-gallery .kapx-preview-figure { margin:0; }
.kapx-preview-gallery :is(p,figcaption) { overflow-wrap:anywhere; }
@media(max-width:767px) { .kapx-preview-gallery { grid-template-columns:minmax(0,1fr); } }
/* Technology is a reading surface inside the existing product shell. */
.kapx-technology { color:var(--text); }
html body[data-template][data-page="development-product"][data-route="development-technology"] main.content-field { display:block !important; }
html body[data-template][data-page="development-product"][data-route="development-technology"] main.content-field > .kapx-technology { display:grid; grid-template-columns:repeat(var(--dgrid-columns,24),minmax(0,1fr)); width:100% !important; max-width:none !important; min-width:0 !important; margin-inline:0; padding:var(--dgrid-page-gap,16px); gap:var(--dgrid-page-gap,16px); box-sizing:border-box; }
.kapx-technology > * { grid-column:1 / -1; min-inline-size:0; }
.kapx-technology > section > p { max-inline-size:var(--k-reading-width,72ch); }
.kapx-technology > section { padding-block:32px; border-top:1px solid var(--line); scroll-margin-top:calc(2 * var(--k-space-K8,32px) + var(--dgrid-page-gutter,16px)); }
.kapx-technology p, .kapx-technology dd { font:16px/1.85 var(--f-font-sans,system-ui); overflow-wrap:anywhere; }
.kapx-technology h2 { font-size:clamp(23px,2.5vw,32px); line-height:1.5; }
.kapx-technology h3 { font-size:20px; line-height:1.6; }
.kapx-tech-version { display:flex; flex-wrap:wrap; gap:12px; align-items:center; padding:20px; border:1px solid var(--line); border-radius:12px; background:var(--panel); }
.kapx-tech-version strong { color:var(--rgbm-action); font-size:30px; }
.kapx-tech-version p { flex-basis:100%; margin:0; }
.kapx-tech-sections { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.kapx-tech-sections a { padding:10px 14px; border:1px solid var(--line); border-radius:8px; }
.kapx-tech-sections code,.kapx-comparison-rows code { color:var(--rgbm-system); font:700 12px/1.6 var(--f-font-mono,monospace); }
.kapx-technology > :is(header,section):target { box-shadow:inset 2px 0 var(--rgbm-system); }
.kapx-technology > header { scroll-margin-top:calc(2 * var(--k-space-K8,32px) + var(--dgrid-page-gutter,16px)); }
.kapx-comparison-guide { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--dgrid-page-gap,16px); margin:24px 0; }
.kapx-comparison-guide > div { min-width:0; padding:16px; border-block-start:2px solid var(--rgbm-system); background:var(--panel); }
.kapx-comparison-guide dt { font-size:16px; font-weight:700; color:var(--rgbm-system); }
.kapx-comparison-guide dd { margin:8px 0 0; font-size:15px; line-height:1.8; }
.kapx-comparison-rows { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
.kapx-comparison-rows a { padding:8px 12px; border:1px solid var(--line); border-radius:6px; font-size:14px; }
.kapx-comparison-row-code { display:block; color:var(--rgbm-system); font:12px/1.6 var(--f-font-mono,monospace); margin-bottom:6px; }
.kapx-comparison-matrix tr { scroll-margin-top:calc(2 * var(--k-space-K8,32px) + var(--dgrid-page-gutter,16px)); }
.kapx-comparison-matrix tr:target { outline:2px solid var(--rgbm-system); outline-offset:-2px; }
@media(max-width:767px) { .kapx-comparison-guide { grid-template-columns:minmax(0,1fr); } }
.kapx-tech-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.kapx-tech-cards article, .kapx-tech-dependencies { min-width:0; padding:24px; background:var(--panel); border:1px solid var(--line); border-radius:12px; }
.kapx-tech-cards p { margin:12px 0 0; }
.kapx-tech-state, .kapx-tech-stack { color:var(--rgbm-system); }
.kapx-tech-dependencies { margin-top:20px; }
.kapx-tech-diagram { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; padding:0; margin:24px 0; list-style:none; }
.kapx-tech-diagram > * { min-width:0; padding:18px; border:1px solid var(--line); border-inline-start:3px solid var(--rgbm-system); border-radius:8px; background:var(--panel); font-size:15px; line-height:1.7; overflow-wrap:anywhere; }
.kapx-tech-definitions { display:grid; gap:16px; margin:20px 0; }
.kapx-tech-definitions > div { padding:20px; border:1px solid var(--line); border-radius:10px; background:var(--panel); }
.kapx-tech-definitions dt { font-weight:700; color:var(--rgbm-system); }
.kapx-tech-definitions dd { margin:8px 0 0; }
.kapx-comparison-xgrid { min-inline-size:0; margin-block:24px; --comparison-grid-line:color-mix(in srgb,var(--rgbm-system) 22%,var(--line)); }
.kapx-comparison-matrix { width:100%; table-layout:fixed; border-collapse:collapse; font:14px/1.75 var(--f-font-sans,system-ui); background:var(--panel); }
.kapx-comparison-matrix caption { padding:16px; text-align:left; font-weight:700; border:1px solid var(--comparison-grid-line); color:var(--rgbm-system); }
.kapx-comparison-matrix :is(th,td) { padding:14px 10px; border:1px solid var(--comparison-grid-line); text-align:left; vertical-align:top; overflow-wrap:anywhere; }
.kapx-comparison-matrix th:first-child { width:15%; }
.kapx-comparison-matrix thead th { background:var(--panel-2,var(--panel)); color:var(--rgbm-system); font-weight:700; }
.kapx-comparison-matrix tbody th { background:var(--panel-2,var(--panel)); font-weight:700; }
.kapx-comparison-matrix tbody tr:nth-child(even) { background:color-mix(in srgb,var(--rgbm-system) 4%,var(--panel)); }
.kapx-comparison-matrix tbody tr:hover,.kapx-comparison-matrix tbody tr:focus-within { background:color-mix(in srgb,var(--rgbm-system) 10%,var(--panel)); }
.kapx-comparison-dimensions { display:none; }
.kapx-comparison-source { text-decoration:underline; text-underline-offset:4px; }
@media(min-width:1200px) and (max-width:1599px) { .kapx-comparison-matrix { font-size:13px; } .kapx-comparison-matrix :is(th,td) { padding:12px 8px; } }
@media(max-width:1199px) {
 .kapx-comparison-dimensions { display:flex; flex-wrap:wrap; gap:8px; border:0; padding:0; margin:0 0 16px; min-width:0; }
 .kapx-comparison-dimensions legend { font-weight:700; margin-bottom:12px; }
 .kapx-comparison-dimensions label { display:flex; align-items:center; gap:8px; padding:10px; border:1px solid var(--comparison-grid-line); border-radius:6px; font-size:13px; cursor:pointer; max-width:100%; box-sizing:border-box; }
 .kapx-comparison-dimensions label:has(:checked) { border-color:var(--rgbm-system); background:var(--panel); }
 .kapx-comparison-dimensions input { flex:none; accent-color:var(--rgbm-system); }
 .kapx-comparison-dimensions span { overflow-wrap:anywhere; }
 .kapx-comparison-matrix th:first-child { width:30%; }
 .kapx-comparison-matrix :is(th,td) { padding:12px 8px; }
 .kapx-comparison-xgrid:has(#comparison-pair-0:checked) tr > :nth-child(n+4),
 .kapx-comparison-xgrid:has(#comparison-pair-1:checked) tr > :nth-child(n+2):not(:nth-child(4)):not(:nth-child(5)),
 .kapx-comparison-xgrid:has(#comparison-pair-2:checked) tr > :nth-child(n+2):not(:nth-child(6)):not(:nth-child(7)),
 .kapx-comparison-xgrid:has(#comparison-pair-3:checked) tr > :nth-child(n+2):not(:nth-child(8)):not(:nth-child(9)),
 .kapx-comparison-xgrid:has(#comparison-pair-4:checked) tr > :nth-child(n+2):not(:nth-child(10)):not(:nth-child(11)) { display:none; }
}
@media print { .kapx-comparison-dimensions { display:none; } .kapx-comparison-xgrid .kapx-comparison-matrix tr > :is(th,td) { display:table-cell; } }
.kapx-technology .kapx-release-history { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:0; gap:12px; list-style:none; }
.kapx-technology .kapx-release-history li { padding:16px; border:1px solid var(--line); border-radius:8px; }
.kapx-technology .kapx-release-history :is(strong,time) { display:block; line-height:1.8; }
.kapx-technology .kapx-release-history li[aria-current] { border-color:var(--rgbm-action); }
.kapx-technology :is(a,input):focus-visible { outline:2px solid var(--rgbm-system); outline-offset:3px; }
@media(min-width:768px) and (max-width:1199px) { .kapx-tech-diagram,.kapx-technology .kapx-release-history { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(min-width:1920px) { .kapx-tech-cards { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(min-width:1200px) { html body[data-template] #product-secondary-navigation > .kapx-product-nav { grid-template-columns:repeat(8,minmax(0,1fr)); } }
@media(max-width:767px) { .kapx-tech-cards,.kapx-tech-diagram,.kapx-technology .kapx-release-history { grid-template-columns:minmax(0,1fr); } .kapx-tech-cards article { padding:18px; } }
.kapx-positioning { color:#9befd5; font-weight:600; }
.kapx-explanation { margin:32px 0; }
.kapx-explanation > section { padding:24px 0; border-top:1px solid var(--line); }
.kapx-principle-grid,.kapx-evidence { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.kapx-principle-grid article,.kapx-evidence > div { padding:20px; border:1px solid var(--line); border-radius:12px; background:rgba(8,17,32,.65); min-width:0; }
.kapx-principle-grid span { color:#9befd5; font-size:12px; letter-spacing:.06em; }
.kapx-explanation h4 { font-size:18px; line-height:1.6; margin:12px 0; }
.kapx-workflow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; list-style-position:inside; padding:0; }
.kapx-workflow li { padding:16px; border:1px solid var(--line); border-radius:8px; line-height:1.7; }
.kapx-comparison { width:100%; table-layout:fixed; border-collapse:collapse; font-size:15px; line-height:1.8; }
.kapx-comparison th,.kapx-comparison td { border-bottom:1px solid var(--line); padding:16px; text-align:left; vertical-align:top; overflow-wrap:anywhere; }
.kapx-comparison th:first-child { width:30%; }
.kapx-comparison a { text-decoration:underline; text-underline-offset:4px; }
.kapx-evidence dt { font-weight:700; color:#9befd5; }
.kapx-evidence dd { margin:12px 0 0; font-size:15px; line-height:1.8; }
@media(max-width:760px) {
 .kapx-principle-grid,.kapx-evidence,.kapx-workflow { grid-template-columns:minmax(0,1fr); }
 .kapx-comparison th,.kapx-comparison td { padding:12px 8px; }
}
.kapx-product-nav { display:flex; flex-wrap:wrap; gap:8px; grid-column:1 / -1; padding-bottom:20px; border-bottom:1px solid var(--line); }
.kapx-product-nav a { padding:10px 14px; border:1px solid var(--line); border-radius:8px; font-size:14px; line-height:1.6; }
.kapx-product-nav a:hover { background:rgba(120,220,195,.12); }
.kapx-product-nav a { display:flex; flex-direction:column; justify-content:center; gap:4px; }
.kapx-product-nav a[aria-current="page"] { background:rgba(120,220,195,.16); border-color:#9befd5; color:#9befd5; }
.kapx-product-nav small { font-size:11px; color:var(--muted); }
.context-bar > .kapx-product-nav,.context-bar > .developer-resource-rail { grid-column:1 / -1!important; width:100%; box-sizing:border-box; }
.context-bar > .kapx-product-nav { padding:12px 0; }
.developer-resource-rail { border:1px solid var(--line); border-radius:8px; padding:12px; margin:8px 0; }
.developer-resource-rail > summary { cursor:pointer; font-size:13px; }
.developer-resource-rail[open] > summary { margin-bottom:12px; }
.kapx-product-showcase { grid-column:1 / -1; padding-bottom:28px; margin-bottom:8px; border-bottom:1px solid var(--line); }
.kapx-preview-figure { margin:24px 0; min-width:0; }
.kapx-preview-figure a { display:block; }
.kapx-preview-figure img { display:block; width:100%; height:auto; border:1px solid #375669; border-radius:12px; box-sizing:border-box; }
.kapx-preview-figure figcaption { margin-top:12px; color:var(--muted); font-size:13px; line-height:1.8; }

.kapx-product-cta { display:inline-block; padding:12px 18px; background:#9befd5; color:#092b25; border-radius:8px; font-weight:700; font-size:15px; }
html body[data-page="development-product"] main.content-field { display:block !important; overflow-y:auto !important; overflow-x:clip !important; padding:clamp(16px,3vw,40px) !important; }
.kapx-product-page { max-width:1400px; width:100%; margin:0 auto; padding:clamp(18px,3vw,36px); box-sizing:border-box; border:1px solid var(--line); border-radius:16px; background:rgba(9,22,35,.96); }
.kapx-product-heading { margin:32px 0; }
.kapx-product-heading h1 { font-size:clamp(28px,4vw,46px); line-height:1.35; }
.kapx-product-heading p { max-width:80ch; line-height:1.8; font-size:17px; }
.kapx-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:28px 0; }
.kapx-product-grid-two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.kapx-product-grid section,.kapx-release-state { padding:24px; border:1px solid var(--line); border-radius:12px; background:rgba(22,43,58,.5); min-width:0; }
.kapx-product-grid section > span { font-size:12px; letter-spacing:1px; color:#9befd5; }
.kapx-product-page h2 { font-size:22px; line-height:1.5; }
.kapx-product-page p { line-height:1.8; }
.kapx-product-grid a,.kapx-release-state a { text-decoration:underline; text-underline-offset:4px; }
.kapx-product-footer { display:flex; flex-wrap:wrap; gap:20px; margin-top:36px; padding-top:20px; border-top:1px solid var(--line); }
.kapx-product-page a:focus-visible,.kapx-product-showcase a:focus-visible { outline:2px solid #9befd5; outline-offset:4px; }
@media(max-width:760px) {
 .kapx-product-grid,.kapx-product-grid-two { grid-template-columns:minmax(0,1fr); }
 .kapx-product-nav a { flex:1 1 140px; }
 html body[data-page="development-product"] .site .wrap { min-width:0!important; width:100%!important; box-sizing:border-box; overflow-wrap:anywhere; }
 html body[data-page="development-product"] .footer-links { display:flex!important; flex-wrap:wrap!important; }
}
/* Technology content hierarchy stays inside its existing D01–D07 owner. */
html body[data-route="development-technology"] main#technology-kap-grid-viewport > .kapx-technology { border:0; border-radius:0; gap:0; }
.kapx-tech-overview { display:grid; grid-template-columns:minmax(0,2fr) minmax(260px,1fr); gap:var(--dgrid-page-gap,20px); align-items:start; }
.kapx-tech-overview > * { min-width:0; }
.kapx-tech-overview h1 { font-size:clamp(28px,3vw,44px); margin:8px 0 16px; }
.kapx-tech-overview h2 { font-size:clamp(20px,2vw,26px); margin:0 0 12px; }
.kapx-tech-overview p { max-width:80ch; }
.kapx-tech-meta { padding:20px; border:1px solid var(--line); border-radius:12px; background:var(--panel); }
.kapx-tech-meta .kapx-tech-version { padding:0; border:0; background:transparent; }
.kapx-tech-meta > a { display:inline-block; margin-top:16px; text-underline-offset:4px; }
.kapx-technology .kapx-tech-sections { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); }
.kapx-technology .kapx-tech-sections a { min-width:0; overflow-wrap:anywhere; }
.kapx-technology .kapx-tech-sections code { display:block; margin-bottom:6px; }
.kapx-technology .kapx-tech-definitions { grid-template-columns:repeat(2,minmax(0,1fr)); }
html body[data-route="development-technology"] #technology-identity { margin:0; padding-block:16px 32px; }
@media(max-width:1199px) { .kapx-tech-overview { grid-template-columns:minmax(0,1fr); } .kapx-technology .kapx-tech-sections { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:767px) { .kapx-technology .kapx-tech-definitions { grid-template-columns:minmax(0,1fr); } .kapx-technology .kapx-tech-sections { grid-template-columns:repeat(2,minmax(0,1fr)); } .kapx-tech-meta { padding:16px; } }