.tei-town-cards{position:relative;--tei-gap:25px;color:#203e33}
.tei-town-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * var(--tei-gap))/4);gap:var(--tei-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:2px;padding:3px 2px 18px;scrollbar-width:thin;scrollbar-color:#28694b #eee7d1;align-items:stretch}
.tei-town-card{box-sizing:border-box;min-width:0;background:#eee7d1;border-radius:20px;padding:26px;scroll-snap-align:start}
.tei-town-card h3{color:inherit;font-size:23px;line-height:1.3;margin:0 0 14px}
.tei-town-card p{font-size:15px;line-height:1.7;font-weight:400;margin:0;overflow-wrap:anywhere}
.tei-town-controls{display:flex;justify-content:flex-end;gap:8px;margin-bottom:14px}.tei-town-controls[hidden]{display:none}
.tei-town-controls button{background:transparent;border:1px solid #28694b;color:#28694b;border-radius:50%;width:42px;height:42px;padding:0;font-size:24px;line-height:1;cursor:pointer}
.tei-town-controls button:disabled{opacity:.35;cursor:default}.tei-town-controls button:focus-visible,.tei-town-track:focus-visible{outline:3px solid #9e772a;outline-offset:3px}
@media(max-width:1024px){.tei-town-track{grid-auto-columns:calc((100% - var(--tei-gap))/2)}}
@media(max-width:600px){.tei-town-track{grid-auto-columns:88%;--tei-gap:16px}.tei-town-card{padding:22px}}
@media(prefers-reduced-motion:reduce){.tei-town-track{scroll-behavior:auto}}