.ch-tutorial-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 28px}
.ch-tutorial-category-card{display:block;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;text-decoration:none!important;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:.18s ease}
.ch-tutorial-category-card:hover{transform:translateY(-2px);box-shadow:0 7px 20px rgba(0,0,0,.08)}
.ch-tutorial-category-card__media{display:block;aspect-ratio:1.65/1;background:#f2f3f5;overflow:hidden}
.ch-tutorial-category-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.ch-tutorial-category-card__name{display:flex;min-height:46px;align-items:center;justify-content:center;padding:9px 7px;text-align:center;font-size:14px;font-weight:600;color:#222;line-height:1.2}
.ch-featured-wrap{width:100%}.ch-featured-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.ch-featured-filter{border:1px solid #dedede;background:#fff;border-radius:999px;padding:8px 16px;font-size:13px;line-height:1;cursor:pointer;color:#333}
.ch-featured-filter.is-active{background:#6E04B5;border-color:#6E04B5;color:#fff}
.ch-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ch-featured-card{background:#fff;border:1px solid #e5e7eb;border-radius:13px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.ch-featured-card[hidden]{display:none!important}.ch-featured-card__media{position:relative;display:block;aspect-ratio:16/9;background:#eef0f3;overflow:hidden}
.ch-featured-card__media img{width:100%;height:100%;object-fit:cover;display:block}.ch-featured-card__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;font-size:16px;padding-left:2px;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.ch-featured-card__duration{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.72);color:#fff;border-radius:5px;padding:4px 7px;font-size:12px}.ch-featured-card__body{padding:12px 14px 14px}.ch-featured-card__category{font-size:12px;color:#6E04B5;font-weight:700;margin-bottom:4px}.ch-featured-card h3{font-size:17px;line-height:1.25;margin:0 0 12px;color:#222}.ch-featured-card__button{display:inline-block;background:#6E04B5;color:#fff!important;text-decoration:none!important;border-radius:6px;padding:8px 13px;font-size:12px;font-weight:700}.ch-featured-empty{grid-column:1/-1;padding:24px;border:1px dashed #d7d7d7;border-radius:12px;color:#777}
.ch-manuals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ch-manual-card-v2{border:1px solid #e5e7eb;border-radius:12px;padding:18px;background:#fff;text-align:center}.ch-manual-card-v2__icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;background:#ef4444;color:#fff;font-weight:800;font-size:12px}.ch-manual-card-v2__title{font-weight:600;margin-bottom:10px}.ch-manual-card-v2 a{color:#6E04B5;font-weight:700;text-decoration:none}
@media(max-width:1024px){.ch-tutorial-category-grid{grid-template-columns:repeat(3,1fr)}.ch-featured-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.ch-tutorial-category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ch-featured-grid,.ch-manuals-grid{grid-template-columns:1fr}.ch-tutorial-category-card__name{font-size:13px}}