/* Fachseite zur Elektrokonstruktion; product-detail.css liefert das gemeinsame Grundlayout. */
.guide-page { background: #f8faf7; }
.guide-intro { background-image: url("assets/hero-bg-03-schrank.png"); }
.guide-intro h1 { max-width: 1040px; }
.guide-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 36px; border-top: 1px solid #cbd6c8; border-bottom: 1px solid #cbd6c8; }
.guide-summary div { min-width: 0; padding: 20px 24px; border-right: 1px solid #d8e0d5; }
.guide-summary div:first-child { padding-left: 0; }
.guide-summary div:last-child { padding-right: 0; border-right: 0; }
.guide-summary strong,.guide-summary span { display: block; }
.guide-summary strong { margin-bottom: 7px; color: #294d33; font-size: 13px; text-transform: uppercase; }
.guide-summary span { color: #46564b; line-height: 1.55; }
.guide-overview-figure { margin-top: 42px; }
.guide-problem-band { background: #f0f5ee; }
.friction-list { border-top: 1px solid #c8d5c5; }
.friction-list div { display: grid; grid-template-columns: 42px 1fr; gap: 18px; align-items: start; padding: 18px 0; border-bottom: 1px solid #d2ddd0; }
.friction-list span { color: #2c6483; font-size: 12px; font-weight: 750; }
.friction-list p { margin: 0; line-height: 1.65; }
.context-band { background: #fbfcfa; }
.context-table { margin-top: 38px; border-top: 1px solid #bdcabb; border-bottom: 1px solid #bdcabb; }
.context-table > div { display: grid; grid-template-columns: .8fr .9fr 1.5fr; }
.context-table > div + div { border-top: 1px solid #d6dfd3; }
.context-table span { min-width: 0; padding: 17px 18px; color: #46554a; line-height: 1.55; border-right: 1px solid #d6dfd3; }
.context-table span:last-child { border-right: 0; }
.context-table .context-head span { color: #213b29; background: #edf3eb; font-size: 12px; font-weight: 750; text-transform: uppercase; }
.structure-band { background: #eaf1f4; }
.structure-flow { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); padding: 0; margin: 42px 0 0; list-style: none; border-top: 1px solid #b9cad2; border-left: 1px solid #b9cad2; }
.structure-flow li { display: grid; grid-template-columns: 34px 1fr; gap: 12px; min-width: 0; padding: 24px 22px; border-right: 1px solid #b9cad2; border-bottom: 1px solid #b9cad2; }
.structure-flow > li > span { color: #2c6483; font-size: 12px; font-weight: 750; }
.structure-flow h3 { margin: 0 0 8px; color: #203844; }
.structure-flow p { margin: 0; line-height: 1.6; }
.scenario-band { background: #fbfcf8; }
.scenario-grid { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(360px,.95fr); gap: 70px; align-items: center; }
.scenario-figure { margin: 0; }
.scenario-copy h2 { margin-top: 8px; }
.scenario-copy > p:not(.eyebrow) { font-size: 17px; line-height: 1.7; }
.scenario-steps { padding: 0; margin: 30px 0 0; list-style: none; border-top: 1px solid #cad6c8; }
.scenario-steps li { display: grid; grid-template-columns: 155px 1fr; gap: 18px; padding: 14px 0; border-bottom: 1px solid #d6dfd3; }
.scenario-steps strong { color: #284a31; }
.scenario-steps span { color: #536158; line-height: 1.55; }
.handoff-band { background: #f2f5ed; }
.handoff-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 40px; border-top: 1px solid #c9d4c6; border-bottom: 1px solid #c9d4c6; }
.handoff-grid section { padding: 28px 30px; border-right: 1px solid #d2dcd0; }
.handoff-grid section:first-child { padding-left: 0; }
.handoff-grid section:last-child { padding-right: 0; border-right: 0; }
.handoff-grid svg { width: 24px; height: 24px; color: #bd7a21; stroke-width: 1.7; }
.handoff-grid h3 { margin: 14px 0 9px; }
.handoff-grid p { margin: 0; line-height: 1.65; }
.systems-band { background: #fbfcfa; }
.system-map { margin: 0; border-top: 1px solid #c8d4c5; }
.system-map div { display: grid; grid-template-columns: 160px 1fr; gap: 24px; padding: 19px 0; border-bottom: 1px solid #d5ded2; }
.system-map dt { color: #294b32; font-weight: 750; }
.system-map dd { margin: 0; color: #4d5b52; line-height: 1.6; }
.fit-band { background: #eaf1f4; }
.fit-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 38px; border-top: 1px solid #b9cad2; border-bottom: 1px solid #b9cad2; }
.fit-grid > div { padding: 28px 32px; border-right: 1px solid #b9cad2; }
.fit-grid > div:first-child { padding-left: 0; }
.fit-grid > div:last-child { padding-right: 0; border-right: 0; }
.fit-grid h3 { color: #203844; }
.fit-grid ul { padding-left: 20px; margin: 18px 0 0; }
.fit-grid li { margin: 10px 0; color: #455761; line-height: 1.55; }
.fit-positive h3 { color: #275035; }
.guide-faq-band { background: #f8faf7; }
.guide-faq-list { border-top: 1px solid #cad5c7; }
.guide-faq-list details { border-bottom: 1px solid #d4ddd1; }
.guide-faq-list summary { padding: 20px 36px 20px 0; color: #243b2b; font-weight: 700; cursor: pointer; }
.guide-faq-list p { margin: -4px 0 22px; line-height: 1.7; }
@media (max-width: 980px) {
  .guide-summary,.structure-flow,.handoff-grid { grid-template-columns: 1fr 1fr; }
  .guide-summary div:nth-child(2) { border-right: 0; }
  .guide-summary div:last-child { grid-column: 1 / -1; padding-left: 0; border-top: 1px solid #d8e0d5; }
  .scenario-grid { grid-template-columns: 1fr; gap: 42px; }
  .handoff-grid section:nth-child(2) { border-right: 0; }
  .handoff-grid section:last-child { grid-column: 1 / -1; padding-left: 0; border-top: 1px solid #d2dcd0; }
}
@media (max-width: 680px) {
  .guide-page .main-nav a:nth-child(3),.guide-page .main-nav a:nth-child(4) { display: none; }
  .guide-summary,.structure-flow,.handoff-grid,.fit-grid { grid-template-columns: 1fr; }
  .guide-summary div,.guide-summary div:first-child,.guide-summary div:last-child { grid-column: auto; padding: 15px 0; border-right: 0; border-top: 0; border-bottom: 1px solid #d8e0d5; }
  .guide-summary div:last-child { border-bottom: 0; }
  .context-table .context-head { display: none; }
  .context-table > div { grid-template-columns: 1fr; padding: 13px 0; }
  .context-table span { padding: 3px 0; border-right: 0; }
  .context-table span:first-child { color: #274631; font-weight: 700; }
  .structure-flow { border-left: 0; }
  .structure-flow li { padding: 20px 0; border-right: 0; }
  .scenario-steps li,.system-map div { grid-template-columns: 1fr; gap: 5px; }
  .handoff-grid section,.handoff-grid section:first-child,.handoff-grid section:last-child { grid-column: auto; padding: 24px 0; border-right: 0; border-top: 0; border-bottom: 1px solid #d2dcd0; }
  .handoff-grid section:last-child { border-bottom: 0; }
  .fit-grid > div,.fit-grid > div:first-child,.fit-grid > div:last-child { padding: 22px 0; border-right: 0; border-bottom: 1px solid #b9cad2; }
  .fit-grid > div:last-child { border-bottom: 0; }
}