.cqg{--g:#2f5233;background:#fff;color:#222;max-width:1180px;margin:0 auto;padding:4px 16px 8px}
.cqg *{box-sizing:border-box}
.cqg-top{display:flex;align-items:baseline;justify-content:center;gap:14px;flex-wrap:wrap;padding:14px 0 6px;text-align:center}
.cqg-top h2{font-family:Cinzel,serif;color:var(--g);font-size:clamp(26px,4vw,34px);margin:0;line-height:1.1}
.cqg-top p{margin:0;color:#555;font-size:15px}
.cqg-tabs{display:flex;gap:8px;justify-content:center;overflow-x:auto;padding:8px 0 4px;scrollbar-width:none}
.cqg-tabs::-webkit-scrollbar{display:none}
.cqg-tabs button{flex:none;font:inherit;font-weight:600;font-size:14px;cursor:pointer;border:1.5px solid var(--g);color:var(--g);background:#fff;border-radius:999px;padding:7px 16px}
.cqg-tabs button[aria-selected="true"]{background:var(--g);color:#fff}
.cqg-intro{text-align:center;color:#555;margin:8px auto 10px;font-size:14px;line-height:1.4}
.cqg-row{display:flex;gap:10px;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 10px;scrollbar-width:thin}
.cqg-tile{flex:0 0 140px;scroll-snap-align:start;border:1px solid #e6e1d4;border-radius:10px;padding:8px 8px 10px;text-decoration:none!important;color:#222;text-align:center;background:#fff;transition:box-shadow .2s}
.cqg-tile:hover{box-shadow:0 4px 14px rgba(0,0,0,.08)}
.cqg-cv{display:block;width:100%;height:auto;aspect-ratio:4/3;background:#fff}
.cqg-nm{font-weight:700;color:var(--g);margin-top:6px;font-size:14px;line-height:1.2}
.cqg-ln{font-size:12px;color:#555;margin-top:2px;line-height:1.3}
.cqg-help{text-align:center;color:#555;font-size:14px;margin:6px 0 0}
.cqg-help a{color:var(--g);font-weight:700}
.cqg-tile:first-child{margin-left:auto}.cqg-tile:last-child{margin-right:auto}
@media (max-width:760px){.cqg-tile{flex:0 0 128px}.cqg-tabs{gap:6px}.cqg-tabs button{padding:6px 11px;font-size:13px}}