/* Bedrijfskaarten volgen het rustige registerontwerp: wit, marineblauw, goud en groen. */
#check-results .company-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:24px;align-items:stretch}
#check-results .company-result-card{min-width:0;display:flex;flex-direction:column;padding:28px;border:1px solid #d7d8d0;border-top:6px solid #cb8c16;border-radius:0;background:#fff;color:#142536;box-shadow:none}
#check-results .company-result-card.certified{border-top-color:#2d7d4b}
#check-results .company-result-top{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
#check-results .company-result-logo{flex:0 0 64px;width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#07172b;color:#d8b95c;font-size:22px;font-weight:850}
#check-results .company-status{padding:10px 12px;font-size:11px;line-height:1.4;text-align:center;letter-spacing:.025em;font-weight:850;text-transform:uppercase;white-space:normal}
#check-results .company-status.no{background:#fff2cf;color:#7b5b1b}
#check-results .company-status.yes{background:#e0f0e5;color:#28623e}
#check-results .company-result-card h3{margin:22px 0 18px;color:#142536;font:700 clamp(24px,2.1vw,32px)/1.18 Georgia,'Times New Roman',serif;overflow-wrap:anywhere}
#check-results .company-card-location{font-size:17px;line-height:1.7;color:#666e76;margin:0 0 20px;min-height:58px}
#check-results .company-card-location b{font-weight:750}
#check-results .company-result-card dl{margin:0 0 20px}
#check-results .company-result-card dl div{display:grid;grid-template-columns:116px minmax(0,1fr);gap:14px;border-top:1px solid #d7d8d0;padding:10px 0;font-size:15px;line-height:1.6}
#check-results .company-result-card dt{min-width:0;overflow-wrap:anywhere;font-weight:800;color:#172a3a}
#check-results .company-result-card dd{min-width:0;margin:0;color:#666e76;overflow-wrap:anywhere}
.company-card-details{font-size:13px;color:#66717a;margin:0 0 24px;line-height:1.6}
.company-card-details summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px;color:#53636b}
.company-card-details p{font-size:13px;margin:10px 0}
#check-results .company-card-footer{margin-top:auto;padding-top:26px}
#check-results .company-card-footer small{display:block;font-size:13px;line-height:1.65;color:#66717a;padding:0;margin:0 0 18px}
#check-results .company-card-footer .directory-example-note{color:#627064}
.company-card-actions{display:grid;gap:10px}
#check-results .company-card-actions button,.directory-link{box-sizing:border-box;display:block;width:100%;min-height:52px;margin:0;padding:15px 16px;border:0;border-radius:0;background:#2d7d4b;color:#fff!important;text-decoration:none;text-align:center;font:800 16px/1.4 Arial,sans-serif;cursor:pointer}
#check-results .company-card-actions .secondary,.directory-link.secondary{background:#cd901c;color:#102b2b!important}
.company-card-actions button:hover,.directory-link:hover{filter:brightness(.96)}
.company-card-actions button:focus-visible,.directory-link:focus-visible,.company-card-partners a:focus-visible{outline:3px solid #153a50;outline-offset:3px}
.company-card-partners{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;font-size:12px;margin-top:16px}
.company-card-enrol{display:block;text-align:center;font-size:12px;margin-top:16px}
.directory-pagination{display:flex;gap:16px;align-items:center;justify-content:center;margin:24px 0}
.directory-certificate{max-width:650px;width:90vw;max-height:90vh;overflow:auto;padding:30px;border:1px solid #d7d8d0;border-top:5px solid #c99a37;border-radius:4px;color:#123333;background:white}
.directory-certificate::backdrop{background:#082e30aa}.directory-close{float:right;font-size:24px;border:0;background:transparent;cursor:pointer;padding:4px 10px}
.directory-example-label{display:block;background:#fff2cf;color:#624610;padding:12px;font-size:13px;font-weight:850;letter-spacing:.04em;border:1px solid #c99a37}
.sample-certificate{text-align:center;padding:20px;border:6px double #c99a37}.sample-certificate img{max-width:130px;opacity:.55}.sample-certificate dd{margin:0 0 14px}.sample-certificate dt{font-weight:bold}
.directory-offer-dialog h2{clear:both;padding-top:12px}.directory-offer-dialog .directory-link{margin-top:14px}
.directory-needs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.directory-needs button{background:#f4f1e8;color:#143536;border:1px solid #c5ad77;border-radius:24px;padding:10px 18px;font-size:15px}
#check-kind,#check-certification{display:block;width:100%;margin:8px 0 16px;padding:16px;background:white;border:1px solid #a5aeac;color:#14212d;font:inherit}
.directory-join{margin-top:32px;padding:24px;background:#ecf3ef;border-left:4px solid #b68b2e}.directory-join .directory-link{max-width:500px;margin-bottom:18px}
@media(max-width:760px){#check-results .company-result-card{padding:22px}#check-results .company-result-top{gap:10px;align-items:flex-start;flex-direction:column}#check-results .company-result-card dl div{grid-template-columns:minmax(0,1fr);gap:4px}}
@media(max-width:580px){#check-results .company-results-grid{grid-template-columns:1fr;gap:20px}#check-results .company-result-top{flex-direction:row;align-items:center}#check-results .company-result-card{padding:24px}#check-results .company-result-card h3{font-size:28px}#check-results .company-card-footer{padding-top:18px}.directory-certificate{padding:16px}.sample-certificate{padding:12px}}

/* Geef de uitgebreide vakgebiedkeuze ook in de eerste zoekbalk voldoende ruimte. */
#search-form{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;align-items:end}
#search-form>label{min-width:0}#search-form select,#search-form input{width:100%;box-sizing:border-box;font-size:16px}#search-form>button{grid-column:1/-1;width:100%}
@media(max-width:740px){#search-form{grid-template-columns:minmax(0,1fr)}#search-form>button{grid-column:auto}}
.voice-privacy{margin:12px 0 0;color:#657078;font-size:12px;line-height:1.6}#voice-check.recording{background:#fff0ec;border-color:#a93525;color:#8b261e}

/* Laat de breedte van de kaart bepalen of labels en waarden naast elkaar passen. */
#check-results .company-result-card{container-type:inline-size}
@container(max-width:420px){#check-results .company-result-card dl div{grid-template-columns:minmax(0,1fr);gap:4px}}
@media(max-width:900px){#check-results .company-results-grid{grid-template-columns:minmax(0,1fr)}#check-results .company-result-card dl div{grid-template-columns:minmax(0,1fr);gap:4px}}
.directory-profile-title{color:inherit;text-decoration:none}.directory-profile-title:hover{text-decoration:underline;text-underline-offset:4px}