/* Simple responsive layout */
.ddhc5{margin:1rem 0}
.ddhc5__header{display:flex;gap:.5rem;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin-bottom:.5rem}
.ddhc5__intro{margin:0;color:#555}
.ddhc5__nav{display:flex;gap:.25rem;margin-left:auto}
.ddhc5__nav button{border:1px solid #e5e5e5;background:#fff;border-radius:8px;padding:.25rem .5rem;cursor:pointer;line-height:1}
.ddhc5__nav button:focus{outline:2px solid #333;outline-offset:2px}
.ddhc5__track{display:grid;gap:1rem;grid-auto-flow:column;grid-auto-columns:calc(100% - 1rem);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.25rem}
@media(min-width:720px){.ddhc5__track{grid-auto-columns:calc(33.33% - .67rem)}}
.ddhc5__card{border:1px solid #eee;border-radius:12px;padding:.75rem;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.04);scroll-snap-align:start}
.ddhc5__image{display:block;border-radius:10px;overflow:hidden;background:#f6f6f6}
.ddhc5__image img{width:100%;height:220px;object-fit:cover;display:block}
.ddhc5__title{margin:.5rem 0 .25rem;font-size:1.05rem}
.ddhc5__meta{margin:0;color:#666;font-size:.95rem}
.ddhc5__bullets{margin:.5rem 0 .5rem;padding-left:1.1rem}
.ddhc5__bullets li{margin:.15rem 0}
.ddhc5__rating{margin:.25rem 0 .5rem}
.ddhc5__cta{display:inline-block;border:1px solid #e5e5e5;border-radius:999px;padding:.45rem .8rem;text-decoration:none}
.ddhc5__stars{font-size:.95rem}