.cio-vacatures,.cio-detail{--cio-accent:var(--wp--preset--color--primary,#176a92);font-family:inherit;color:inherit;line-height:1.65}
.cio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.6rem;margin:1.5rem 0}
.cio-card{border:1px solid #dce4e8;border-radius:12px;overflow:hidden;background:var(--wp--preset--color--base,#fff);box-shadow:0 4px 18px #1026370a;display:flex;flex-direction:column}
.cio-cover{display:block;width:100%;height:210px;object-fit:cover}
.cio-card-body{padding:1.5rem;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.cio-card h3{font:inherit;font-weight:700;font-size:1.35em;line-height:1.3;margin:0 0 .6rem}
.cio-card h3 a{color:inherit;text-decoration:none}.cio-card h3 a:hover{text-decoration:underline}
.cio-location{font-weight:600;margin:.3rem 0 1rem}
.cio-vacatures .cio-button,.cio-detail .cio-button{display:inline-block;background:var(--cio-accent);color:#fff;padding:.7rem 1.15rem;border-radius:6px;text-decoration:none;font-weight:600;line-height:1.5}
.cio-card .cio-button{margin-top:auto}.cio-button:hover{filter:brightness(.9)}
.cio-vacatures a:focus-visible,.cio-detail a:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.cio-summary{display:flex;flex-wrap:wrap;gap:1rem 2rem;padding:1.25rem;background:#f2f6f8;border-radius:8px}
.cio-summary dt{font-weight:700}.cio-summary dd{margin:0}
.cio-detail-image{display:block;max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}
.cio-pagination{display:flex;gap:.8rem;flex-wrap:wrap;margin:1rem 0}.cio-pagination .page-numbers{padding:.3rem .6rem}
@media(prefers-reduced-motion:no-preference){.cio-button{transition:filter .15s ease}}