/*
 * Tahap 21.7 — Public Desktop Contract
 * FINAL viewport authority for >=960px.
 * Never place tablet/mobile repair in this file.
 */
@layer project {
  @media (min-width:960px) {
    /* Freeze desktop actor composition: no absolute icon can cover title. */
    .home-actor-grid{
      grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .home-actor-grid article,
    .home-actor-grid article:not(:nth-child(3n + 1)){
      position:relative;
      min-height:var(--space-0);
      display:grid;
      grid-template-columns:var(--space-10) minmax(0,1fr);
      grid-template-rows:auto auto;
      column-gap:var(--space-3);
      row-gap:var(--space-2);
      align-content:start;
      padding:var(--space-8) var(--space-6);
      border-left:var(--space-0);
      border-bottom:1px solid var(--color-border);
    }
    .home-actor-grid article:not(:nth-child(3n + 1)){
      border-left:1px solid var(--color-border);
    }
    .home-actor-grid article > .home-process-icon{
      position:static;
      left:auto;
      top:auto;
      grid-column:1;
      grid-row:1 / span 2;
      align-self:start;
      width:var(--space-10);
      height:var(--space-10);
    }
    .home-actor-grid article > strong{
      grid-column:2;
      grid-row:1;
      align-self:center;
      min-width:var(--space-0);
      font-size:var(--type-body);
      line-height:var(--leading-tight);
    }
    .home-actor-grid article > p{
      grid-column:2;
      grid-row:2;
      min-width:var(--space-0);
      margin:var(--space-0);
      font-size:var(--type-body-sm);
      line-height:var(--leading-body);
    }

    /* Desktop journey/process remains the Tahap 21.5 horizontal composition. */
    .home-process{
      grid-template-columns:repeat(7,minmax(0,1fr));
    }
  }
}