/* Keep the title inside its own editorial column on wide screens. */
:root {
  --green:#075247;
  --max:clamp(82rem,92vw,140rem);
}

@media(min-width:2200px){html{font-size:clamp(17px,.78vw,21px)}}

/* v1.146 PROJECT WIDE CANVAS
   Cleanery was already fluid at desktop sizes; only its ultrawide ceiling grows. */
@media (min-width:2200px) {
  :root { --max:clamp(140rem,88vw,168rem); }
}

@media (min-width:561px) {
  .hero h1 {
    max-width:100%;
    font-size:clamp(4.8rem,7.6vw,7rem);
  }
}

@media (max-width:560px) {
  .hero h1 {
    font-size:clamp(4rem,17vw,5.6rem);
  }
}

.microinteraction {
  width:min(100% - 2.5rem,var(--max));
  margin:0 auto clamp(5rem,10vw,9rem);
  padding:clamp(3rem,7vw,7rem) 0 0;
  border-top:1px solid var(--line);
}

.microinteraction-lead {
  display:grid;
  grid-template-columns:.24fr 1.08fr .88fr;
  gap:clamp(1.5rem,4vw,5rem);
  align-items:start;
}

.microinteraction-lead .section-index {
  grid-column:1;
}

.microinteraction-lead > div {
  grid-column:2;
}

.microinteraction-lead h2 {
  max-width:62rem;
  margin-top:1.1rem;
}

.microinteraction-lead > p:last-child {
  grid-column:3;
  margin:2rem 0 0;
  color:var(--muted);
  font-size:clamp(1rem,1.3vw,1.18rem);
  line-height:1.55;
}

.sweep-sequence {
  margin-top:clamp(3.5rem,7vw,7rem);
  display:grid;
  grid-template-columns:1.22fr .78fr;
  gap:clamp(1rem,3vw,3rem);
  align-items:end;
}

.sweep-sequence figure {
  min-width:0;
  margin:0;
  padding:clamp(.55rem,1.2vw,1rem);
  background:#101b18;
}

.sweep-sequence figure:last-child {
  margin-bottom:clamp(-2.5rem,-3vw,-1rem);
}

.sweep-sequence img {
  width:100%;
  height:auto;
  display:block;
  border:1px solid rgba(255,255,255,.18);
}

.sweep-sequence figcaption {
  margin:.8rem .25rem .15rem;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.8rem;
  color:rgba(245,243,237,.72);
  font-size:.78rem;
}

.sweep-sequence figcaption span {
  color:var(--sun);
  font-weight:700;
}

