/* Qualitätsrevision v31: produktbezogene Selbst- und Partnerkontrolle */
.product-review{border-left:5px solid var(--blue);background:linear-gradient(135deg,#fff,#f4f8fd)}
.product-review__head span{display:inline-block;text-transform:uppercase;letter-spacing:.11em;font-size:.66rem;font-weight:900;color:var(--blue);margin-bottom:5px}
.product-review__head h2{margin:0 0 10px;color:var(--navy)}
.product-review>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 24px;margin:15px 0;padding:0;list-style:none;counter-reset:quality}
.product-review>ul li{position:relative;padding:10px 12px 10px 38px;border:1px solid var(--line);border-radius:12px;background:#fff;line-height:1.45;color:#40566a}
.product-review>ul li:before{content:"□";position:absolute;left:13px;top:9px;color:var(--blue);font-size:1.05rem;font-weight:900}
.peer-review{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:13px;background:var(--soft-blue);color:#395b78}
.peer-review strong{color:var(--navy);white-space:nowrap}.peer-review span{font-size:.82rem;line-height:1.45}
@media(max-width:720px){.product-review>ul{grid-template-columns:1fr}.peer-review{display:block}.peer-review span{display:block;margin-top:5px}}

/* V32: Einheitliche Aufgabenlayouts und neutrale Hotspotpunkte */
.check-grid,
.network-connection-check{
  grid-template-columns:minmax(0,1fr)!important;
  gap:12px;
}
.check-grid label,
.network-connection-check label{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:stretch;
  gap:8px;
  width:100%;
  min-width:0;
  padding:13px 14px;
}
.check-grid select,
.network-connection-check select,
.task-card__body select{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  margin-top:0;
}

/* Die Themenpunkte bleiben in der Haus- und Bereichsnavigation einheitlich blau. */
.scene-hotspot--fire .scene-hotspot__label:before,
.scene-hotspot--intrusion .scene-hotspot__label:before,
.fire-hotspot .scene-hotspot__label:before,
.intrusion-hotspot .scene-hotspot__label:before{
  background:var(--blue);
  box-shadow:0 0 0 5px rgba(23,104,212,.14);
}

/* Weitere Auswahlaufgaben folgen demselben einspaltigen Muster. */
.door-fault-grid{
  grid-template-columns:minmax(0,1fr)!important;
}
.door-fault-grid label,
.select-block{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:stretch;
  gap:8px;
  width:100%;
  min-width:0;
}
.door-fault-grid select,
.select-block select{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
}

/* Version 34: breite SAT-Vergleichstabellen bleiben auf kleinen Displays innerhalb der Lernkarte scrollbar. */
@media(max-width:760px){
  .learning-card .decision-table{
    display:block;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }
  .learning-card .decision-table th,
  .learning-card .decision-table td{
    min-width:128px;
    overflow-wrap:anywhere;
  }
  .learning-card .decision-table th:first-child,
  .learning-card .decision-table td:first-child{min-width:112px}
}


/* Version 38: konkrete Muster und gestufte Hilfen für Projektakte und Raumbuch. */
.help-table-wrap{max-width:100%;overflow-x:auto;overflow-y:hidden;margin:10px 0 4px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.help-table-wrap .example-table{margin:0;min-width:620px;background:#fff}
.help-table-wrap .example-table--wide{min-width:980px}
.help-box code,.project-example code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#eef3f7;border-radius:6px;padding:2px 5px;color:#29495c}
.project-example{margin-top:14px;border:1px solid #cfe0d8;border-radius:16px;background:#f3faf7;overflow:hidden}
.project-example summary{cursor:pointer;padding:13px 15px;color:#24634f;font-size:.82rem;font-weight:900}
.project-example>div{padding:0 15px 15px;color:#3f5d52;font-size:.84rem;line-height:1.65}
@media(max-width:760px){.help-table-wrap .example-table{min-width:720px}.help-table-wrap .example-table--wide{min-width:1050px}}


/* Version 39: Muster-Ausschnitte für SAT- und Datennetz-Handlungsprodukte. */
.help-box .component-flow{margin:10px 0;max-width:100%;overflow-x:auto;justify-content:flex-start;padding-bottom:5px}
.help-box .component-flow .component-box{min-width:max-content}

/* Version 39: Die Bereichswahl der Projektakte darf auch auf kleineren Desktopbreiten nicht die Seite verbreitern. */
.project-hero__actions{min-width:0;max-width:100%}
.project-domain-switch{flex-wrap:wrap;max-width:min(100%,720px);justify-content:flex-end}
@media(max-width:720px){.project-domain-switch{max-width:none;justify-content:stretch}}

/* V41: Rücksprung von der Projektakte zur zuletzt geöffneten Kapitelaufgabe */
.project-return-button{align-self:flex-start}
.project-return-button[hidden]{display:none!important}


.extension-card{border:1px dashed #c59636;background:linear-gradient(145deg,#fffaf0,#fff);position:relative}
.extension-card__label{display:inline-flex;align-items:center;border-radius:999px;background:#fff0c9;color:#7b5817;font-size:.78rem;font-weight:800;letter-spacing:.02em;padding:.35rem .65rem;margin-bottom:.65rem}

/* V48 · zusätzliche Raster für Dokumentations- und Übergabekarten */
.four-col,.five-col{display:grid;gap:14px}
.four-col{grid-template-columns:repeat(4,minmax(0,1fr))}
.five-col{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1100px){.four-col,.five-col{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.four-col,.five-col{grid-template-columns:1fr}}


/* V54a · technische Grafiken im Vollbild */
.work-diagram{margin:0 0 18px;padding:12px;border:1px solid #d5e2e9;border-radius:18px;background:#f7fafc}.work-diagram figcaption{margin:9px 4px 0;color:#536b79;font-size:.78rem;line-height:1.5}.diagram-image,.schematic-frame img{cursor:zoom-in;transition:box-shadow .2s}.diagram-image:focus-visible,.schematic-frame img:focus-visible{outline:3px solid #1768d4;outline-offset:3px}.diagram-image:hover,.schematic-frame img:hover{box-shadow:0 10px 28px rgba(22,54,76,.14)}
.diagram-dialog{width:min(96vw,1500px);height:min(94vh,1000px);max-width:none;padding:0;overflow:hidden;background:#f1f5f7}.diagram-dialog::backdrop{background:rgba(5,20,32,.76)}.diagram-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;background:#fff;border-bottom:1px solid #d5e0e7}.diagram-viewer-head h2{font-size:1rem;margin:0;max-width:70vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.diagram-viewer-tools{display:flex;align-items:center;gap:7px}.diagram-viewer-tools button{border:1px solid #cbd9e2;background:#fff;color:#173b55;border-radius:9px;padding:7px 10px;font-weight:850;cursor:pointer}.diagram-viewer-stage{height:calc(94vh - 62px);display:grid;place-items:center;overflow:hidden;touch-action:none;overscroll-behavior:contain;cursor:grab;background:linear-gradient(45deg,#e7edf1 25%,transparent 25%),linear-gradient(-45deg,#e7edf1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e7edf1 75%),linear-gradient(-45deg,transparent 75%,#e7edf1 75%);background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0}.diagram-viewer-stage:active{cursor:grabbing}.diagram-viewer-stage img{max-width:94%;max-height:90%;transform-origin:center;user-select:none;-webkit-user-drag:none;box-shadow:0 15px 50px rgba(10,38,58,.28);background:#fff}.diagram-viewer-scale{min-width:58px;text-align:center;font-size:.75rem;font-weight:800;color:#486273}@media(max-width:720px){.diagram-dialog{width:100vw;height:100dvh;margin:0;max-height:none;border-radius:0}.diagram-viewer-stage{height:calc(100dvh - 58px)}.diagram-viewer-head{padding:10px}.diagram-viewer-head h2{display:none}.diagram-viewer-tools button{padding:7px 9px}.work-diagram{padding:7px}.diagram-image{max-height:none}}

/* V54c · Detailansichten und native Rasterdarstellung */
.diagram-detail-set{margin:14px 0 18px;border:1px solid #cfdce4;border-radius:14px;background:#f8fbfc;overflow:hidden}.diagram-detail-set>summary{cursor:pointer;padding:12px 14px;font-weight:850;color:#173f59;background:#eef5f8}.diagram-detail-grid{display:grid;gap:14px;padding:14px}.diagram-detail-grid figure{margin:0;padding:9px;border:1px solid #d7e3e9;border-radius:12px;background:#fff}.diagram-detail-grid img{display:block;width:100%;max-height:none;object-fit:contain;border:0;border-radius:8px;padding:0}.diagram-detail-grid figcaption{padding:8px 3px 1px;color:#526976;font-size:.78rem;line-height:1.4}.diagram-viewer-stage img{max-width:none;max-height:none;width:auto;height:auto}
@media(max-width:720px){.diagram-viewer-tools{gap:4px}.diagram-viewer-tools button{padding:7px 8px}.diagram-viewer-scale{min-width:50px}.diagram-detail-grid{padding:9px;gap:10px}}