/* ============================================================
   Protemics — chip.css
   Ergaenzungen fuer solution-chip-inspection.html (laedt nach solution.css).
   Gleiche Sprache: Hairline-Raster, Mono-Labels, keine Schatten.
   ============================================================ */

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Unter-Ueberschrift innerhalb einer Sektion */
.sec-head-sub{margin-top:64px;margin-bottom:28px}
.sec-head-sub h3{font-size:24px;font-weight:800}
.sec-head-sub p{margin-top:12px}

/* ---------- Failure-Analysis-Kette ---------- */
.fa-flow{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:1px;background:var(--hair);border:1px solid var(--hair);
}
.fa-step{background:var(--paper);padding:26px 24px 28px;display:flex;flex-direction:column;gap:10px;position:relative}
.fa-step .fs{
  font-family:var(--font-mono);font-size:var(--fs-label);
  letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--mist);
}
.fa-step h3{font-size:19px}
.fa-step p{color:var(--mist);font-size:15px;line-height:1.55}
.fa-step.is-thz{background:var(--paper-2)}
.fa-step.is-thz::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--signal-dim)}
.fa-step.is-thz .fs{color:var(--signal-dim)}
.fa-step .fa-new{color:var(--graphite);font-weight:500}
.fa-badge{
  display:inline-block;margin-right:6px;padding:1px 7px;
  font-family:var(--font-mono);font-size:10.5px;letter-spacing:var(--tr-label);text-transform:uppercase;
  color:var(--signal-dim);border:1px solid var(--signal-dim);border-radius:var(--radius);
  vertical-align:1px;
}

/* ---------- Anstiegszeit-Vergleich ---------- */
table.cmp-rise td:nth-child(2){color:var(--mist);font-size:14.5px;line-height:1.5}
table.cmp-rise .bar-col{width:22%;min-width:160px;position:relative}
.rbar{display:block;height:8px;background:var(--hair);border-radius:1px}
.rbar-10{width:100%}
.rbar-6{width:60%}
.rbar-06{width:6%;min-width:6px;background:var(--signal-dim)}
table.cmp-rise td.bar-col{vertical-align:middle}

/* ---------- Zwei Routen ---------- */
.routes{
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:1px;background:var(--hair);border:1px solid var(--hair);
}
.route{background:var(--paper);padding:34px;display:flex;flex-direction:column;gap:12px}
.route .rl{
  font-family:var(--font-mono);font-size:var(--fs-label);
  letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--signal-dim);
}
.route p{color:var(--mist);font-size:15.5px;line-height:1.6}
.ticks{list-style:none;margin:6px 0 0;padding:0;border-top:1px solid var(--hair)}
.ticks li{
  padding:9px 0 9px 22px;border-bottom:1px solid var(--hair);
  font-size:14.5px;color:var(--graphite);position:relative;
}
.ticks li::before{content:"";position:absolute;left:2px;top:50%;width:10px;height:1px;background:var(--signal-dim)}

/* ---------- Abbildungen ---------- */
.figs{display:grid;gap:24px;margin-top:8px}
.figs + .figs{margin-top:24px}
.figs-a{grid-template-columns:1fr 1.07fr}   /* Spalten ~ Bildseitenverhaeltnis -> gleiche Hoehe */
.figs-b{grid-template-columns:1.68fr 1fr}
.figs-c{grid-template-columns:1.6fr 1fr}
.fig{margin:0;display:flex;flex-direction:column}
.fig img{
  width:100%;height:auto;background:#fff;
  border:1px solid var(--hair);border-radius:var(--radius);
}
.fig figcaption{
  margin-top:12px;font-size:14px;line-height:1.55;color:var(--mist);max-width:70ch;
}
.fig figcaption b{color:var(--graphite);font-weight:600}

.outcomes-4{grid-template-columns:repeat(4,1fr);margin-top:48px}
.outcomes-4 .ov{font-size:26px}

/* ---------- Grenzen ---------- */
.limits{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1px;background:var(--hair);border:1px solid var(--hair);
}
.lim{background:var(--paper);padding:30px 28px}
.lim .ll{
  font-family:var(--font-mono);font-size:var(--fs-label);
  letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--signal-dim);
}
.lim ul{margin:14px 0 0;padding-left:1.1em}
.lim li{margin-top:10px;font-size:15px;line-height:1.55;color:var(--graphite)}
.lim li::marker{color:var(--mist)}

/* ---------- Package-Imaging ---------- */
.sub-block{
  display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;
  padding-top:8px;
}
.sub-block-wide{
  display:block;
  margin-top:72px;padding-top:56px;border-top:1px solid var(--hair);
}
.sub-text-2{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:end;margin-bottom:28px}
.sub-text-2 .kv{margin-top:0}
.sub-text h3{margin-top:10px;font-size:24px;font-weight:800}
.sub-text p{margin-top:14px;color:var(--mist);font-size:15.5px;line-height:1.6}
.fig-setup img{max-width:440px;margin-left:auto;border:0;background:none}

.gates{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;
}
.gates .fig figcaption{
  margin-top:8px;font-family:var(--font-mono);font-size:var(--fs-label);
  letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--mist);
}

.kv{
  display:grid;grid-template-columns:auto 1fr;gap:8px 18px;
  margin:22px 0 0;padding-top:16px;border-top:1px solid var(--hair);
}
.kv dt{
  font-family:var(--font-mono);font-size:var(--fs-label);
  letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--mist);padding-top:2px;
}
.kv dd{margin:0;font-size:14.5px;line-height:1.5;color:var(--graphite)}

/* ---------- Weiterfuehrende Literatur ---------- */
.reading-h{margin-top:56px;font-size:20px}
.reading{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--hair)}
.reading li{
  display:grid;grid-template-columns:1fr auto;gap:24px;align-items:baseline;
  padding:14px 0;border-bottom:1px solid var(--hair);
}
.reading a{font-size:15px;line-height:1.5;color:var(--graphite);border-bottom:1px solid transparent}
.reading a:hover{color:var(--signal-dim);border-bottom-color:currentColor}
.reading span{
  font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--mist);white-space:nowrap;
}

/* ---------- responsive ---------- */
@media (max-width:1020px){
  .fa-flow{grid-template-columns:repeat(2,1fr)}
  .outcomes-4{grid-template-columns:repeat(2,1fr)}
  .gates{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .routes,.limits,.figs-a,.figs-b,.figs-c,.sub-block,.sub-text-2{grid-template-columns:1fr}
  .sub-text-2{gap:24px}
  .route,.lim{padding:28px}
  .sub-block{gap:28px}
  .sub-block-wide{margin-top:56px;padding-top:44px}
  .fig-setup img{margin:0 auto}
  table.cmp-rise .bar-col{min-width:110px}
  .reading li{grid-template-columns:1fr;gap:4px}
  .reading span{white-space:normal}
}
@media (max-width:520px){
  .fa-flow,.outcomes-4{grid-template-columns:1fr}
  .gates{gap:10px}
}

/* Grosse Komposit-Abbildungen: Klick oeffnet Originalgroesse */
.fig-zoom{display:block;cursor:zoom-in}
.fig-zoom:hover img{border-color:var(--signal-dim)}