/* Roovet Watch: shared visual refinements, October 2026. */
:root{--mh-red:#f33252;--mh-muted:#a9a9ba;--mh-border:#ffffff16}
body.media-hub{background:radial-gradient(ellipse at 75% 0,#271921 0,transparent 48%),#101014}
.mh-brand-mark{background:url('/assets/watch/brand/watch-mark.svg') center/contain no-repeat!important;border-radius:9px;width:34px;height:34px;color:transparent!important;flex-shrink:0;box-shadow:none!important}
.mh-brand-mark>span{display:none!important}
.mh-page-heading{gap:24px;padding-block:24px 20px}
.mh-page-heading>div:first-child{max-width:700px;min-width:0}
.mh-page-heading h1{font-size:clamp(26px,2.5vw,38px);line-height:1.14;letter-spacing:-1.1px;margin-top:9px}
.mw-intro{font-size:14px;line-height:1.65;color:#b1b1c2;max-width:650px;margin:12px 0 0}
.mh-eyebrow{color:#ff8ca2;letter-spacing:.14em}
.mh-chips{min-width:0;overflow-x:auto;scrollbar-width:thin}
.mh-chip,.mh-source-switch button,.md-topic{min-height:40px;display:inline-flex;align-items:center;justify-content:center}
.mh-search:focus-within,.md-filter:focus-within{outline:2px solid #ff8ca2;outline-offset:3px}
.mh-card-stats,.mh-card-source{color:#a2a3b5}
.mh-card-author{color:#b5b5c7}
.md-controls{background:#19191f;border:1px solid #ffffff12;border-radius:16px;padding:16px;margin-bottom:24px}
.md-results{margin-top:10px;min-height:24px}
.md-results p{font-size:12px;color:#a9a9bc}
.md-spotlight{border-radius:22px;background:linear-gradient(115deg,#2b202b,#181a23);box-shadow:0 18px 60px #0002;margin-block:24px 34px}
.md-spotlight-copy{padding:30px}
.md-spotlight h2{font-size:clamp(22px,2vw,30px);line-height:1.23}
.md-spotlight-art{min-height:260px}
.md-watch-button{min-height:44px;display:inline-flex;align-items:center}
.md-card-tools button,.mh-secondary,.mh-load-more{min-height:36px}
.mh-section-heading{gap:12px}.mh-section-heading a{flex-shrink:0}
.mh-card{scroll-margin-top:140px}
.mh-card-media{box-shadow:0 5px 20px #0002}
.mh-card-title a{overflow-wrap:anywhere}
.mh-toast{overflow-wrap:anywhere}
.mh-main,.wx-primary,.wx-watch-layout,.wx-channel-identity{min-width:0}
.wx-video-title{overflow-wrap:anywhere}
@media(min-width:761px){
 .mh-compact .mh-nav-link span{display:block!important;position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
}
@media(min-width:761px) and (max-width:980px){
 .mh-nav-link span{display:block!important;position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
}
@media(max-width:760px){
 .mh-page-heading{padding-top:18px;gap:17px}.mw-intro{font-size:13px;line-height:1.6}
 .mh-page-heading h1{max-width:420px;letter-spacing:-.7px}
 .mh-sidebar:not(.mh-menu-open .mh-sidebar){visibility:hidden}
 .mh-menu-open .mh-sidebar{visibility:visible}
 .mh-compact .mh-nav-link span{position:static;clip:auto;width:auto;height:auto;margin:0;overflow:visible;white-space:normal}
 .md-controls{padding:12px;border-radius:14px}.md-tools{gap:10px}
 .md-spotlight-copy{padding:22px}.md-spotlight-art{min-height:190px}
 .mh-source-switch button,.md-topic,.md-card-tools button,.mh-secondary,.mh-load-more{min-height:44px}
 .mh-mobile-nav a{min-height:44px;justify-content:center}
 .mh-section-heading h2{font-size:19px}.mh-section-heading a{font-size:12px}
 .mh-toast{width:calc(100vw - 32px);max-width:480px;bottom:calc(78px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){.mh-brand{font-size:16px}.mh-topbar{padding-right:8px;grid-template-columns:minmax(145px,1fr) auto}.mh-account-group{gap:3px}.mh-signin{padding:7px}.mh-source-switch{max-width:none}}