.catalog-bridge{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 22px;margin:0 0 24px;border:1px solid #6387a647;border-radius:14px;background:#102034;color:#c8dcec}.catalog-bridge strong{font-size:15px;font-weight:500}.catalog-bridge p{font-size:12px;line-height:1.65;color:#9fb8ce;margin:7px 0 0}.catalog-link{display:block;flex-shrink:0;max-width:100%;padding:13px 17px;border:1px solid #8fb7d376;border-radius:9px;text-decoration:none;color:#d9edfc;background:#24465d;font-size:13px;overflow-wrap:anywhere}.configuration-note{padding:12px 16px;border-left:3px solid #bc995d;background:#202b34;font-size:13px!important;line-height:1.7}.view-presets{display:flex;gap:6px;flex-wrap:wrap;padding:10px 16px;background:#0d1929}.view-presets button{min-height:40px}.component-marker{min-height:36px;font-size:11px;max-width:180px}.component-marker.active{border-color:#b9def5;background:#31516c}.learning-page .toolbar button,.learning-page .thermal-presets button{min-height:44px}.system-stage .component-marker{box-shadow:0 2px 8px #0005}.marker[aria-pressed=true]{border-color:#c9e5fc}@media(max-width:650px){.catalog-bridge{align-items:stretch;flex-direction:column;padding:16px;gap:12px}.catalog-link{text-align:center;flex-shrink:1;font-size:12px}.component-marker{min-height:44px;font-size:10px;padding:6px 8px;max-width:125px}.view-presets{padding:8px;gap:5px}.view-presets button{min-height:44px;font-size:11px}.system-stage:not(.legacy-stage){height:510px}.learning-page main{overflow-wrap:break-word}}

.system-stage .component-marker{max-width:min(180px,calc(50% - 16px));overflow-wrap:anywhere;white-space:normal}@media(max-width:650px){.system-stage .component-marker{max-width:min(125px,calc(50% - 16px));}}
/* Long catalogue names must shrink and wrap inside narrow flex/grid tracks. */
.learning-page main{overflow-wrap:anywhere}
.learning-page main>*{min-width:0;max-width:100%}
.learning-page .breadcrumbs{flex-wrap:wrap;align-items:center;row-gap:8px;overflow-wrap:anywhere}
.learning-page .breadcrumbs>a,.learning-page .breadcrumbs>span{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.learning-page .related-links>a,.learning-page .component-buttons>button,.learning-page .subgroup-card,.learning-page .catalog-bridge>*{min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal}
.learning-page .subgroup-grid,.learning-page .learning-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:851px){.learning-page .subgroup-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:550px){.learning-page .subgroup-grid,.learning-page .learning-steps{grid-template-columns:minmax(0,1fr)}}
/* Presets form their own row; the scene and lab controls retain the two-column layout. */
.lab>.view-presets,.workbench>.view-presets{grid-column:1/-1;align-self:start;align-items:center;min-width:0}

/* Measure intrinsic content, not the previous iframe viewport height. Flow-root contains child margins. */
html.catalog-embedded-document body{height:auto!important;min-height:0!important;display:flow-root;margin:0}
.catalog-choices{margin-top:12px}.catalog-choices label{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px}.catalog-choices select{max-width:100%;min-height:42px;background:#142b40;color:#d9e9f5;border:1px solid #7fa0bb66;border-radius:6px;padding:8px}.catalog-bridge>div{min-width:0}.catalog-link{white-space:normal;text-align:center;max-width:420px}@media(max-width:650px){.catalog-link{max-width:100%}.catalog-choices select{width:100%}}