/* Icon cards for the Biz Tools detail pages. Standalone on purpose: style.css is compiled from sass/. */
.tool-card { border: 1px solid #eee; border-top: 3px solid #ff9933; padding: 30px; height: 100%; background: #fff; }
.tool-card .tool-icon { width: 56px; height: 56px; line-height: 56px; border-radius: 50%; background: #ff9933; color: #fff; text-align: center; font-size: 24px; margin-bottom: 20px; }
.tool-card h3 { font-size: 22px; margin-bottom: 15px; }
.tool-card p { text-align: left; }
.tool-card ul { margin: 0; padding: 0; }
.tool-card ul li { list-style: none; margin-bottom: 6px; }
.tool-card ul li i { margin-right: 8px; }
.tool-soon { display: inline-block; background: #336666; color: #fff; font-size: 12px; padding: 4px 12px; border-radius: 20px; text-transform: uppercase; letter-spacing: 1px; }
.tool-col { margin-bottom: 30px; }

/* Compact variant: icon beside one line of text, for benefit lists */
.tool-card.tool-card-sm { display: flex; align-items: center; padding: 20px; }
.tool-card.tool-card-sm .tool-icon { flex: 0 0 44px; width: 44px; height: 44px; line-height: 44px; font-size: 16px; margin: 0 15px 0 0; }
.tool-card.tool-card-sm p { margin: 0; }

/* Bigger clickable variant: one tile per tool on the home page */
a.tool-card.tool-card-lg { display: block; text-align: center; color: #fff; padding: 45px 30px; border: 0; border-radius: 6px; background: linear-gradient(135deg, #ff9933, #e6802e); box-shadow: 0 8px 20px rgba(230, 128, 46, .3); transition: transform .15s, box-shadow .15s; }
a.tool-card.tool-card-lg:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(230, 128, 46, .45); text-decoration: none; color: #fff; }
.tool-card.tool-card-lg .tool-icon { display: block; width: 72px; height: 72px; line-height: 72px; font-size: 30px; margin: 0 auto 20px; background: #fff; color: #ff9933; }
.tool-card.tool-card-lg h3 { font-size: 32px; color: #fff; }
.tool-card.tool-card-lg p { text-align: center; font-size: 18px; line-height: 28px; margin: 0; color: #fff; }