/* ================= PROOF PAGE ================= */

.report-head{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-bottom:16px}
.report-tag{font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ink);background:var(--orange);padding:6px 12px}
.report-verb{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;color:var(--concrete)}

.report-feature{margin-block:clamp(28px,4vw,48px)}
.report-photo{margin:0;position:relative}
.report-photo img{width:100%;max-height:62vh;object-fit:cover}
.report-photo figcaption{position:absolute;left:12px;bottom:12px;background:var(--ink);
  color:rgba(244,238,227,.85);padding:6px 10px;font-size:10px;letter-spacing:.12em}

/* report gallery strip */
.report-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  margin-block:clamp(36px,5vw,56px)}
.report-gallery figure{margin:0;background:var(--paper)}
.report-gallery img{width:100%;aspect-ratio:3/2;object-fit:cover}

/* per-platform breakdown */
.platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.pf{background:var(--paper);padding:clamp(24px,2.6vw,34px);display:flex;flex-direction:column;gap:18px}
.pf-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  border-bottom:1px solid var(--line);padding-bottom:14px}
.pf-name{font-family:var(--display);font-weight:900;font-size:clamp(20px,2.2vw,26px);
  text-transform:uppercase;letter-spacing:-.01em;color:var(--ink)}
.pf-link{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--concrete);white-space:nowrap;transition:color .2s}
.pf-link:hover{color:var(--orange)}
.pf-stats{margin:0;display:flex;flex-direction:column;gap:0}
.pf-stats div{display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  padding:9px 0;border-bottom:1px solid var(--line)}
.pf-stats div:last-child{border-bottom:0}
.pf-stats dt{margin:0;font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--concrete)}
.pf-stats dd{margin:0;font-family:var(--display);font-weight:900;font-size:clamp(18px,2vw,22px);
  color:var(--ink);letter-spacing:-.01em}

@media (max-width:880px){
  .platforms{grid-template-columns:1fr}
  .report-gallery{grid-template-columns:1fr 1fr}
}
@media (max-width:520px){
  .report-gallery{grid-template-columns:1fr}
}

/* pending link state — shown until the post URL is added */
.pf-link--pending{color:var(--concrete);opacity:.55;cursor:default;
  font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.pf-link--pending::after{content:" //";opacity:.5}