/* rail.css — alleen /rail (ladder, legenda, bladenlijst) */
.trede{border:1px solid color-mix(in srgb,var(--k) 55%,var(--rand));border-radius:var(--r);background:var(--nav);margin:0 0 1.1rem;padding:.9rem 1rem 1rem}
.trede-kop{display:grid;grid-template-columns:auto 1fr;gap:.1rem .6rem;align-items:baseline}
.trede-kop .bol{width:12px;height:12px;border-radius:50%;background:var(--k);align-self:center}
.trede-kop h3{margin:0;font-size:1.1rem}
.trede-kop p{grid-column:2;margin:.15rem 0}
.trede .raster{margin:.8rem 0 0;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr))}
.trede .kaart{display:flex;flex-direction:column;gap:.3rem;padding:.8rem .9rem}
.trede .kaart h4{margin:0;font-size:.98rem}
.trede .kaart p{margin:0;color:var(--tab);font-size:.9rem}
.trede .kaart .voet{margin-top:auto;padding-top:.4rem;display:flex;flex-wrap:wrap;gap:.3rem .8rem;font-size:.85rem}
.trede-nr{font:700 .68rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--k)}
.tel{white-space:nowrap}.tel b{font-family:var(--mono)}
.legenda{list-style:none;padding:0;margin:.4rem 0 .9rem;display:grid;gap:.35rem}
.legenda li{display:flex;flex-wrap:wrap;gap:.2rem .5rem;align-items:baseline}
.stip{width:10px;height:10px;border-radius:50%;background:var(--k);flex:none;align-self:center}
.stek{display:inline-block;background:var(--k);color:#0b1220;border:2px dashed rgba(11,18,32,.45);border-radius:6px;padding:.05rem .4rem;font:800 .68rem var(--mono);text-transform:uppercase;letter-spacing:.05em}
.bladlijst{list-style:none;padding:0;margin:.3rem 0 0}
.bladlijst li{padding:.3rem 0;border-top:1px solid var(--rand)}
.bladlijst li:first-child{border-top:0}
.bladlijst .meta{display:block}
.tel i{font-style:normal}
#motor{min-height:3.6rem}#tel-stand{min-height:2.4rem}
@media (min-width:700px){#motor{min-height:2.4rem}#tel-stand{min-height:1.2rem}}
.tel b{display:inline-block;min-width:3ch;text-align:right}