/* Helpful apps component — shared styles (light). Dark overrides live in dark.css.
   Brand-neutral by design: uses generic ink/line values so it reads correctly on
   every guide page regardless of that page's accent. */
.hc-apps{max-width:920px;margin:2.5rem auto 0;padding:0 1.4rem}
.hc-apps-in{background:#f6f8fb;border:1.5px solid #dbe4ee;border-radius:18px;padding:1.8rem 1.9rem}
.hc-apps-h{font-family:'Fraunces',Georgia,serif;font-size:1.45rem;font-weight:700;color:#0A2540;letter-spacing:-.01em;margin:0 0 .4rem}
.hc-apps-sub{font-size:.9rem;color:#51607a;line-height:1.6;margin:0 0 1.3rem;max-width:680px}
.hc-apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:.9rem}
.hc-app-card{display:block;text-decoration:none;background:#fff;border:1.5px solid #dbe4ee;border-radius:13px;padding:1.05rem 1.2rem;transition:border-color .16s,transform .16s,box-shadow .16s}
.hc-app-card:hover{border-color:#9db4cf;transform:translateY(-2px);box-shadow:0 6px 18px rgba(10,37,64,.08)}
.hc-app-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}
.hc-app-name{font-family:'Space Grotesk','Inter',sans-serif;font-weight:600;font-size:1rem;color:#0A2540}
.hc-app-arrow{font-size:.95rem;color:#7689a3;flex-shrink:0}
.hc-app-what{font-size:.86rem;color:#3a4a5e;line-height:1.55;margin:0}
.hc-app-caveat{font-size:.78rem;color:#6b7a8c;line-height:1.5;margin:.55rem 0 0;padding-top:.55rem;border-top:1px dashed #e1e8f0;font-style:italic}
.hc-apps-note{font-size:.76rem;color:#7689a3;line-height:1.55;margin:1.2rem 0 0;font-style:italic}
@media(max-width:560px){.hc-apps-grid{grid-template-columns:1fr}.hc-apps-in{padding:1.4rem 1.3rem}}