/* Trend Haber v0.3.11 - visual polish only: existing sections and data rules unchanged. */
:root{--thv311-ui-red:#d80e35}
/* Existing uploaded CMS logo, otherwise keep the established TREND HABER mark. */
.header .header-main{min-width:0;display:grid;grid-template-columns:minmax(150px,190px) minmax(0,1fr) 46px;gap:clamp(10px,2vw,26px);align-items:center;min-height:70px}
.header .header-main>.brand{justify-self:start;display:inline-flex;align-items:center;max-width:190px;min-width:0;white-space:nowrap;transform:none;line-height:1;text-decoration:none}
.header .brand:not(.thv311-brand-image){transform:skew(-7deg)}
.header .thv311-brand-image img{display:block;max-width:184px;max-height:56px;width:auto;height:auto;object-fit:contain;object-position:left center}
.header .desktop-nav{min-width:0;justify-content:center;gap:clamp(10px,1.6vw,24px);white-space:nowrap}
.header .desktop-nav a{font-size:clamp(11px,.95vw,13px);font-weight:800;letter-spacing:.01em;line-height:1.3}
.header .desktop-nav a:hover,.header .desktop-nav a:focus-visible{color:var(--thv311-ui-red)}
.header .header-buttons{justify-content:flex-end;justify-self:end}
.header .header-buttons button{display:grid;place-items:center;line-height:1;transition:border-color .18s,background-color .18s}
.header .header-buttons button:hover{border-color:#d7dce7;background:#f5f7fa}
.header .search-tray,.header .mobile-nav{box-shadow:0 9px 15px #141f3020}
.header .search-tray[hidden],.header .mobile-nav[hidden]{display:none!important}
.topline .top-flex{min-width:0;gap:10px}
.topline .top-left,.topline .top-right{min-width:0;gap:10px}
/* Keep the existing editorial grids while refining the card ratios and typography. */
.site-content .hero{grid-template-columns:minmax(0,26.5%) minmax(0,1fr);gap:clamp(8px,1.3vw,18px);height:clamp(360px,32vw,465px)}
.site-content .hero-main-card .pic-caption{padding:clamp(12px,2vw,27px)}
.site-content .hero-main-card .pic-caption strong{font-size:clamp(25px,3.1vw,43px);line-height:1.075;overflow-wrap:break-word;text-wrap:balance}
.site-content .hero-left-card .pic-caption{padding:clamp(9px,1.5vw,20px)}
.site-content .hero-left-card .pic-caption strong{font-size:clamp(16px,2vw,27px);line-height:1.07;overflow-wrap:break-word}
.site-content .pic-card img,.thv32-body .thv32-cover img{object-fit:cover;object-position:center;max-width:100%}
.site-content .small-thumb span,.site-content .tiny-card strong{overflow-wrap:anywhere}
.site-content .trending-strip{margin-top:15px;margin-bottom:25px}
.site-content .news-section{scroll-margin-top:12px}
.site-content .section-head{min-width:0}
.site-content .section-head h2{white-space:normal}
/* Editorial focus, less visual jitter on hover and keyboard support. */
.header button:focus-visible,.header a:focus-visible,.site-content a:focus-visible,.site-content button:focus-visible{outline:2px solid var(--thv311-ui-red);outline-offset:3px}
@media(max-width:1050px){
 .header .header-main{grid-template-columns:155px minmax(0,1fr) 42px;gap:10px;min-height:62px}
 .header .thv311-brand-image img{max-width:156px;max-height:48px}
 .header .desktop-nav{gap:clamp(7px,1.1vw,14px)}
 .header .desktop-nav a{font-size:11px}
 .site-content .hero{height:clamp(290px,36vw,395px)}
}
@media(max-width:730px){
 .header .header-main{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:59px;height:59px}
 .header .desktop-nav{display:none!important}
 .header .header-buttons{display:flex;justify-self:end;gap:7px}
 .header .header-buttons #menu-toggle{display:grid}
 .header .header-buttons button{width:36px;height:36px}
 .header .thv311-brand-image img{max-width:144px;max-height:44px}
 .header .mobile-nav:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .header .mobile-nav a{min-width:0;overflow-wrap:anywhere}
 .site-content .hero{grid-template-columns:minmax(0,29%) minmax(0,1fr);height:clamp(245px,49vw,305px);gap:7px}
 .site-content .hero-main-card .pic-caption{padding:10px}
 .site-content .hero-main-card .pic-caption strong{font-size:clamp(17px,4.35vw,24px);line-height:1.08}
 .site-content .hero-left-card .pic-caption{padding:6px}
 .site-content .hero-left-card .pic-caption strong{font-size:clamp(10px,2.9vw,14px)}
 .site-content .trending-strip{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));overflow-x:auto;gap:8px;overscroll-behavior-inline:contain;padding:8px;scroll-snap-type:x proximity;max-width:100%}
 .site-content .trending-strip .small-thumb{scroll-snap-align:start;min-width:0;font-size:11px}
 .site-content .trending-strip .small-thumb img{width:52px;height:42px}
 .site-content .featured-layout,.site-content .split-section,.site-content .bottom-news{min-width:0}
 .site-content .news-section{margin-bottom:11px}
 .topline .top-flex{justify-content:flex-start}
 .topline .top-left{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 .thv32-body .thv32-article{padding:20px 16px}
}
@media(max-width:410px){
 .header .thv311-brand-image img{max-width:132px;max-height:41px}
 .site-content .hero{height:238px;grid-template-columns:minmax(0,29%) minmax(0,1fr)}
 .site-content .hero-main-card .pic-caption strong{font-size:clamp(16px,4.8vw,19px)}
 .site-content .hero-left-card .pic-caption strong{font-size:clamp(10px,2.7vw,11px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pic-card img,.header .header-buttons button{transition:none!important}}

/* v0.3.12 — Manset alti, headline+spot style based on the existing Trend Haber design. */
.site-content .trending-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;overflow:hidden;background:#fff;border:1px solid #e1e5eb;box-shadow:0 5px 15px #1723320d;margin-top:13px;margin-bottom:25px;min-height:136px}
.site-content .trending-strip .thv312-strip-item{display:grid;grid-template-columns:minmax(105px,38%) minmax(0,1fr);align-items:center;gap:13px;min-width:0;padding:14px 15px;color:#152031;text-decoration:none;border-right:1px solid #e3e6eb;min-height:136px}
.site-content .trending-strip .thv312-strip-item:last-child{border-right:0}
.site-content .trending-strip .thv312-strip-image{display:block;position:relative;min-width:0;aspect-ratio:1.58;overflow:hidden;border-radius:6px;background:#e6e9ee}
.site-content .trending-strip .thv312-strip-image img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1.58}
.site-content .trending-strip .thv312-strip-copy{display:block;min-width:0}
.site-content .trending-strip .thv312-strip-copy strong{font-size:clamp(13px,1.3vw,18px);font-weight:850;line-height:1.24;color:#141b2b;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.site-content .trending-strip .thv312-strip-spot{font-size:clamp(11px,1vw,13px);line-height:1.46;color:#627084;margin-top:6px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.site-content .trending-strip .thv312-strip-item:hover strong{color:#d91639}
.header .thv312-brand-fallback img{width:auto;max-width:185px;max-height:57px;object-fit:contain}
.site-content .thv312-market .market-track{display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:thin}
.site-content .thv312-market .market-track .thv312-quote{flex-shrink:0;white-space:nowrap;border-right:1px solid #e6e8ef;padding:6px 15px;color:#273447}
.site-content .thv312-market .market-track .thv312-quote strong{font-weight:800;color:#c90c32}
.site-content .thv312-market .thv312-market-unavailable{color:#7f8793;font-size:11px}
@media(max-width:1050px){.site-content .trending-strip .thv312-strip-item{grid-template-columns:minmax(78px,35%) minmax(0,1fr);gap:9px;padding:12px;min-height:118px}.site-content .trending-strip{min-height:118px}.site-content .trending-strip .thv312-strip-copy strong{font-size:12px}.site-content .trending-strip .thv312-strip-spot{font-size:10px}}
@media(max-width:730px){
 .site-content .trending-strip{display:flex;overflow-x:auto;scroll-snap-type:x proximity;max-width:100%;min-height:118px;gap:0;padding:0}
 .site-content .trending-strip .thv312-strip-item{min-width:245px;width:81%;flex:0 0 81%;grid-template-columns:38% minmax(0,1fr);padding:9px;min-height:118px;scroll-snap-align:start}
 .site-content .trending-strip .thv312-strip-image{aspect-ratio:1.3}
 .site-content .trending-strip .thv312-strip-image img{aspect-ratio:1.3}
 .site-content .trending-strip .thv312-strip-copy strong{font-size:13px}
 .site-content .trending-strip .thv312-strip-spot{font-size:11px}
 .header .thv312-brand-fallback img{max-width:145px;max-height:48px}
}