/* ============ CursedForge - press kit ============ */
/* The shell, tokens, header, footer and consent banner are shared with the
   legal pages. Only the press kit's own furniture lives here. */
@import url("/legal.css?v=20260816a");

.back-link { font-size:16px; font-weight:600 }

/* The press kit opens with a titled band rather than the legal page head. */
.hero { padding-top:64px; border-bottom:1px solid var(--rule) }
.hero h1 { max-width:16ch }
h1 b { color:var(--cf-cyan); font-weight:400 }
.lede { max-width:68ch; margin:24px 0; color:var(--cf-text); font-size:var(--t-1); line-height:1.5 }
.status {
  display:inline-block; padding:6px 14px;
  border:1px solid var(--rule-strong); border-radius:3px;
  color:var(--cf-brass); font-size:13px; font-weight:600;
  letter-spacing:.18em; text-transform:uppercase;
}

/* ---------- fact sheet ---------- */
.fact-grid {
  display:grid; grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1px; background:var(--rule); border:1px solid var(--rule);
  border-radius:3px; overflow:hidden;
}
.fact-grid div { padding:18px 20px; background:rgba(22,24,29,.96) }
dt {
  color:var(--cf-text-dim); font-size:13px; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase;
}
dd { margin:4px 0 0; color:var(--cf-text); font-size:var(--t-1); line-height:1.4 }

/* A boundary is a claim about what is and is not true today. Green where it
   is verified now, brass where it is only planned. */
.boundary {
  margin:22px 0 0; padding:14px 22px;
  border:1px solid var(--rule); border-left:2px solid var(--cf-good);
  border-radius:3px; background:rgba(40,45,55,.45);
}
.boundary.planned { border-left-color:var(--cf-warn) }
.boundary p:last-child { margin-bottom:0 }

/* ---------- official links ---------- */
.official-links {
  display:grid; grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px; margin-top:28px;
}
.official-links a {
  padding:18px; border:1px solid var(--rule);
  border-radius:3px; color:var(--cf-text); font-weight:600;
  text-decoration:none; transition:border-color .25s ease-out, transform .25s ease-out;
}
.official-links a:hover { border-color:var(--cf-brass); transform:translateY(-2px) }
.official-links span { display:block; color:var(--cf-cyan); font-weight:400; font-size:15px }

.quote {
  padding:22px 24px; border:1px solid var(--rule); border-left:2px solid var(--cf-bronze);
  border-radius:3px; background:rgba(26,11,46,.45);
  color:var(--cf-text); font-size:var(--t-1);
}

/* ---------- brand assets ---------- */
.asset-row { display:flex; gap:28px; align-items:center; margin-bottom:26px }
.asset-row img {
  width:180px; height:180px; border:1px solid var(--rule-strong); border-radius:3px;
}
/* ---------- fact-checking FAQ ---------- */
details {
  margin:10px 0; border:1px solid var(--rule); border-radius:3px;
  background:rgba(40,45,55,.35);
}
summary {
  padding:14px 18px; color:var(--cf-text); cursor:pointer;
  font-weight:600; list-style-position:outside;
}
summary::marker { color:var(--cf-cyan) }
details p { max-width:none; padding:0 18px 16px; margin:0 }

@media (max-width:760px) {
  .hero { padding-top:44px }
  .fact-grid, .official-links { grid-template-columns:1fr }
  .asset-row { align-items:flex-start; flex-direction:column }
  .asset-row img { width:150px; height:150px }
}