/* ============================================================
   Protemics — meta.css
   Anwendungsseite Metamaterials & plasmonics
   (laedt nach solution.css, site.css und chip.css).
   ============================================================ */

/* Hero: Bild-Panel rechts */
.panel{
  border:1px solid var(--hair-dark);border-radius:var(--radius-lg);
  background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,0)),#08131C;
}
.panel-head{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:12px 16px;border-bottom:1px solid var(--hair-dark);
  font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.06em;
}
.panel-title{color:#A9BBC5}
.panel-tag{letter-spacing:var(--tr-label);color:var(--signal)}
.photo-panel{margin:0;overflow:hidden;max-width:470px;justify-self:end;width:100%}
.photo-panel img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.photo-panel figcaption{
  padding:10px 16px 12px;border-top:1px solid var(--hair-dark);
  font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.04em;color:var(--ink-text-2);
}
.hero-copy h1{font-size:clamp(38px,4.6vw,60px)}

/* Beispiele */
.sub-first{margin-top:0;padding-top:0;border-top:0}
.figs-vec{grid-template-columns:1.55fr 1fr;align-items:start}
#examples .fig img{background:var(--paper)}

/* Literatur */
.lit{display:grid;grid-template-columns:repeat(2,1fr);gap:48px 56px}
.lit-h{font-size:20px}
.lit-p{margin-top:6px;font-size:14.5px;color:var(--mist)}
.lit .reading{margin-top:14px}
.lit .reading li{grid-template-columns:1fr;gap:4px}
.lit .reading span{white-space:normal}
.own-tag{
  display:inline-block;margin-left:6px;padding:0 6px;vertical-align:1px;
  font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.06em;
  color:var(--signal-dim);border:1px solid var(--signal-dim);border-radius:var(--radius);
}
.sec-head .own-tag{margin:0 2px}

@media (max-width:860px){
  .photo-panel{justify-self:stretch;max-width:none}
  .lit{grid-template-columns:1fr;gap:40px}
  .figs-vec{grid-template-columns:1fr}
}
.fig-sensor{max-width:960px}