/* Trang tổng hợp mẫu /mau-vong-quay/ */
.tp-page{max-width:1200px;margin:0 auto 40px;padding:0 16px;box-sizing:border-box}
.tp-hero{text-align:center;padding:18px 0 8px}
.tp-hero h1{font-size:26px;line-height:1.3;margin:0 0 8px;color:#111827}
.tp-hero p{max-width:760px;margin:0 auto 14px;color:#4b5563;font-size:15px;line-height:1.6}
.tp-search{position:relative;max-width:520px;margin:0 auto 12px}
.tp-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af}
.tp-search input{width:100%;height:46px;border:1px solid #e5e7eb;border-radius:999px;padding:0 16px 0 42px;font-size:15px;background:#fff;box-sizing:border-box;outline:none}
.tp-search input:focus{border-color:#D7382E;box-shadow:0 0 0 3px rgba(215,56,46,.12)}
.tp-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.tp-chips a{padding:6px 12px;border-radius:999px;background:#f3f4f6;color:#374151;font-size:13px;text-decoration:none}
.tp-chips a:hover{background:#fee2e2;color:#991b1b}
.tp-group{margin-top:26px;scroll-margin-top:80px}
.tp-group h2{font-size:20px;margin:0 0 4px;color:#111827;display:flex;align-items:center;gap:8px}
.tp-group h2 small{font-size:12px;font-weight:600;color:#6b7280;background:#f3f4f6;border-radius:999px;padding:2px 8px}
.tp-group__desc{margin:0 0 12px;color:#6b7280;font-size:14px}
.tp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.tp-card{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid #eef0f3;border-radius:14px;background:#fff;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}
.tp-card:hover{border-color:#fecaca;box-shadow:0 10px 24px -16px rgba(0,0,0,.35);transform:translateY(-1px)}
.tp-card[hidden],.tp-group[hidden]{display:none}
.tp-card__img{flex:0 0 72px;width:72px;height:72px;border-radius:50%;overflow:hidden;background:#f3f4f6}
.tp-card__img img{width:100%;height:100%;object-fit:cover;display:block}
.tp-card__body{display:flex;flex-direction:column;gap:3px;min-width:0}
.tp-card__name{font-weight:600;font-size:15px;color:#111827;line-height:1.35}
.tp-card__desc{font-size:13px;color:#6b7280;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tp-card__tags{display:flex;gap:6px;margin-top:2px}
.tp-card__tags em{font-style:normal;font-size:11px;padding:1px 8px;border-radius:999px;background:#eff6ff;color:#1d4ed8}
.tp-card__tags em.is-new{background:#dcfce7;color:#15803d}
.tp-empty{text-align:center;color:#6b7280;margin:24px 0}
.tp-seo{margin-top:36px;padding-top:20px;border-top:1px solid #eef0f3;color:#374151;font-size:15px;line-height:1.7}
.tp-seo h2{font-size:18px;margin:16px 0 6px}
@media (max-width:767px){
  .tp-hero h1{font-size:21px}
  .tp-grid{grid-template-columns:1fr}
  .tp-card__img{flex-basis:60px;width:60px;height:60px}
}
.tp-group h2 a{color:inherit;text-decoration:none}
.tp-group h2 a:hover{color:#D7382E}
.tp-more{display:inline-block;margin-top:10px;font-size:14px;color:#D7382E;text-decoration:none;font-weight:600}
.tp-more:hover{text-decoration:underline}
.tp-intro{max-width:820px;margin:0 auto;color:#4b5563;font-size:15px;line-height:1.7;text-align:left}
.tp-intro p{margin:0 0 10px}
.tp-others{margin-top:30px}
.tp-others h2{font-size:18px;margin:0 0 10px}
.tp-chips--left{justify-content:flex-start}
.tp-chips small{opacity:.6;margin-left:2px}
/* khối liên quan trong trang công cụ */
.tp-related{max-width:1200px;margin:28px auto 10px;padding:0 16px;box-sizing:border-box}
.tp-related__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.tp-related__head h2{font-size:20px;margin:0;color:#111827}
.tp-related__head a{font-size:14px;color:#D7382E;text-decoration:none;font-weight:600}