@import url("../style.css");
.problems-main { width: min(1250px,100%); margin: 0 auto; padding: 44px clamp(18px,4vw,48px) 90px; }
.back-link { display: inline-flex; margin-bottom: 30px; color: var(--cyan); text-decoration: none; font: 0.75rem "Cinzel",serif; }
.back-link:hover { color: var(--gold); }
.problems-heading { text-align: center; margin: 10px auto 48px; }
.problems-heading h1 { margin: 14px 0 16px; }
.problems-heading > p:last-child { color: var(--white-soft); line-height: 1.8; }
.problem-sets-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(330px,100%),1fr)); gap: 22px; }
.problem-set-card { padding: 28px; background: rgba(255,255,255,0.025); border: 1px solid var(--border); border-radius: 6px; }
.problem-set-card h2 { color: var(--white); font: 500 1.25rem "Cinzel",serif; margin-bottom: 12px; }
.problem-set-card > p { color: var(--white-soft); font-size: 0.88rem; line-height: 1.8; }
.problem-set-meta { display: flex; flex-wrap: wrap; gap: 16px; margin: 18px 0 24px; color: var(--gold); font: 0.7rem "Cinzel",serif; }
.problem-set-card h3 { color: var(--cyan); font: 0.78rem "Cinzel",serif; letter-spacing: 0.08em; margin-bottom: 12px; }
.problem-items { display: grid; gap: 10px; }
.problem-item { padding: 13px 14px; background: rgba(0,0,0,0.28); border: 1px solid var(--border); border-radius: 4px; }
.problem-item strong { display: block; color: var(--white); font-size: 0.83rem; margin-bottom: 9px; }
.problem-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.problem-tag { padding: 4px 7px; color: var(--white-soft); background: rgba(102,246,255,0.035); border: 1px solid rgba(102,246,255,0.12); border-radius: 3px; font: 0.6rem "Cinzel",serif; }
.problem-preparation { display: block; margin-top: 9px; color: rgba(255,255,255,0.48); font-size: 0.68rem; font-style: italic; }
.gallery-empty { grid-column: 1/-1; padding: 30px; color: var(--white-soft); text-align: center; border: 1px dashed var(--border-light); }
@media (max-width:760px) { .problems-main { padding-top: 30px; } .problems-heading { margin-bottom: 32px; } .problem-set-card { padding: 22px; } }