.tmhyt{--pink:#E5006D;--ink:#1b2230;--muted:#667085;--border:#e6e8ef;--radius:14px;max-width:1180px;margin:0 auto;color:var(--ink);font-family:inherit;}
.tmhyt *{box-sizing:border-box;}

/* page header */
.tmhyt-head{text-align:center;max-width:760px;margin:0 auto 34px;}
.tmhyt .tmhyt-h1{font-size:clamp(28px,4vw,40px)!important;line-height:1.15!important;font-weight:800!important;color:var(--ink)!important;margin:0 0 14px!important;letter-spacing:-.01em;}
.tmhyt .tmhyt-intro{font-size:16.5px!important;line-height:1.6!important;color:var(--muted)!important;margin:0!important;}

/* tabs */
.tmhyt-tabs{display:flex;gap:6px;justify-content:center;border-bottom:1px solid var(--border);margin:0 0 28px;}
.tmhyt .tmhyt-tab{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;font-weight:700!important;font-size:15.5px!important;color:var(--muted)!important;text-decoration:none!important;border-bottom:2px solid transparent;margin-bottom:-1px;transition:.15s;}
.tmhyt .tmhyt-tab span{font-size:12px;font-weight:700;background:#eef0f5;color:var(--muted);border-radius:20px;padding:2px 9px;}
.tmhyt .tmhyt-tab:hover{color:var(--ink)!important;}
.tmhyt .tmhyt-tab.is-active{color:var(--ink)!important;border-bottom-color:var(--ink);}
.tmhyt .tmhyt-tab.is-active span{background:var(--ink);color:#fff;}

/* grid */
.tmhyt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 24px;}
.tmhyt--shorts .tmhyt-grid{grid-template-columns:repeat(5,1fr);}
.tmhyt-card{display:flex;flex-direction:column;}
.tmhyt-thumb{position:relative;display:block;border-radius:var(--radius);overflow:hidden;background:#000;aspect-ratio:16/9;box-shadow:0 6px 20px rgba(20,23,40,.10);transition:transform .18s,box-shadow .18s;}
.tmhyt--shorts .tmhyt-thumb{aspect-ratio:9/16;}
.tmhyt-thumb img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;display:block!important;position:absolute;inset:0;}
.tmhyt-thumb:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,23,40,.18);}
.tmhyt-dur{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.82);color:#fff;font-size:12.5px;font-weight:600;padding:2px 7px;border-radius:6px;line-height:1.4;}
.tmhyt-play{position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:50%;background:rgba(27,34,48,.86);opacity:0;transition:opacity .18s,background .18s;}
.tmhyt-thumb:hover .tmhyt-play{opacity:1;}
.tmhyt-thumb:hover .tmhyt-play{background:var(--pink);}
.tmhyt-play:before{content:"";position:absolute;inset:0;margin:auto;width:0;height:0;border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #fff;left:4px;}
.tmhyt-embed{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/9;background:#000;}
.tmhyt--shorts .tmhyt-embed{aspect-ratio:9/16;}
.tmhyt-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}

/* title + meta — forced over theme h3/link styles */
.tmhyt h3.tmhyt-title{font-size:14px!important;line-height:1.4!important;font-weight:600!important;margin:12px 0 5px!important;padding:0!important;}
.tmhyt h3.tmhyt-title a{color:var(--ink)!important;text-decoration:none!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.tmhyt h3.tmhyt-title a:hover{color:#000!important;}
.tmhyt .tmhyt-meta{font-size:12.5px!important;color:var(--muted)!important;line-height:1.4;}
.tmhyt-empty{color:var(--muted);padding:30px 0;text-align:center;}

/* pagination */
.tmhyt-pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:40px 0 4px;}
.tmhyt .tmhyt-pg{min-width:42px;text-align:center;padding:9px 14px;border:1px solid var(--border);border-radius:10px;color:var(--ink)!important;text-decoration:none!important;font-weight:600;font-size:14.5px;transition:.15s;}
.tmhyt .tmhyt-pg:hover{border-color:var(--ink);}
.tmhyt .tmhyt-pg.is-current{background:var(--ink);border-color:var(--ink);color:#fff!important;}
.tmhyt-gap{padding:9px 4px;color:var(--muted);}

@media (max-width:1024px){.tmhyt-grid{grid-template-columns:repeat(3,1fr);}.tmhyt--shorts .tmhyt-grid{grid-template-columns:repeat(4,1fr);}}
@media (max-width:720px){.tmhyt-grid{grid-template-columns:repeat(2,1fr);gap:22px 16px;}.tmhyt--shorts .tmhyt-grid{grid-template-columns:repeat(3,1fr);}.tmhyt .tmhyt-tab{padding:10px 14px;font-size:14.5px!important;}}
@media (max-width:430px){.tmhyt-grid,.tmhyt--shorts .tmhyt-grid{grid-template-columns:repeat(2,1fr);}}

/* video player modal (appended to body — uses literal colours) */
.tmhyt-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(10,12,18,.9);opacity:0;visibility:hidden;transition:opacity .2s ease;}
.tmhyt-modal.is-open{opacity:1;visibility:visible;}
.tmhyt-modal__dialog{position:relative;width:min(92vw,940px);aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.55);transform:scale(.95);transition:transform .2s ease;}
.tmhyt-modal.is-open .tmhyt-modal__dialog{transform:scale(1);}
.tmhyt-modal--short .tmhyt-modal__dialog{width:auto;height:min(84vh,720px);aspect-ratio:9/16;}
.tmhyt-modal__frame{position:absolute;inset:0;}
.tmhyt-modal__frame iframe{position:relative;z-index:2;width:100%;height:100%;border:0;display:block;}
.tmhyt-modal__spinner{position:absolute;top:50%;left:50%;z-index:1;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;border:4px solid rgba(255,255,255,.22);border-top-color:#fff;animation:tmhyt-spin .8s linear infinite;}
@keyframes tmhyt-spin{to{transform:rotate(360deg);}}
.tmhyt-modal__close{position:absolute;top:18px;right:24px;z-index:3;display:flex!important;align-items:center!important;justify-content:center!important;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:26px;line-height:1;text-align:center;cursor:pointer;transition:background .15s;}
.tmhyt-modal__close:hover{background:#E5006D;}
@media (max-width:600px){
	.tmhyt-modal{padding:12px;}
	.tmhyt-modal__dialog{width:96vw;}
	.tmhyt-modal--short .tmhyt-modal__dialog{width:auto;height:80vh;max-width:96vw;}
	.tmhyt-modal__close{top:10px;right:12px;width:40px;height:40px;}
}