/* "Shopify vs WooCommerce: true cost calculator" (/tools/shopify-vs-woocommerce-cost/). Builds on
   store-check.css (.sfw-vc-verdict) and rebuild.css (.sfw-sc-card, .sfw-sc-err). */
.sfw-cc fieldset { border: 1px solid #e1e6ea; border-radius: 10px; padding: .8rem 1rem 1rem; margin: 0 0 1rem; background: #fafbfc; min-width: 0; }
.sfw-cc legend { font-weight: 700; padding: 0 .4rem; }
.sfw-cc-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1rem; }
.sfw-cc-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem .9rem; }
.sfw-cc-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sfw-cc-grid .wide { grid-column: 1 / -1; }
.sfw-cc label { display: flex; flex-direction: column; justify-content: flex-end; gap: .25rem; font-weight: 600; font-size: .92rem; }
.sfw-cc label .sfw-muted { font-weight: 400; }
.sfw-cc input, .sfw-cc select { width: 100%; min-width: 0; font-size: 1rem; padding: .5rem .65rem; border: 1px solid #cfd6dd; border-radius: 6px; background: #fff; }
.sfw-cc-out { margin: .4rem 0 1.5rem; }
.sfw-cc-sum { border-left: 4px solid #80a9af; margin-bottom: 1rem; }
.sfw-cc-tables { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.sfw-cc-card { border: 1px solid #e1e6ea; border-radius: 10px; padding: .8rem 1rem; background: #fff; min-width: 0; }
.sfw-cc-card h3 { margin: 0 0 .5rem; font-size: 1.1rem; }
.sfw-cc-card.sp h3 { color: #4d7a3a; }
.sfw-cc-card.wc h3 { color: #6b4a8a; }
.sfw-cc-card table { width: 100%; border-collapse: collapse; font-size: .93rem; }
.sfw-cc-card th, .sfw-cc-card td { padding: .4rem .3rem; border-bottom: 1px solid #edf0f2; text-align: right; vertical-align: top; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sfw-cc-card th:first-child, .sfw-cc-card td:first-child { text-align: left; white-space: normal; }
.sfw-cc-card tfoot th { border-bottom: 0; font-size: 1rem; }
.sfw-cc-what { display: block; font-weight: 600; }
.sfw-cc-how { display: block; color: #5a6570; font-size: .85rem; }
.sfw-cc-how a { color: #5f8c93; }
.sfw-cc-links a { display: inline-block; margin: 0 .9rem .3rem 0; font-size: .92rem; }
@media (max-width: 760px) {
  .sfw-cc-cols, .sfw-cc-tables { grid-template-columns: 1fr; }
  .sfw-cc-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 420px) {
  .sfw-cc-grid, .sfw-cc-grid.two { grid-template-columns: 1fr; }
}