/* ============================================================
   RosterLift landing page. Assumes css/tokens.css is loaded.
   ============================================================ */
  .lede{
    max-width:620px; color:var(--text-dim); font-size:15px; line-height:1.6;
    margin:0 0 32px;
  }
  .tool-grid{
    display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
    gap:14px; margin-bottom:40px;
  }
  .tool-card{
    background:var(--panel); border:1px solid var(--line); border-radius:var(--radius);
    padding:18px 20px; display:flex; flex-direction:column; gap:8px;
    text-decoration:none; color:inherit;
  }
  a.tool-card:hover{border-color:var(--accent);}
  .tool-card.planned{opacity:.62;}
  .tool-card h2{margin:0; font-size:17px; font-weight:800; letter-spacing:.2px;}
  .tool-card p{margin:0; font-size:13px; color:var(--text-dim); line-height:1.55;}
  .tool-status{
    align-self:flex-start; font-size:10px; letter-spacing:.8px; text-transform:uppercase;
    font-weight:800; border-radius:999px; padding:3px 9px; margin-top:2px;
  }
  .tool-status.built{background:var(--green); color:var(--green-ink);}
  .tool-status.planned{background:var(--panel2); color:var(--text-faint); border:1px solid var(--line);}
  .landing-note{
    font-size:12px; color:var(--text-faint); line-height:1.6; max-width:620px;
    border-top:1px solid var(--line); padding-top:16px;
  }