/* /calculators: the free web calculators laid out like the app's Home grid, with the app's own animated amber icons (drawn by calculators.js). */
.prose .app-grid{list-style:none;margin:16px 0 28px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.prose .app-grid li{margin:0;padding:0;border:0}
/* icon in the left third, title + description in the right two thirds */
.app-card a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:stretch;height:100%;border-radius:12px;background:var(--surface,#1E1E1E);border:1px solid var(--divider,#333);overflow:hidden;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}
.prose .app-card a,.prose .app-card a:hover,.prose .app-card a span{text-decoration:none!important}
.app-card a:hover,.app-card a:focus-visible{border-color:rgba(245,166,35,.45);transform:translateY(-2px)}
/* the animated icon sits directly on the card: no glow or tinted square behind it */
.app-icon{display:flex;align-items:center;justify-content:center;min-height:96px}
.app-icon canvas{display:block;width:60px;height:60px}
.app-card-text{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:16px 16px 16px 4px;min-width:0}
.app-card .hub-title{font-weight:600;font-size:16px;line-height:1.3;color:var(--text,#fff)}
.app-card-desc{font-size:14px;line-height:1.5;color:var(--text-sec,#AAAAAA)}
/* entrance like the app's Home: cards rise in */
.js-anim .app-card{opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
.js-anim .app-card.is-in{opacity:1;transform:none}
.calc-demo{display:flex;justify-content:center;margin:12px 0 24px}
@media (max-width:560px){.prose .app-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.js-anim .app-card{opacity:1;transform:none;transition:none}.app-card a{transition:none}.app-card a:hover,.app-card a:focus-visible{transform:none}}