/* Home-page "Free tools" strip — promotes the two calculators that were buried:
   /tools/grade-converter/ and #cost-calculator. Loaded by index.html only.
   Public tokens only (--color-*); --p-* belongs to the portal stylesheets.
   Logical properties throughout so RTL mirrors without an override list. */
.tools-promo-grid{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-5); margin-top:var(--space-8);
  max-width:var(--container-narrow,900px); margin-inline:auto;
}
.tool-tile{
  position:relative; display:flex; flex-direction:column; gap:var(--space-3);
  padding:var(--space-6); text-decoration:none;
  background:var(--color-bg-card); border:1px solid var(--color-border);
  border-radius:var(--radius-xl); overflow:hidden;
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.tool-tile:hover{
  transform:translateY(-3px); border-color:var(--color-primary);
  box-shadow:0 14px 34px rgba(0,0,0,.20);
}
.tool-tile:focus-visible{outline:2px solid var(--color-primary); outline-offset:3px}
.tool-tile-icon{
  display:grid; place-items:center; inline-size:46px; block-size:46px;
  border-radius:var(--radius-lg); background:var(--color-primary);
  color:#fff; flex:0 0 auto;
}
.tool-tile-icon .ico{inline-size:24px; block-size:24px}
.tool-tile-title{
  margin:0; font-family:var(--font-display); font-size:var(--text-xl);
  line-height:1.25; color:var(--color-ink); text-wrap:balance;
}
.tool-tile-desc{
  margin:0; font-size:var(--text-sm); line-height:1.6; color:var(--color-ink-muted);
}
.tool-tile-go{
  margin-block-start:auto; padding-block-start:var(--space-3);
  font-size:var(--text-lg); color:var(--color-primary); line-height:1;
}
@media (max-width:640px){
  .tools-promo-grid{grid-template-columns:1fr; gap:var(--space-4)}
  .tool-tile{padding:var(--space-5)}
}
@media (prefers-reduced-motion:reduce){
  .tool-tile{transition:none}
  .tool-tile:hover{transform:none}
}