.flow-home .flow-steps-integrated { grid-column:1 / -1; width:100%; padding:32px 0 0; margin:28px 0 0; border-top:1px solid var(--border); }
.flow-home .flow-steps-integrated h2 { font-size:clamp(1.4rem,2.3vw,1.9rem); margin:8px 0 20px; }
.flow-home .flow-steps-integrated .flow-eyebrow { margin:0 0 8px; }
.flow-home .flow-steps-integrated .flow-steps { margin-top:24px; gap:32px; }
.flow-home .flow-steps-integrated .flow-steps > div { padding-top:14px; }
.flow-home .flow-steps-integrated h3 { font-size:1rem; margin:10px 0 6px; }
.flow-home .flow-steps-integrated p { font-size:.95rem; }
.flow-home .flow-method-note { margin:8px 0 24px; color:var(--muted); font-size:.9rem; }
.flow-home .flow-method-note a { color:var(--indigo-hover); text-underline-offset:3px; }
.flow-home .flow-estimate-warning { color:var(--muted); font-size:.85rem; max-width:800px; margin:8px 0 0; }
.flow-home .fp-combobox { position:relative; width:100%; }
.flow-home .fp-combobox input { min-height:44px; padding-right:28px; font:inherit; border-radius:6px; }
.flow-home .fp-combobox::after { content:'⌄'; position:absolute; top:9px; right:12px; color:var(--muted); pointer-events:none; }
.flow-home .fp-options { position:absolute; top:calc(100% + 5px); left:0; right:0; z-index:60; max-height:260px; overflow-y:auto; background:#fff; border:1px solid var(--border); border-radius:6px; box-shadow:0 10px 24px rgba(11,36,71,.12); }
.flow-home .fp-options[hidden],.flow-home select[data-searchable][hidden] { display:none !important; }
.flow-home .fp-option { padding:11px 13px; cursor:pointer; overflow-wrap:anywhere; }
.flow-home .fp-option:hover,.flow-home .fp-option.fp-active { background:#eeedff; color:var(--navy); }
.flow-home .fp-option[aria-selected="true"] { font-weight:700; }
.flow-home .fp-no-results { padding:12px; color:var(--muted); margin:0; }
.fp-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:760px) { .flow-home .flow-steps-integrated .flow-steps { grid-template-columns:1fr; gap:20px; } }
/* Vier consistente filtervelden */
.flow-home .filter-row {
  align-items: start;
}

.flow-home .filter-group {
  min-width: 0;
}

.flow-home .filter-group > label {
  display: block;
  margin-bottom: 8px;
}

.flow-home .filter-row .fp-combobox {
  width: 100%;
}

.flow-home .filter-row .fp-combobox > input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  min-height: 48px;
  margin: 0;
  padding: 0 38px 0 14px;

  font: inherit;
  font-size: 1rem;
  line-height: normal;

  color: var(--text);
  background: #ffffff;
  border: 1px solid var(--input-border);
  border-radius: 6px;

  appearance: none;
  -webkit-appearance: none;
}

.flow-home .filter-row .fp-combobox::after {
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  line-height: 1;
}

/* Niet-doorzoekbare velden blijven gewone keuzes */
.flow-home .fp-select-only > input {
  cursor: pointer;
}

/* Dezelfde witte lijst voor alle vier */
.flow-home .fp-options {
  color: var(--text);
  background: #ffffff;
}

.flow-home .fp-option {
  min-height: 44px;
  padding: 11px 14px;
  line-height: 1.4;
}

.flow-home .fp-option:hover,
.flow-home .fp-option.fp-active {
  color: var(--navy);
  background: #eeedff;
}

/* Duidelijke focus bij toetsenbordbediening */
.flow-home .filter-row .fp-combobox > input:focus-visible {
  border-color: var(--indigo);
  outline: 3px solid rgba(99, 91, 255, 0.22);
  outline-offset: 2px;
}

/* Category calculation guide */
.category-methodology {
    scroll-margin-top: 32px;
}

.category-methodology h3 {
    margin: 32px 0 12px;
    color: var(--navy);
    font-size: 1.15rem;
    line-height: 1.4;
}

.category-methodology p,
.category-methodology li {
    line-height: 1.7;
}

.category-methodology ul {
    margin: 16px 0 24px;
    padding-left: 22px;
}

.category-methodology li {
    color: var(--muted);
}

.category-methodology li + li {
    margin-top: 10px;
}

.category-methodology .landing-formula {
    color: var(--navy);
    background: #f5f4ff;
    border-left-color: var(--indigo);
    overflow-wrap: anywhere;
}

@media (max-width: 760px) {
    .category-methodology h3 {
        margin-top: 26px;
    }
}

/* Subtiel ranglabel in plaats van de bekeremoji */
.flow-home .ranking-marker {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 28px;
    height: 24px;
    margin-right: 6px;
    padding: 0 6px;

    color: var(--indigo-hover);
    background: #eeedff;
    border: 1px solid #dedaff;
    border-radius: 4px;

    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.02em;
    font-variant-numeric: tabular-nums;

    vertical-align: middle;
}

/* Public Plus announcement — no demo link */
.flow-home .plus-coming-soon {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    margin-top: 18px;
    padding: 10px 16px;

    color: var(--indigo-hover);
    background: #eeedff;
    border: 1px solid #dedaff;
    border-radius: 6px;

    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.4;
}