.interaction-notes {
  margin-top:clamp(5rem,9vw,9rem);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.interaction-notes article {
  min-height:18rem;
  padding:1.35rem 1.5rem 1.8rem;
  border-right:1px solid var(--line);
}

.interaction-notes article:first-child {
  padding-left:0;
}

.interaction-notes article:last-child {
  padding-right:0;
  border-right:0;
}

.interaction-notes b {
  color:var(--green);
  font-size:.72rem;
  letter-spacing:.1em;
}

.interaction-notes h3 {
  margin:4.5rem 0 .65rem;
  font-size:1.12rem;
}

.interaction-notes p {
  max-width:29rem;
  margin:0;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.5;
}

@media (max-width:800px) {
  .microinteraction-lead {
    grid-template-columns:.25fr 1fr;
  }

  .microinteraction-lead .section-index {
    grid-column:1;
  }

  .microinteraction-lead > div,
  .microinteraction-lead > p:last-child {
    grid-column:2;
  }

  .microinteraction-lead > p:last-child {
    margin-top:0;
  }

  .sweep-sequence {
    grid-template-columns:1fr;
  }

  .sweep-sequence figure:last-child {
    width:min(84%,46rem);
    margin:-1.3rem 0 0 auto;
  }

  .interaction-notes {
    grid-template-columns:1fr;
  }

  .interaction-notes article,
  .interaction-notes article:first-child,
  .interaction-notes article:last-child {
    min-height:0;
    padding:1.4rem 0;
    border-right:0;
    border-bottom:1px solid var(--line);
  }

  .interaction-notes article:last-child {
    border-bottom:0;
  }

  .interaction-notes h3 {
    margin:1.8rem 0 .55rem;
  }
}

@media (max-width:560px) {
  .microinteraction {
    width:min(100% - 2rem,var(--max));
  }

  .microinteraction-lead {
    grid-template-columns:1fr;
  }

  .microinteraction-lead .section-index,
  .microinteraction-lead > div,
  .microinteraction-lead > p:last-child {
    grid-column:auto;
  }

  .sweep-sequence figure,
  .sweep-sequence figure:last-child {
    width:100%;
    margin:0;
    padding:.4rem;
  }

  .sweep-sequence figcaption {
    grid-template-columns:1fr;
  }
}

@media (min-width:1600px) {
  .microinteraction-lead {
    grid-template-columns:.16fr 1.12fr .9fr;
    gap:clamp(3rem,5vw,7rem);
  }

  .microinteraction-lead > p:last-child {
    max-width:48rem;
  }

  .sweep-sequence {
    grid-template-columns:1.3fr .7fr;
  }

  .interaction-notes article {
    min-height:20rem;
    padding:1.8rem 2.2rem 2.2rem;
  }

  .interaction-notes article:first-child {
    padding-left:0;
  }
}

.integrity {
  width:min(100% - 2.5rem,var(--max));
  margin:0 auto clamp(5rem,10vw,9rem);
  padding:clamp(2.5rem,6vw,5.5rem);
  color:var(--paper-bright);
  background:#101b18;
}

.integrity-lead {
  display:grid;
  grid-template-columns:.28fr 1fr 1fr;
  gap:clamp(1.5rem,4vw,4rem);
  align-items:start;
}

.integrity-lead .section-index {
  grid-column:1;
  grid-row:1;
}

.integrity-lead .eyebrow {
  grid-column:2;
  grid-row:1;
  color:var(--mint);
}

.integrity-lead h2 {
  grid-column:2;
  grid-row:2;
  margin-top:.75rem;
}

.integrity-lead > p:last-child {
  grid-column:3;
  grid-row:2;
  margin:.75rem 0 0;
  color:rgba(245,243,237,.72);
  font-size:1rem;
  line-height:1.55;
}

.integrity-principles {
  margin-top:clamp(3.5rem,7vw,7rem);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(255,255,255,.28);
  border-bottom:1px solid rgba(255,255,255,.28);
}

.integrity-principles article {
  min-height:18rem;
  padding:1.4rem 1.4rem 1.8rem;
  border-right:1px solid rgba(255,255,255,.22);
}

.integrity-principles article:first-child {
  padding-left:0;
}

.integrity-principles article:last-child {
  border-right:0;
}

.integrity-principles span {
  color:var(--sun);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.1em;
}

.integrity-principles h3 {
  margin:4.4rem 0 .65rem;
  font-size:1.1rem;
}

.integrity-principles p {
  margin:0;
  color:rgba(245,243,237,.68);
  font-size:.88rem;
  line-height:1.5;
}

.quality-note {
  max-width:56ch;
  margin:.9rem 0 0;
  /* --muted ist für hellen Grund gedacht und ergibt hier auf dem dunklen
     Abschnitt nur 3.02:1. Dieser Absatz steht in einem Kapitel, das
     Barrierefreiheit als Ergebnis ausweist; er muss sie selbst einhalten. */
  color:#8a9a94;
  font-size:.74rem;
  line-height:1.5;
}

.integrity .technical-proof {
  max-width:none;
  margin:clamp(2rem,4vw,3.5rem) 0 0;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,.22);
  color:rgba(245,243,237,.68);
}
.integrity .technical-proof a {
  color:var(--mint);
  text-decoration-thickness:1px;
  text-underline-offset:.18em;
}

.quality-score {
  margin-top:clamp(3rem,6vw,5rem);
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid rgba(185,226,211,.42);
}

.quality-score a {
  min-height:9rem;
  margin:0;
  padding:1.3rem;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  color:inherit;
  border-right:1px solid rgba(185,226,211,.32);
  text-decoration:none;
  transition:background-color .25s ease;
}

