/* Grundlagen-Seiten: Einführung, Sicherheit, Robotics Suite */
.phase-box{min-width:520px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:12px}
.phase-label{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 2px 9px;font-size:.76rem;color:#dce2e5}.phase-label strong{color:#fff}
.phase-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.phase-pill{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#eef1f3;border-radius:9px;padding:9px 8px;text-decoration:none;min-height:54px;display:flex;flex-direction:column;justify-content:center}
.phase-pill span{display:block;font-size:.68rem;color:#cbd3d8;font-weight:600}.phase-pill strong{display:block;font-size:.79rem;margin-top:2px}
.phase-pill.current{border-color:var(--orange-2);background:var(--orange);box-shadow:0 0 0 2px rgba(233,120,28,.16)}.phase-pill.current span{color:#fff1e6}
.phase-pill:hover{background:rgba(255,255,255,.12)}
.foundation-hero{position:relative;overflow:hidden;border-radius:12px;border:1px solid var(--line);min-height:280px;background:#263038;margin:12px 0}
.foundation-hero img{width:100%;height:100%;min-height:280px;max-height:420px;object-fit:cover;display:block;filter:saturate(.92) contrast(.98)}
.foundation-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,34,38,.78),rgba(28,34,38,.18) 58%,rgba(28,34,38,.03))}
.foundation-hero-copy{position:absolute;z-index:2;left:24px;bottom:22px;max-width:500px;color:#fff}.foundation-hero-copy h3{font-size:1.3rem;margin:0 0 7px}.foundation-hero-copy p{margin:0;color:#edf1f3;font-size:.86rem}.foundation-hero-copy .tag{display:inline-block;background:var(--orange);border-radius:999px;padding:4px 9px;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.icon-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.icon-card{border:1px solid var(--line);border-radius:11px;background:#fff;padding:13px}.icon-card .icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--orange-soft);font-size:1.05rem;margin-bottom:8px}.icon-card b{display:block;font-size:.82rem}.icon-card span{display:block;font-size:.73rem;color:var(--muted);margin-top:3px}
.phase-chain{display:grid;gap:6px}.phase-chain a,.phase-chain div{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center;padding:7px 8px;border-radius:8px;background:var(--surface-2);text-decoration:none;color:#5f6b73;font-size:.72rem}.phase-chain b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e3e8eb;color:#66757e;font-size:.66rem}.phase-chain .current{background:var(--orange-soft);color:#86420d;font-weight:800}.phase-chain .current b{background:var(--orange);color:#fff}
.output-card{border:1px solid #efc69f;background:var(--orange-soft);border-radius:10px;padding:10px}.output-card strong{display:block;font-size:.84rem;color:#743806}.output-card span{display:block;font-size:.71rem;color:#835f42;margin-top:2px}
.status-list{display:grid;gap:6px}.status-list li{list-style:none;display:grid;grid-template-columns:18px 1fr;gap:7px;color:var(--muted);font-size:.74rem}.status-list li::before{content:'›';font-weight:900;color:var(--orange)}
.workflow{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;margin:12px 0}.workflow-step{flex:1 1 150px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px;position:relative}.workflow-step:not(:last-child)::after{content:'→';position:absolute;right:-11px;top:50%;transform:translateY(-50%);color:var(--orange);font-weight:900;background:var(--bg);padding:1px 3px;z-index:2}.workflow-step b{display:block;font-size:.78rem}.workflow-step span{font-size:.69rem;color:var(--muted)}
.compare-table td:first-child{font-weight:800;color:var(--steel)}
.safety-rule{border:1px solid var(--line);border-left:5px solid var(--orange);border-radius:10px;padding:11px 12px;background:#fff;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start}.safety-rule+.safety-rule{margin-top:8px}.safety-rule .num{width:30px;height:30px;border-radius:9px;background:var(--orange-soft);display:grid;place-items:center;color:#994a0c;font-weight:900}.safety-rule b{display:block;font-size:.82rem}.safety-rule p{margin:2px 0 0;font-size:.75rem;color:var(--muted)}
.quiz-shell{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.quiz-intro{padding:14px;background:var(--surface-2);border-bottom:1px solid var(--line)}.quiz-intro h3{margin:0 0 5px}.quiz-intro p{margin:0;font-size:.78rem;color:var(--muted)}
.safety-question{padding:14px;border-bottom:1px solid var(--line)}.safety-question:last-child{border-bottom:0}.safety-question p{margin:0 0 8px;font-size:.84rem;color:var(--ink)}.safety-question label{display:block;margin:5px 0;font-size:.77rem;color:var(--muted);cursor:pointer}.safety-question input{accent-color:var(--orange);margin-right:6px}.safety-question.critical{border-left:4px solid var(--red)}.critical-badge{display:inline-block;background:var(--red-soft);color:var(--red);border-radius:999px;padding:2px 7px;font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin-left:6px}
.quiz-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:14px;background:var(--surface-2)}.quiz-result{display:none;margin:12px 14px 14px;padding:13px;border-radius:10px}.quiz-result.pass{display:block;background:var(--green-soft);color:var(--green)}.quiz-result.fail{display:block;background:var(--red-soft);color:var(--red)}.quiz-result strong{display:block}.quiz-result span{font-size:.78rem}
.certificate-card{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.certificate-head{padding:12px 14px;background:var(--surface-2);border-bottom:1px solid var(--line);font-weight:800}.certificate-body{padding:14px}.certificate-status{padding:10px;border-radius:9px;background:var(--steel-soft);font-size:.78rem;margin-top:10px}.certificate-status.ready{background:var(--green-soft);color:var(--green)}
.position-demo{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:10px 0}.position-part{border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px;text-align:center}.position-part code{display:block;font-size:.8rem;font-weight:900;color:var(--blue)}.position-part span{display:block;font-size:.66rem;color:var(--muted);margin-top:2px}
.asset-note{display:flex;gap:10px;align-items:flex-start;border:1px dashed var(--line-strong);border-radius:10px;background:#fbfcfc;padding:11px}.asset-note .asset-icon{width:34px;height:34px;border-radius:9px;background:var(--steel-soft);display:grid;place-items:center}.asset-note b{display:block;font-size:.79rem}.asset-note span{display:block;font-size:.7rem;color:var(--muted)}
.next-banner{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid #efc49f;background:#fff8f1;border-radius:12px;padding:14px;margin-top:12px}.next-banner b{display:block;color:#7f3b08}.next-banner span{font-size:.76rem;color:#76563f}.next-banner a{white-space:nowrap}
@media(max-width:1250px){.phase-box{min-width:0}.phase-flow{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1050px){.icon-cards{grid-template-columns:1fr 1fr}.position-demo{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.phase-flow{grid-template-columns:1fr 1fr}.icon-cards{grid-template-columns:1fr}.foundation-hero-copy{left:16px;right:16px;bottom:16px}.foundation-hero{min-height:240px}.foundation-hero img{min-height:240px}.position-demo{grid-template-columns:1fr 1fr}.workflow-step:not(:last-child)::after{display:none}.next-banner{align-items:flex-start;flex-direction:column}}
.safety-question.answered-wrong{background:var(--red-soft)}
.safety-question.answered-right{background:var(--green-soft)}