/* Subsidie-checker ISDE 2026 (#246). Bouwt op content-page.css.
   Huisstijl zoals specialist-directory: paars #494677, groen #41d684. */

.subsidie-checker { max-width: 860px; }
.subsidie-checker h1 { font-size: 30px; line-height: 1.2; font-weight: 700; color: #141053; margin: 0 0 8px; }
.subsidie-checker h2 { font-size: 20px; font-weight: 700; color: #141053; margin: 28px 0 8px; }
.subsidie-checker .sc-lead { color: #44425c; margin-bottom: 20px; }

.sc-fieldset { border: 1px solid #e3e1f2; border-radius: 14px; padding: 16px 18px 18px; margin: 0 0 16px; background: #f7f6fc; min-width: 0; }
.sc-fieldset legend { float: left; width: 100%; font-size: 16px; font-weight: 700; color: #141053; margin: 0 0 12px; padding: 0; border: 0; }
.sc-fieldset legend + * { clear: both; }

.sc-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.sc-field { display: flex; flex-direction: column; gap: 6px; margin: 0; font-size: 14px; font-weight: 600; color: #494677; }
.sc-field input, .sc-field select,
.sc-extra input {
  width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #c9c6e0; border-radius: 10px;
  font-size: 16px; background: #fff; color: #141053; outline: none; font-weight: 400;
}
.sc-field input:focus, .sc-field select:focus, .sc-extra input:focus { border-color: #494677; box-shadow: 0 0 0 3px rgba(73,70,119,.15); }

.sc-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.sc-item { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px;
  background: #fff; border: 1px solid #e3e1f2; border-radius: 10px; padding: 6px 12px; }
.sc-check { display: flex; align-items: center; gap: 10px; margin: 0; cursor: pointer; font-size: 15px; color: #141053; flex: 1; min-width: 0; font-weight: 400; }
.sc-check input { width: 18px; height: 18px; accent-color: #494677; flex: 0 0 auto; margin: 0; }
.sc-extra { display: flex; align-items: center; gap: 6px; margin: 0; flex: 0 0 auto; font-size: 13px; color: #807da0; white-space: nowrap; }
.sc-extra[hidden] { display: none; }
.sc-extra input { width: 88px; padding: 7px 10px; font-size: 15px; }
.sc-biobased { margin-top: 12px; }

.sc-result { margin-top: 8px; }
.sc-result[hidden], .sc-cta[hidden] { display: none; }
.sc-notes .sc-note { background: #fff8e8; border-left: 4px solid #FCAD20; border-radius: 6px; padding: 10px 12px; font-size: 14px; line-height: 1.5; margin: 0 0 10px; }

.sc-table-wrap { overflow-x: auto; }
.sc-table { width: 100%; border-collapse: collapse; font-size: 15px; color: #141053; }
.sc-table th, .sc-table td { text-align: left; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid #e3e1f2; }
.sc-table thead th { font-size: 13px; text-transform: uppercase; letter-spacing: .03em; color: #807da0; font-weight: 700; }
.sc-table tfoot th { border-bottom: 0; font-size: 16px; }
.sc-table tfoot th:last-child { white-space: nowrap; }
.sc-table th:nth-child(2), .sc-table td:nth-child(2) { width: 170px; }
.sc-table th:nth-child(3), .sc-table td:nth-child(3) { width: 210px; }
.sc-table td strong { white-space: nowrap; }
.sc-naam { font-weight: 600; }
.sc-sub { font-size: 13px; color: #807da0; line-height: 1.45; margin-top: 3px; }
.sc-na { color: #807da0; font-size: 14px; }
.subsidie-checker .sc-bron { font-size: 12px; color: #807da0; }

.subsidie-checker .sc-small { font-size: 13px; color: #807da0; margin-top: 12px; }
.sc-disclaimer { margin-top: 32px; }

.sc-cta-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.sc-cta-list li { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.subsidie-checker a.sc-cta-link { display: inline-block; background: #41d684; color: #fff; padding: 11px 20px; border-radius: 28px; font-weight: 600; text-decoration: none; font-size: 15px; }
.subsidie-checker a.sc-cta-link:hover { background: #34c075; color: #fff; }
.sc-cta-count { font-size: 14px; color: #44425c; }

@media (max-width: 600px) {
  .subsidie-checker h1 { font-size: 24px; }
  .sc-grid { grid-template-columns: 1fr 1fr; }
  .sc-grid .sc-field:first-child { grid-column: 1 / -1; }
  .sc-item { flex-wrap: wrap; }
  .sc-table thead { display: none; }
  .sc-table, .sc-table tbody, .sc-table tr, .sc-table td { display: block; width: 100%; }
  .sc-table tbody tr { border: 1px solid #e3e1f2; border-radius: 10px; margin-bottom: 10px; padding: 4px 0; }
  .sc-table td { border-bottom: 0; padding: 6px 12px; }
  .sc-table td:nth-child(2), .sc-table td:nth-child(3) { width: 100%; box-sizing: border-box; }
  .sc-table td[data-label]:not(:first-child)::before { content: attr(data-label); display: block; font-size: 12px; text-transform: uppercase; letter-spacing: .03em; color: #807da0; font-weight: 700; }
  .sc-table tfoot, .sc-table tfoot tr { display: table; width: 100%; }
}