/* press-start.css: presslandningen, alltså startsidan på press.vildproduktion.se.

   EN LITEN FIL MED FLIT
   Landningen är byggd av delar som redan finns. Sidhuvud, hero, de tre korten,
   sektionsrubriker, kontaktkort och sidfot kommer ur press.css, och rutnätet av
   gruppbrickor kommer ur press-text.css (.pt-grupper, .pt-bricka). Här står
   bara det som saknas: korten som inte är länkar, texten under varje bricka och
   de två statuskorten.

   Samma regler gäller som på resten av presspaketet: inga ramar runt element,
   inga hex-värden lösa i filen (allt går genom variablerna i press.css), och
   ingenting importeras ur eller skrivs till public/css/style.css. */

/* --- De tre korten i hero -------------------------------------------------
   På en grupps presspaket är korten länkar till sidans egna sektioner. Här
   beskriver de vad ett presspaket innehåller, och det finns ingenting att hoppa
   till förrän besökaren valt grupp. De ska därför inte se ut som något att
   klicka på: lyftet i hover tas bort och pekaren står kvar som vanligt. */
.ps-info { cursor: default; }
.ps-info:hover { transform: none; box-shadow: 0 6px 16px -10px rgba(40,26,8,0.28); }

/* --- Texten under gruppbrickan --------------------------------------------
   Brickan bär gruppens namn i sitt eget överlägg (press-text.css). Under den
   står vad gruppen ÄR, för en journalist som aldrig hört namnet förut. Två
   rader: sorten först, sedan den beskrivande meningen. */
.ps-grupp { gap: 10px; }

.ps-kind {
  margin-top: 2px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--accent);
}

.ps-line {
  font-size: 14.5px;
  line-height: 1.5;
  color: var(--brod);
}

/* --- Status --------------------------------------------------------------- */
/* Raden som står medan grupperna hämtas. Den ligger i press-start.html så att
   en besökare med långsam uppkoppling, och en sökrobot som inte kör skript,
   ser något annat än ett tomrum under rubriken. */
.ps-status { font-size: 15px; color: var(--dampad); margin: 0; }

/* Tomt eller trasigt svar. Samma kort som "Vi hittar inte gruppen" på en
   presssida, för det är samma sorts återvändsgränd: säg vad som hände och ge
   en väg vidare. */
.ps-tomt {
  background: var(--kort);
  border-radius: 12px;
  padding: clamp(24px, 4.5vw, 38px);
  max-width: 34em;
  box-shadow: 0 6px 16px -10px rgba(40,26,8,0.28);
}
.ps-tomt-rubrik {
  font-family: var(--typ-rubrik);
  font-weight: 500;
  font-size: clamp(22px, 4.4vw, 30px);
  line-height: 1.1;
  letter-spacing: -0.02em;
  margin: 0 0 10px;
}
.ps-tomt-text { font-size: 16px; line-height: 1.6; color: var(--brod); margin: 0 0 22px; }

/* --- Tangentbord ---------------------------------------------------------- */
/* outline, aldrig border: ramregeln gäller, och outline flyttar ingenting. */
.ps-grupp:focus-visible .pt-bricka { outline: 3px solid var(--accent); outline-offset: 3px; }
.ps-grupp:focus-visible { outline: none; }