.boeken-shell{display:grid;gap:clamp(24px,4vw,44px)}.boeken-section{padding-block:clamp(2rem,5vw,5rem) clamp(4rem,8vw,7rem)}.boeken-route-heading{max-inline-size:760px}.boeken-route-heading h2{margin-bottom:0}.boeken-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,2vw,1.25rem)}.boeken-route-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:.45rem 1rem;min-inline-size:0;min-block-size:174px;padding:clamp(1.25rem,2.8vw,1.8rem);border:1px solid var(--line);border-radius:var(--radius-xl) var(--radius-xl) 3.5rem var(--radius-xl);background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);text-decoration:none;transition:border-color .16s var(--ease),background-color .16s var(--ease),transform .16s var(--ease)}.boeken-route-card:hover,.boeken-route-card.is-current{border-color:var(--accent);background:var(--surface-alt);color:var(--text)}.boeken-route-card.is-current{box-shadow:inset 0 0 0 1px var(--accent)}.boeken-route-label{font-family:var(--f-display);font-size:clamp(1.55rem,2.6vw,2rem);line-height:1.05}.boeken-route-text{grid-column:1 / -1;color:var(--text-soft);font-size:var(--t-small)}.boeken-route-card .icon{inline-size:1.1rem;color:var(--accent-deep)}.boeken-route-intro{max-inline-size:980px;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-alt)}.boeken-route-intro>h2{margin-bottom:.45em}.boeken-route-intro>p{max-inline-size:68ch;color:var(--text-soft)}.boeken-route-content{display:grid;gap:clamp(1.5rem,4vw,2.75rem);min-inline-size:0}.boeken-route-content-heading{max-inline-size:760px}.boeken-route-content-heading h2{margin-bottom:.35em}.boeken-route-content-heading>p:last-child{color:var(--text-soft)}.boeken-auto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(1rem,2vw,1.5rem)}.boeken-auto-empty{max-inline-size:760px}.boeken-auto-card{display:flex;min-inline-size:0;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-xl) var(--radius-xl) 3.75rem var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-sm)}.boeken-auto-card.is-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),var(--shadow-sm)}.boeken-auto-card>img{inline-size:100%;aspect-ratio:3 / 2;object-fit:contain;background:var(--surface-sink)}.boeken-auto-card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:clamp(1.2rem,2.6vw,1.65rem)}.boeken-auto-card h3{margin-bottom:.6em;font-size:clamp(1.55rem,2.7vw,2rem);overflow-wrap:anywhere}.boeken-auto-selected{margin:0 0 .55rem;color:var(--accent-deep);font-size:var(--t-micro);font-weight:800}.boeken-auto-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem;padding:0;list-style:none}.boeken-auto-badges li,.boeken-auto-badges li+li{margin:0;padding:.28rem .55rem;border-radius:var(--radius-pill);background:var(--accent-wash);color:var(--accent-deep);font-size:var(--t-micro);font-weight:700}@media(hover:hover)and (pointer:fine){.boeken-route-card:hover{transform:translateY(-2px)}}@media(max-width:820px){.boeken-route-grid{grid-template-columns:1fr}.boeken-route-card{min-block-size:0}}@media(prefers-reduced-motion:reduce){.boeken-route-card{transition:none}.boeken-route-card:hover{transform:none}}