/* =========================================================================
   feedback.css — Press & Reviews page (built on the site tokens)
   ========================================================================= */

.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;
}

/* ---- curated press ---- */
.press-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.25rem; }
.press-card { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; padding: 1.5rem; }
.press-source { font-family: var(--display); font-weight: var(--w-medium); font-size: .78rem;
  letter-spacing: .12em; text-transform: uppercase; color: var(--muted); margin: 0 0 .5rem; }
.press-title { font-size: 1.25rem; margin: 0 0 .6rem; }
.press-excerpt { color: var(--ink-soft); font-style: italic; margin: 0 0 1rem; }

/* ---- star display ---- */
.stars { display: inline-flex; gap: .1em; font-size: 1.05rem; line-height: 1; color: var(--ink); }
.stars .empty { color: var(--magenta); }

/* ---- visitor reviews ---- */
.reviews { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.25rem; }
.review { border: 1px solid var(--line); border-radius: 8px; padding: 1.5rem; background: var(--paper); }
.review .stars { margin-bottom: .75rem; }
.review-comment { color: var(--ink-soft); line-height: 1.55; margin: 0 0 1rem; }
.review-by { font-family: var(--display); font-weight: var(--w-medium); font-size: .85rem;
  color: var(--muted); margin: 0; }

/* ---- star input (radio buttons styled as stars) ---- */
.star-input { display: inline-flex; flex-direction: row-reverse; justify-content: flex-end;
  border: 0; padding: 0; margin: 0; }
.star-input input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.star-input label { font-size: 1.9rem; line-height: 1; color: var(--line); cursor: pointer;
  padding: 0 .08em; transition: color .12s var(--ease); }
.star-input label:hover,
.star-input label:hover ~ label,
.star-input input:checked ~ label { color: var(--ink); }
/* keyboard focus visible on the stars */
.star-input input:focus-visible + label { outline: 2px solid var(--magenta); outline-offset: 2px; border-radius: 2px; }