.listing-browser{grid-template-columns:16rem minmax(0,1fr);align-items:start;gap:2rem;margin-block:1.5rem 3rem;display:grid}.listing-search-form{display:contents}.listing-search-bar{border-bottom:1px solid var(--soft-border);grid-column:1/-1;min-width:0;padding-bottom:1.25rem}.listing-search-bar>label,.listing-filter-field>label,.listing-filter-field>legend{font-size:var(--text-small);font-weight:var(--weight-semibold);margin:0 0 .5rem;padding:0;display:block}.listing-search-inputs{gap:.75rem;display:flex}.listing-query{flex:1;min-width:0;position:relative}.listing-query>.ui-icon{color:var(--gedempt);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.listing-query #q{width:100%;min-height:56px;font:inherit;border:1px solid var(--rand);background:var(--surface);border-radius:4px;padding:.8rem 1rem .8rem 3rem}.listing-search-submit,.listing-filter-actions .filter-submit{border:1px solid var(--actie);background:var(--actie);min-height:48px;color:var(--actie-tekst);font:inherit;font-size:var(--text-control);font-weight:var(--weight-semibold);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:inline-flex}.listing-search-submit:hover,.listing-filter-actions .filter-submit:hover{text-underline-offset:.2em;text-decoration:underline}.listing-filter-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.listing-filter-toolbar:has(>:not([hidden])){margin-top:.75rem}.applied-filters{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.applied-filters li{min-width:0;max-width:100%;margin:0}.applied-filters a{box-sizing:border-box;background:var(--accentvlak);border:1px solid var(--soft-border);min-height:44px;color:var(--tekst);font-size:var(--text-small);border-radius:4px;align-items:center;gap:.625rem;padding:.35rem .75rem;text-decoration:none;display:flex}.applied-filters a>span{overflow-wrap:anywhere;max-width:35ch}.applied-filters a:hover{border-color:var(--tekst)}.listing-filter-toolbar>.filter-reset{min-height:44px;font-size:var(--text-small);align-items:center;display:inline-flex}.listing-filter-panel{border-right:1px solid var(--soft-border);scrollbar-width:thin;grid-area:2/1;max-height:calc(100dvh - 2rem);margin-left:-.5rem;padding:.5rem 1.5rem .5rem .5rem;position:sticky;top:1rem;overflow-y:auto}.listing-filter-heading{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.listing-filter-panel .listing-filter-heading h2{font-size:var(--text-card);margin:0}.listing-filter-fields{gap:1.5rem;display:grid}.listing-filter-field{border:0;min-width:0;margin:0;padding:0}.listing-filter-panel .listing-filter-field>input,.listing-filter-panel .listing-filter-field>select{width:100%;min-height:48px;font:inherit;font-size:var(--text-body);border:1px solid var(--rand);background:var(--surface);border-radius:4px;padding:.6rem .75rem}.listing-filter-hint{color:var(--gedempt);font-size:var(--text-caption);line-height:var(--leading-copy);margin:.5rem 0 0}.filter-choices{gap:.5rem;display:grid}.filter-choice{box-sizing:border-box;border:1px solid var(--soft-border);background:var(--surface);min-height:44px;font-size:var(--text-small);line-height:var(--leading-tight);cursor:pointer;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem .625rem;display:flex}.filter-choice:has(:checked){background:var(--accentvlak);border-color:var(--link);font-weight:var(--weight-semibold)}.filter-choice:has(:focus-visible){outline:3px solid var(--tekst);outline-offset:2px}.filter-choice input[type=radio]{width:1rem;height:1rem;min-height:0;accent-color:var(--link);flex-shrink:0;margin:0;padding:0}.location-selections{flex-wrap:wrap;gap:.4rem;margin:0 0 .5rem;padding:0;list-style:none;display:flex}.location-selections[hidden]{display:none}.location-selections li{margin:0}.location-selections button{border:1px solid var(--rand);background:var(--surface);min-height:44px;color:var(--tekst);font:inherit;font-size:var(--text-small);cursor:pointer;overflow-wrap:anywhere;border-radius:4px;align-items:center;gap:.5rem;padding:.4rem .65rem;display:inline-flex}.listing-filter-actions{padding-top:1.25rem}.listing-filter-actions .filter-submit{width:100%}.listing-results{grid-area:2/2;min-width:0}.listing-results>:first-child{margin-top:0}.listing-results .opdrachtlijst--tegels{grid-template-columns:repeat(2,minmax(0,1fr))}#open-listing-filters,#close-listing-filters{display:none}.filter-count{background:var(--accentvlak);min-width:1.25rem;font-size:var(--text-caption);border-radius:3px;padding:.05rem .2rem}#listing-filter-dialog{color:var(--tekst);background:var(--surface);border:1px solid var(--rand);box-sizing:border-box;border-radius:12px 12px 0 0;width:100%;max-width:36rem;max-height:92dvh;margin:auto auto 0;padding:0;inset:0;overflow:hidden}#listing-filter-dialog::backdrop{background:#00000073}#listing-filter-dialog[open]{display:flex}#listing-filter-dialog .listing-filter-panel{border:0;flex-direction:column;width:100%;max-height:92dvh;margin:0;padding:0;display:flex;position:static;overflow:hidden}#listing-filter-dialog .listing-filter-heading{border-bottom:1px solid var(--soft-border);flex-shrink:0;margin:0;padding:.75rem 1rem}#listing-filter-dialog .listing-filter-fields{padding:1.25rem;overflow-y:auto}#listing-filter-dialog .listing-filter-actions{padding:1rem 1.25rem max(1rem,env(safe-area-inset-bottom));border-top:1px solid var(--soft-border);flex-shrink:0}#listing-filter-dialog #close-listing-filters{border:1px solid var(--rand);background:var(--surface);min-width:44px;min-height:44px;color:var(--tekst);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}html.listing-filters-open{overflow:hidden}@media (width<=63.99rem){.listing-browser{grid-template-columns:minmax(0,1fr);gap:1.5rem}.listing-filter-panel,.listing-results{grid-area:auto/1}.listing-filter-panel{border:0;max-height:none;margin:0;padding:0 0 1.5rem;position:static;overflow:visible}.listing-search-form[data-enhanced]>.listing-filter-panel{display:none}#open-listing-filters:not([hidden]){border:1px solid var(--rand);background:var(--surface);min-height:48px;color:var(--tekst);font:inherit;font-size:var(--text-small);font-weight:var(--weight-semibold);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem .85rem;display:inline-flex}.listing-search-inputs{gap:.5rem}.listing-search-submit{padding-inline:1rem}}@media (width<=40rem){.listing-results .opdrachtlijst--tegels{grid-template-columns:minmax(0,1fr)}.listing-search-bar .listing-search-submit .ui-icon{display:none}}.listing-selection{border-bottom:1px solid var(--soft-border);gap:.25rem;margin-bottom:1.25rem;display:flex}.listing-selection a{min-height:48px;color:var(--gedempt);font-size:var(--text-control);border-bottom:3px solid #0000;justify-content:center;align-items:center;padding:.65rem 1rem;text-decoration:none;display:inline-flex}.listing-selection a[aria-current]{color:var(--tekst);border-bottom-color:var(--actie);font-weight:var(--weight-semibold)}.listing-selection a:hover{color:var(--link)}.personal-intro{font-size:var(--text-small);flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;margin-bottom:1rem;display:flex}.personal-intro p{flex:16rem;margin:0}.personal-intro p:empty{display:none}.personal-setup{border:1px solid var(--soft-border);border-radius:4px;padding:1.5rem}.personal-setup h2{font-size:var(--text-section);margin:0}.personal-note{color:var(--gedempt);font-size:var(--text-small)}.personal-preferences{border-bottom:1px solid var(--soft-border);margin-bottom:.5rem;padding-bottom:0}.personal-preferences>summary{box-sizing:border-box;min-height:44px;font-size:var(--text-control);cursor:pointer;padding-block:.6rem}.personal-preferences>p{font-size:var(--text-small)}#personal-preference-summary{color:var(--gedempt);font-weight:var(--weight-regular)}.personal-preference-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.personal-preference-fields>div>label:first-child{font-size:var(--text-small);margin-bottom:.4rem;display:block}.personal-preference-fields input:not([type=checkbox]),.personal-preference-fields select{background:var(--surface);width:100%;min-height:48px}.personal-required{min-height:44px;font-size:var(--text-small);align-items:center;gap:.5rem;display:flex}.personal-required input{width:1rem;height:1rem;min-height:0;margin:0}.personal-extra-preferences{margin-block:1rem}.personal-extra-preferences>summary{cursor:pointer;min-height:44px}.personal-results-toolbar{font-size:var(--text-small);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;display:flex}.personal-results-toolbar>p{margin:.5rem 0}.personal-results-toolbar a{align-items:center;min-height:44px;display:inline-flex}#personal-error:not(:empty){color:var(--signaal)}#personal-error:empty,#recommendation-progress:empty,#recommendation-count:empty{display:none}#recommendation-progress{border:1px solid var(--soft-border);background:var(--accentvlak);font-size:var(--text-small);border-radius:4px;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}#recommendation-progress:not(:empty):before{content:"";border:2px solid var(--link);border-inline-end-color:#0000;border-radius:50%;flex:0 0 1rem;width:1rem;height:1rem;animation:.8s linear infinite personal-loading-spin}@keyframes personal-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){#recommendation-progress:not(:empty):before{animation:none}}.personal-card-actions{flex-wrap:wrap;gap:.5rem;padding:0 1.25rem 1rem;display:flex}.personal-card-actions button,.personal-pagination button{min-height:44px;font:inherit;font-size:var(--text-small);color:var(--tekst);background:var(--surface);border:1px solid var(--rand);cursor:pointer;border-radius:4px;padding:.4rem .75rem}.personal-selection-note{font-size:var(--text-small);margin:0;padding:0 1.25rem 1rem}.personal-pagination{justify-content:space-between;align-items:center}.personal-pagination[hidden]{display:none}.personal-pagination button:disabled{opacity:.5;cursor:default}@media (width<=40rem){.listing-selection a{font-size:var(--text-small);flex:1;padding-inline:.4rem}.personal-preference-fields{grid-template-columns:minmax(0,1fr)}.personal-setup{padding:1rem}}.personal-scan-controls{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.75rem;display:flex}.personal-scan-controls:has(p:empty):has(button[hidden]){display:none}.personal-scan-controls p{font-size:var(--text-small);color:var(--gedempt);margin:0}.personal-scan-controls button{min-height:44px}.personal-match-reason{color:var(--gedempt);font-size:var(--text-small);line-height:var(--leading-copy);margin:0;padding:0 1.4rem 1.2rem}@media (width<=48rem){.personal-match-reason{padding:0 1rem 1rem}}