.lqe-listing{max-width:1200px;margin:24px auto 60px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--lqe-ink,#142b3a)}
.lqe-listing *{box-sizing:border-box;min-width:0}
.lqe-listing-head{text-align:center;margin:0 auto 30px;max-width:720px}
.lqe-eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:#079a80}
.lqe-listing-head h2{font-family:inherit!important;font-size:clamp(28px,4vw,44px)!important;line-height:1.2!important;margin:10px 0 12px!important;text-transform:none!important}
.lqe-listing-head p{color:#64748b;font-size:16px;line-height:1.65}
.lqe-listing-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px}
.lqe-listing-filters input,.lqe-listing-filters select{flex:1 1 200px;width:auto;max-width:100%;padding:12px 14px;border:1px solid #d9e1e7;border-radius:10px;background:#fff;color:#203645;font:inherit}
.lqe-listing-filters button{border:0;border-radius:10px;padding:12px 25px;background:#078e7d;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.lqe-listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.lqe-listing-card{overflow:hidden;border:1px solid #e2e8ee;border-radius:16px;background:#fff;box-shadow:0 6px 24px rgba(18,45,60,.06);display:flex;flex-direction:column}
.lqe-listing-image{height:190px;display:block;background:linear-gradient(125deg,#0b3447,#0f877e);overflow:hidden}
.lqe-listing-image img{width:100%;height:100%;object-fit:cover;display:block}
.lqe-listing-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:88px;font-weight:900;color:rgba(255,255,255,.3)}
.lqe-listing-card-body{padding:22px;display:flex;flex-direction:column;flex:1}
.lqe-listing-tag{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#008e79}
.lqe-listing-card h3{font-family:inherit!important;font-size:21px!important;line-height:1.35!important;margin:10px 0!important;text-transform:none!important}
.lqe-listing-card h3 a{color:#172c3a;text-decoration:none}
.lqe-listing-card p{color:#687989;font-size:14px;line-height:1.65;flex:1}
.lqe-listing-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:#627483;font-size:12px;border-top:1px solid #eef1f4;padding-top:16px;margin:16px 0}
.lqe-listing-start{display:flex;justify-content:space-between;align-items:center;background:#0b897c;color:white!important;border-radius:9px;padding:12px 15px;text-decoration:none!important;font-weight:750;font-size:14px}
.lqe-listing-start:hover,.lqe-listing-filters button:hover{background:#086a60}
.lqe-listing-pages{display:flex;justify-content:center;gap:8px;margin-top:28px}
.lqe-listing-pages a{padding:8px 13px;border:1px solid #dae3e8;border-radius:8px;text-decoration:none}
.lqe-listing-pages a[aria-current="page"]{background:#0b897c;color:white}
.lqe-listing-empty{text-align:center;padding:45px 10px;color:#687989}
@media(max-width:900px){.lqe-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.lqe-listing{margin:15px auto 40px}.lqe-listing-grid{grid-template-columns:1fr;gap:16px}.lqe-listing-image{height:180px}.lqe-listing-card-body{padding:18px}.lqe-listing-filters{flex-direction:column}.lqe-listing-filters input,.lqe-listing-filters select,.lqe-listing-filters button{width:100%;flex:auto}.lqe-listing-head h2{font-size:29px!important}}

/* v1.2.3 — difficulty badges and featured-image fallback */
.lqe-listing-labels{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.lqe-difficulty{font-size:11px;font-weight:800;letter-spacing:.02em;border-radius:99px;padding:5px 10px;line-height:1.3}
.lqe-difficulty--easy{color:#166534;background:#dcfce7}
.lqe-difficulty--medium{color:#92400e;background:#fef3c7}
.lqe-difficulty--hard{color:#991b1b;background:#fee2e2}
.lqe-listing-placeholder{font-size:78px;text-shadow:0 6px 24px rgba(0,0,0,.18)}
.lqe-listing-placeholder--easy{background:linear-gradient(130deg,#0d766e,#38bfa1)}
.lqe-listing-placeholder--medium{background:linear-gradient(130deg,#153f62,#087eaa)}
.lqe-listing-placeholder--hard{background:linear-gradient(130deg,#452366,#a22b61)}

/* v1.2.7: compact three-filter toolbar */
.lqe-listing-filters{align-items:stretch}
.lqe-listing-filters input{flex:2 1 220px}
.lqe-listing-filters select{flex:1 1 155px}
.lqe-listing-filters button{flex:0 0 auto}
@media(max-width:600px){.lqe-listing-filters input,.lqe-listing-filters select,.lqe-listing-filters button{flex:none}}