.catalog-main{width:var(--container);margin:3rem auto 4rem;min-width:0}
.catalog-heading{max-width:760px;margin-bottom:2rem}
.catalog-heading h1{color:var(--orange);font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.1;margin:1rem 0}
.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.catalog-card{border:1px solid #68605b;border-radius:12px;overflow:hidden;padding:1rem}
.catalog-card a{color:var(--orange);text-underline-offset:.2em}
.catalog-card img{display:block;width:100%;height:auto;border-radius:6px}
.catalog-card h2{margin:.8rem 0 .3rem}
.catalog-tags{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0}
.catalog-tags li{border:1px solid #716359;border-radius:20px;padding:.15rem .7rem;font-size:.85rem;color:#e7d8cd;overflow-wrap:anywhere}
.preview-controls{border:0;padding:0;margin:2rem 0 1rem}
.preview-controls legend{margin-bottom:.5rem;font-weight:700}
.preview-controls button{font:inherit;color:#f3eee8;background:transparent;border:1px solid #a19389;border-radius:6px;min-height:44px;padding:.5rem 1rem;margin:0 .4rem .4rem 0;cursor:pointer}
.preview-controls button[aria-pressed="true"]{background:var(--orange);color:var(--ink);border-color:var(--orange)}
.preview-controls button:focus-visible,.preview-stage:focus-visible{outline:3px solid white;outline-offset:3px}
.preview-hint{font-size:.9rem;color:#d9cfc5}
.preview-stage{width:100%;overflow-x:auto;border:1px solid #716359;border-radius:8px;background:#1f1f1f}
.preview-stage iframe{display:block;border:0;width:1280px;max-width:none;margin-inline:auto;background:white}
@media(max-width:640px){.catalog-grid{grid-template-columns:1fr}.catalog-main{margin-top:2rem}.catalog-heading h1{font-size:2.5rem}}