.quality-score a:last-child {
  border-right:0;
}

.quality-score a:hover,
.quality-score a:focus-visible {
  background:rgba(185,226,211,.1);
}

.quality-score a:focus-visible,
.evidence-card:focus-visible {
  outline:3px solid var(--sun);
  outline-offset:4px;
}

.quality-score strong {
  color:var(--mint);
  font-family:"Source Serif 4",Georgia,serif;
  font-size:clamp(3.4rem,7vw,6.5rem);
  font-weight:400;
  line-height:.8;
  letter-spacing:-.06em;
}

.quality-score span {
  color:rgba(245,243,237,.72);
  font-size:.7rem;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.evidence-grid {
  margin-top:clamp(2.5rem,5vw,4.5rem);
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:clamp(1rem,2.5vw,2.2rem);
  align-items:start;
}

.evidence-card {
  grid-column:span 6;
  min-width:0;
  padding:clamp(1.4rem,2.5vw,2.5rem);
  color:var(--ink);
  background:var(--panel-bright,var(--paper-bright));
  text-decoration:none;
  transition:transform .3s ease,background-color .3s ease;
}

.evidence-card:hover {
  background:#fffef9;
  transform:translateY(-.35rem);
}

.evidence-card > header {
  padding-bottom:1rem;
  display:flex;
  justify-content:space-between;
  gap:1rem;
  border-bottom:1px solid var(--line);
  color:var(--muted);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.evidence-card figure {
  margin:1.25rem 0 0;
}

.evidence-card figure img {
  width:100%;
  height:auto;
  display:block;
  border:1px solid var(--line);
}

.evidence-card figcaption {
  margin-top:.65rem;
  color:var(--muted);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.evidence-card > p {
  max-width:42rem;
  margin:1.25rem 0 0;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.5;
}

.evidence-card > p span {
  color:var(--green);
  font-weight:700;
}

.evidence-tls {
  grid-column:span 12;
}

.tls-summary {
  min-height:13rem;
  display:flex;
  align-items:flex-end;
  gap:clamp(1.5rem,4vw,4rem);
  border-bottom:1px solid var(--line);
}

.tls-summary strong {
  color:var(--green);
  font-family:"Source Serif 4",Georgia,serif;
  font-size:clamp(6rem,13vw,12rem);
  font-weight:400;
  line-height:.72;
  letter-spacing:-.08em;
}

.tls-summary p {
  margin:0 0 1.3rem;
  font-weight:700;
}

.tls-summary small {
  color:var(--muted);
  font-weight:400;
}







@media (max-width:800px) {
  .hero-copy,
  .hero-screen {
    min-width:0;
  }

  .hero-screen {
    width:100%;
  }

  .integrity-lead {
    grid-template-columns:.25fr 1fr;
  }

  .integrity-lead > p:last-child {
    grid-column:2;
    grid-row:3;
    margin-top:0;
  }

  .integrity-principles {
    grid-template-columns:1fr;
  }

  .integrity-principles article,
  .integrity-principles article:first-child {
    min-height:0;
    padding:1.4rem 0;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.22);
  }

  .integrity-principles article:last-child {
    border-bottom:0;
  }

  .integrity-principles h3 {
    margin:1.8rem 0 .55rem;
  }

  .quality-score {
    grid-template-columns:1fr 1fr;
  }

  .quality-score a:nth-child(2) {
    border-right:0;
  }

  .quality-score a:nth-child(-n+2) {
    border-bottom:1px solid rgba(185,226,211,.32);
  }

  .evidence-card,
  .evidence-tls {
    grid-column:span 12;
  }
}

@media (max-width:560px) {
  .integrity {
    width:100%;
    padding:3rem 1rem;
  }

  .integrity-lead {
    grid-template-columns:1fr;
  }

  .integrity-lead .section-index,
  .integrity-lead .eyebrow,
  .integrity-lead h2,
  .integrity-lead > p:last-child {
    grid-column:auto;
    grid-row:auto;
  }

  .integrity-lead > p:last-child {
    margin-top:0;
  }

  .quality-score a {
    min-height:7.5rem;
    padding:1rem;
  }

  .quality-score strong {
    font-size:clamp(3rem,17vw,5rem);
  }

  .evidence-card {
    padding:1.2rem;
  }

  .tls-summary {
    min-height:9rem;
  }
}

@media (min-width:1600px) {
  .hero {
    grid-template-columns:minmax(25rem,.72fr) minmax(50rem,1.28fr);
    gap:clamp(5rem,7vw,10rem);
  }

  .hero h1 {
    font-size:clamp(7rem,7.1vw,9rem);
  }

  .hero-intro {
    max-width:48rem;
    font-size:1.18rem;
  }

  .statement {
    grid-template-columns:.2fr 1.15fr .85fr;
    gap:clamp(2.5rem,5vw,6rem);
  }

  .decisions {
    grid-template-columns:.72fr 1.28fr;
    gap:clamp(5rem,8vw,11rem);
  }

  .integrity-lead {
    grid-template-columns:.18fr .95fr 1.1fr;
    gap:clamp(3rem,5vw,7rem);
  }

  .integrity-lead > p:last-child {
    max-width:50rem;
    font-size:1.08rem;
  }

  .integrity-principles article {
    min-height:20rem;
    padding:1.8rem 2.2rem 2.2rem;
  }

  .integrity-principles article:first-child {
    padding-left:0;
  }

  .evidence-card,
  .evidence-tls {
    grid-column:span 4;
  }

  .reflection {
    grid-template-columns:.86fr 1.14fr;
    gap:clamp(6rem,10vw,13rem);
  }
}

/* Diese Datei wird zuletzt geladen und setzt :root erneut, deshalb steht
   die dunkle Darstellung hier und nicht in cleanery.css. */
[data-theme="dark"] {
  --paper: #101614;
  --panel-bright: #18211e;
  --green: #5fc0ab;
  --ink: #e4e8e4;
  --panel-dark: #16221f;
  --muted: #9aa8a2;
  --line: #33413c;
}

[data-theme="dark"] .quality-note { color: #9aa8a2; }

/* Auf der hellen Blaufläche bleibt die Schrift dunkel. */
[data-theme="dark"] .reflection,
[data-theme="dark"] .reflection * { color: #16221f; }
/* Ein fest notierter Grauton, der auf dunklem Grund nicht mehr trägt. */
[data-theme="dark"] .case-header { color: #9aa8a2; }

/* Zwei fest notierte Töne, die im dunklen Grund verschwinden:
   die Einleitung und die Schrift auf der Schaltfläche. */
[data-theme="dark"] .hero-intro { color: #b9c6c0; }
[data-theme="dark"] .live-link { color: var(--ink); }

/* Der Integritaetsabschnitt und die Belegkarten sind im hellen Entwurf
   dunkle Flaechen. Im dunklen Thema lagen sie mit 1.04 und 1.07 auf
   dem Grund. Grund #101614 -> Flaeche #262c29 (1.29) -> Karte
   #343a36 (1.22). */
[data-theme="dark"] { --panel-dark: #262c29; --panel-bright: #343a36; }
[data-theme="dark"] .integrity { background: #262c29; }


/* v4.8.94 — technical evidence is part of the authorship record, not the hero. */
.technical-proof-head {
  margin-top:clamp(2rem,4vw,3.25rem);
  padding-top:1rem;
  display:grid;
  grid-template-columns:.65fr 1.35fr;
  gap:clamp(1rem,3vw,3rem);
  border-top:1px solid rgba(255,255,255,.22);
}
.technical-proof-head .eyebrow { color:var(--mint); }
.technical-proof-head > p:last-child {
  margin:0;
  color:rgba(245,243,237,.68);
  font-size:.78rem;
  line-height:1.5;
}
.proof-gallery {
  margin-top:1.25rem;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(.7rem,1.5vw,1.1rem);
}
.proof-card {
  min-width:0;
  margin:0;
  padding:.55rem;
  border:1px solid rgba(185,226,211,.25);
  background:rgba(245,243,237,.035);
}
.proof-image {
  display:block;
  color:#183c35;
  background:#f5f4ed;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.18);
}
.proof-image img {
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
}
.proof-image > span {
  display:flex;
  align-items:center;
  min-height:2.3rem;
  padding:.45rem .6rem;
  border-top:1px solid rgba(24,60,53,.14);
  font-size:.67rem;
  line-height:1.25;
}
.proof-image:is(:hover,:focus-visible) > span { text-decoration:underline; text-underline-offset:.18em; }
.proof-card figcaption {
  padding:.7rem .15rem .15rem;
  display:grid;
  grid-template-columns:1fr auto;
  gap:.25rem .7rem;
  align-items:baseline;
}
.proof-card figcaption > span {
  color:rgba(245,243,237,.64);
  font-size:.67rem;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.proof-card figcaption strong {
  color:var(--mint);
  font-family:"Source Serif 4",Georgia,serif;
  font-size:1.45rem;
  font-weight:400;
  line-height:1;
}
.proof-card figcaption a {
  grid-column:1/-1;
  width:max-content;
  color:rgba(245,243,237,.8);
  font-size:.7rem;
  text-underline-offset:.18em;
}
.proof-disclaimer {
  max-width:76ch;
  margin:.8rem 0 0;
  color:rgba(245,243,237,.56);
  font-size:.68rem;
  line-height:1.45;
}
@media (max-width:800px) {
  .technical-proof-head { grid-template-columns:1fr; gap:.55rem; }
  .proof-gallery { grid-template-columns:1fr; }
  .proof-card { padding:.5rem; }
}


/* v4.8.94 — compact verification module: evidence stays visible, but the
   module reads as one controlled technical appendix rather than three
   competing feature cards. */
.verification-module {
  margin-top:clamp(2.4rem,5vw,4.25rem);
  border:1px solid rgba(185,226,211,.34);
  background:rgba(245,243,237,.018);
}
.verification-head {
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:clamp(1rem,3vw,3rem);
  align-items:start;
  padding:1rem 1.1rem;
  border-bottom:1px solid rgba(185,226,211,.24);
}
.verification-head .eyebrow { color:var(--mint); margin:0; }
.verification-head > p:last-child {
  margin:0;
  max-width:62ch;
  color:rgba(245,243,237,.62);
  font-size:.76rem;
  line-height:1.5;
}
.verification-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.verification-item {
  min-width:0;
  padding:.85rem;
  border-right:1px solid rgba(185,226,211,.22);
}
.verification-item:last-child { border-right:0; }
.verification-shot {
  height:clamp(7rem,10vw,9.25rem);
  padding:.45rem;
  display:grid;
  place-items:center;
  overflow:hidden;
  color:#183c35;
  background:#f5f4ed;
  border:1px solid rgba(185,226,211,.24);
  text-decoration:none;
}
.verification-shot img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  transform:none;
}
.verification-shot:is(:hover,:focus-visible) { outline:2px solid var(--mint); outline-offset:2px; }
.verification-meta {
  display:flex;
  justify-content:space-between;
  gap:.8rem;
  align-items:baseline;
  padding:.72rem .05rem .45rem;
}
.verification-meta span {
  color:rgba(245,243,237,.63);
  font-size:.66rem;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.verification-meta strong {
  flex:0 0 auto;
  color:var(--mint);
  font:400 1.45rem/1 "Source Serif 4",Georgia,serif;
}
.verification-actions {
  display:flex;
  flex-wrap:wrap;
  gap:.45rem .85rem;
  padding:.05rem .05rem .2rem;
}
.verification-actions a {
  color:rgba(245,243,237,.78);
  font-size:.68rem;
  text-underline-offset:.18em;
}
.verification-note {
  margin:0;
  padding:.72rem 1.1rem .8rem;
  border-top:1px solid rgba(185,226,211,.22);
  color:rgba(245,243,237,.52);
  font-size:.67rem;
  line-height:1.45;
}
@media (max-width:800px) {
  .verification-head { grid-template-columns:1fr; gap:.5rem; }
  .verification-grid { grid-template-columns:1fr; }
  .verification-item { border-right:0; border-bottom:1px solid rgba(185,226,211,.22); }
  .verification-item:last-child { border-bottom:0; }
  .verification-shot { height:clamp(9rem,44vw,13rem); }
}


/* v4.8.95 — evidence is a single editorial module: two readable PageSpeed
   records above one full-width TLS record. No proof is cropped; the measured
   scores remain visible in the archived screenshots. */
.verification-module {
  max-width:78rem;
  margin-inline:auto;
}
.verification-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.verification-item {
  padding:clamp(.7rem,1.2vw,1rem);
  border-right:1px solid rgba(185,226,211,.22);
  border-bottom:1px solid rgba(185,226,211,.22);
}
.verification-item:nth-child(2) { border-right:0; }
.verification-item--wide {
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(12rem,.7fr);
  grid-template-rows:auto auto;
  gap:.15rem clamp(1rem,2.2vw,2rem);
  align-items:center;
  border-right:0;
  border-bottom:0;
}
.verification-shot {
  height:auto;
  min-height:0;
  padding:.42rem;
  display:block;
  overflow:visible;
}
.verification-shot img {
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
}
.verification-item--wide .verification-shot {
  grid-row:1/3;
}
.verification-item--wide .verification-meta,
.verification-item--wide .verification-actions {
  align-self:end;
}
.verification-item--wide .verification-actions { align-self:start; }
.verification-shot { position:relative; }
.verification-shot::after {
  content:'Vergrössern';
  position:absolute;
  right:.7rem;
  bottom:.7rem;
  padding:.34rem .48rem;
  border:1px solid rgba(24,60,53,.18);
  background:rgba(245,244,237,.92);
  color:#183c35;
  font-size:.62rem;
  line-height:1;
  letter-spacing:.04em;
  opacity:0;
  transform:translateY(.2rem);
  transition:opacity .18s ease, transform .18s ease;
  pointer-events:none;
}
.verification-shot:is(:hover,:focus-visible)::after { opacity:1; transform:none; }

.proof-dialog {
  width:min(94vw,92rem);
  max-width:none;
  max-height:94svh;
  margin:auto;
  padding:0;
  border:0;
  background:#f5f4ed;
  color:#183c35;
}
.proof-dialog::backdrop { background:rgba(5,15,12,.86); }
.proof-dialog__shell { max-height:94svh; overflow:auto; }
.proof-dialog__bar {
  position:sticky; top:0; z-index:2;
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:.75rem 1rem; border-bottom:1px solid rgba(24,60,53,.22);
  background:rgba(245,244,237,.97); font-size:.8rem;
}
.proof-dialog__bar p { margin:0; font-weight:700; }
.proof-dialog__bar button {
  min-height:44px; padding:.45rem .8rem; border:1px solid rgba(24,60,53,.3);
  border-radius:2rem; background:transparent; color:#183c35;
}
.proof-dialog__bar button:hover { background:#183c35; color:#f5f4ed; }
.proof-dialog figure { margin:0; padding:clamp(.7rem,2vw,1.5rem); }
.proof-dialog img { display:block; width:100%; height:auto; max-height:calc(94svh - 10rem); object-fit:contain; background:#fff; }
.proof-dialog figcaption { padding-top:.65rem; color:#51655e; font-size:.76rem; }
.proof-dialog__status { min-height:1.4em; margin:0 1rem 1rem; color:#51655e; font-size:.78rem; }
html.proof-dialog-open, body.proof-dialog-open { overflow:hidden; }

@media (max-width:800px) {
  .verification-grid { grid-template-columns:1fr; }
  .verification-item, .verification-item:nth-child(2) { border-right:0; border-bottom:1px solid rgba(185,226,211,.22); }
  .verification-item--wide { grid-column:auto; display:block; border-bottom:0; }
  .verification-shot { height:auto; }
  .verification-item--wide .verification-meta { padding-top:.72rem; }
  .proof-dialog { width:100vw; max-height:100svh; }
  .proof-dialog__shell { max-height:100svh; }
  .proof-dialog img { max-height:calc(100svh - 11rem); }
}