/* /raycast/ — extension cards. Loaded only by page-raycast.hbs (via the
   "head" block in home-layout.hbs) on top of home.css, so the tokens below
   (--paper, --white, --line, --green, --mono, --serif) come from there.

   Card shape is parcse.com/download: soft rounded tile, big icon top-left,
   title, short description, one text link with an arrow. Colors and type are
   the site's own. */

.rc-hero .wrap{max-width:820px}
.rc-hero h1{font-size:clamp(2.1rem,5.2vw,3.4rem)}
.rc-hero .lede{max-width:60ch}
.rc-hero .lede a{color:var(--green);text-underline-offset:3px}
.rc-hero .btn svg{width:15px;height:15px;vertical-align:-2px;margin-right:6px}

.rc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none}
.rc-grid-5{grid-template-columns:repeat(5,1fr);gap:14px}

.rc-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:28px 28px 24px;min-width:0}
#contributions .rc-card{background:var(--white)}
.rc-card img{width:72px;height:72px;border-radius:17px;margin:0 0 22px;box-shadow:0 1px 2px rgba(21,23,26,.08),0 0 0 1px rgba(21,23,26,.06)}
.rc-card h3{font-family:var(--sans);letter-spacing:-.02em;font-size:1.3rem;font-weight:700;line-height:1.2;margin:0 0 10px}
.rc-card p{font-family:var(--serif);color:var(--grey);font-size:.95rem;line-height:1.6;margin:0 0 14px;flex:1}
.rc-installs{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.66rem;margin-bottom:18px}

.rc-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:.9rem;font-weight:600}
.rc-links a{color:var(--muted);text-decoration:none;white-space:nowrap}
.rc-links a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.rc-links .rc-install{color:var(--green)}
.rc-links .rc-install:hover{color:#0f2b1a}

/* Contribution tiles: same card, smaller everything. */
.rc-mini{padding:20px 18px 18px;border-radius:18px}
.rc-mini img{width:44px;height:44px;border-radius:11px;margin-bottom:14px}
.rc-mini h3{font-size:1rem;margin-bottom:6px}
.rc-mini p{font-size:.82rem;line-height:1.5;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rc-mini .rc-installs{margin-bottom:12px;font-size:.62rem}
.rc-mini .rc-links{font-size:.8rem;gap:4px 10px}

@media (max-width:1000px){.rc-grid-5{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.rc-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){
  .rc-grid,.rc-grid-5{grid-template-columns:1fr;gap:12px}
  .rc-card{padding:22px 20px 20px}
  .rc-mini{padding:18px}
  .rc-mini p{-webkit-line-clamp:unset}
  .rc-hero .cta-row{flex-direction:row;align-items:center}
  .rc-hero .cta-row .btn{width:auto}
}