.slh-wrap{max-width:1100px;margin:30px auto;padding:0 15px;font-family:inherit}
.slh-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #ddd;margin-bottom:24px}
.slh-tab{border:0;background:#f3f4f6;padding:12px 18px;border-radius:10px 10px 0 0;cursor:pointer;font-weight:600}
.slh-tab.active{background:#111827;color:#fff}
.slh-panel{display:none}.slh-panel.active{display:block}
.slh-form{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.slh-form input,.slh-form select{flex:1;min-width:180px;padding:12px;border:1px solid #d1d5db;border-radius:8px;background:#fff}
.slh-form button{padding:12px 20px;border:0;border-radius:8px;background:#111827;color:#fff;cursor:pointer;font-weight:600}
.slh-form button:hover{opacity:.9}
.slh-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.slh-card{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.05)}
.slh-card img{width:100%;height:210px;object-fit:cover;background:#f3f4f6}
.slh-card-body{padding:18px}.slh-card h3{margin:0 0 10px;font-size:19px}.slh-card p{line-height:1.6;margin:7px 0}
.slh-card a{display:inline-block;margin-top:8px;font-weight:600;text-decoration:none}
.slh-empty,.slh-loading,.slh-error{grid-column:1/-1;padding:20px;border-radius:10px;background:#f9fafb}
.slh-error{background:#fef2f2;color:#991b1b}
.slh-quiz-box{grid-column:1/-1}.slh-question{padding:18px;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:14px}
.slh-question h3{font-size:17px;margin:0 0 12px}.slh-answer{display:block;margin:8px 0;padding:10px;border:1px solid #ddd;border-radius:8px;cursor:pointer}
.slh-answer input{margin-right:8px}.slh-submit-quiz{padding:12px 20px;border:0;border-radius:8px;background:#111827;color:#fff;cursor:pointer}
.slh-score{font-size:20px;font-weight:700;margin-bottom:15px}
@media(max-width:600px){.slh-tabs{gap:5px}.slh-tab{flex:1;min-width:45%;padding:10px 8px;font-size:14px}.slh-form button{width:100%}}