.rhds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:16px 0}.rhds-card{border:1px solid #ffe36f40;border-radius:6px;background:var(--surface);overflow:hidden}.rhds-card>a{display:block;background:#e9e4dc}.rhds-card img{display:block;width:100%;height:145px;object-fit:contain}.rhds-card>div{padding:12px}.rhds-card h2{font-size:17px;line-height:1.2;margin:6px 0}.rhds-card p{font-size:13px;line-height:1.45;margin:0}.rhds-card small{color:var(--accent);font-size:10px}.rhds-card[hidden]{display:none}.rhds-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:12px;background:var(--surface);border-radius:6px}.rhds-controls label{display:grid;gap:5px;font-size:12px;flex:1 1 180px}.rhds-controls input,.rhds-controls select{width:100%;min-width:0;padding:10px;border:1px solid #ffe36f60;border-radius:4px;background:var(--bg);color:var(--text,#fff);font:inherit;font-size:14px}.rhds-controls p{font-size:12px;margin:10px 0}.rhds-basics{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.rhds-basics section{padding:16px;background:var(--surface);border:1px solid #ffe36f40;border-radius:6px}.rhds-basics h2{font-size:19px;margin:0 0 8px}.rhds-basics p{font-size:14px;line-height:1.55;margin:0}.rhds-home .mp4-topic{border-color:#ffe36f40}.rhds-home .mp4-topic>img{object-fit:contain}.rhds-directory input:focus-visible,.rhds-directory select:focus-visible,.rhds-card>a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media(max-width:600px){.rhds-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rhds-card img{height:120px}.rhds-card>div{padding:10px}.rhds-card h2{font-size:16px}.rhds-card p{font-size:12px}.rhds-controls label{flex-basis:100%}}

.rhds-grid.suits{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.rhds-grid.suits img{height:210px}.rhds-note{font-size:12px;opacity:.8}.rhds-tips{font-size:14px;line-height:1.6;padding:0 16px}.rhds-card>a{background:#182c38}.rhds-grid.locations img{object-fit:cover}.rhds-controls select option{background:#15232c;color:#fff}


.rhds-card img{object-fit:contain;image-rendering:pixelated;background:#fff}.rhds-card>a{background:#fff}
