/* ZAZOOMTEK.IT — APPROVED REFERENCE 1 / 2 / 3, 25 OCT 2026.
   One shared visual contract for *detail* pages; never changes Home lists.
   Applied after legacy page-local styles by services10/15-master-structural.py
   and by Studio/layouts.js. Brand is ZazoomTek, charcoal + red #d51232. */
body.zt-master-page.zt-editorial-detail{
  background:#ececec!important;color:#202020!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
body.zt-master-page.zt-editorial-detail .zt-master-layout{
  box-sizing:border-box!important;
  width:min(1200px,calc(100% - 28px))!important;
  max-width:1200px!important;margin:18px auto 32px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(248px,26%)!important;
  column-gap:16px!important;align-items:start!important;
}
body.zt-master-page.zt-editorial-detail .zt-master-layout>.zt-master-content{
  width:100%!important;min-width:0!important;grid-column:1!important;
  grid-row:1!important;padding:clamp(17px,2.1vw,28px)!important;
  margin:0!important;background:#fff!important;border:1px solid #e2e2e2!important;
  box-sizing:border-box!important;overflow:visible!important;
}
body.zt-master-page.zt-editorial-detail .zt-master-layout>.zt-master-rail{
  grid-column:2!important;grid-row:1!important;align-self:start!important;
  width:100%!important;max-width:none!important;margin:0!important;
  display:flex!important;flex-direction:column!important;gap:10px!important;
  position:static!important;min-width:0!important;
}
body.zt-master-page.zt-editorial-detail .zt-master-content :is(.breadcrumbs,.crumb){
  display:block!important;margin:0 0 13px!important;color:#666!important;
  font:600 12px/1.5 Arial,Helvetica,sans-serif!important;
}
body.zt-master-page.zt-editorial-detail .zt-master-content h1{
  margin:0 0 11px!important;color:#161616!important;letter-spacing:-.35px!important;
  font:900 clamp(25px,2.2vw,35px)/1.24 Arial,Helvetica,sans-serif!important;
}
body.zt-master-page.zt-editorial-detail .zt-master-content :is(.meta,.article-meta){
  color:#777!important;font:500 12px/1.5 Arial,Helvetica,sans-serif!important;
  margin:0 0 17px!important;
}
body.zt-master-page.zt-editorial-detail .zt-master-content :is(img.hero,img.article-hero){
  display:block!important;width:100%!important;max-width:100%!important;
  height:auto!important;object-fit:contain!important;aspect-ratio:auto!important;
  border-radius:0!important;margin:0 0 14px!important;
}
body.zt-master-page.zt-editorial-detail .zt-master-content .article-body{
  font:400 16px/1.72 Arial,Helvetica,sans-serif!important;
  box-sizing:border-box!important;min-width:0!important;
  overflow:visible!important;padding:8px clamp(16px,2vw,29px) 12px!important;
  background:#fff!important;color:#292929!important;
}
body.zt-master-page.zt-editorial-detail .zt-master-content article.article-main:not(.article-body){
  min-width:0!important;box-sizing:border-box!important;
}
body.zt-master-page.zt-editorial-detail .zt-master-content :is(.article-body,article.article-main)>p{
  font:400 16px/1.7 Arial,Helvetica,sans-serif!important;
  color:#303030!important;margin:0 0 17px!important;overflow-wrap:anywhere!important;
}
body.zt-master-page.zt-editorial-detail .zt-master-content :is(.article-body,article.article-main)>:is(h2,h3){
  font:900 20px/1.35 Arial,Helvetica,sans-serif!important;color:#161616!important;
  border-left:4px solid #d51232!important;
  padding:0 0 0 10px!important;margin:23px 0 12px!important;
}
body.zt-master-page.zt-editorial-detail .zt-master-content .article-body img{
  display:block;max-width:100%!important;height:auto!important;
}
body.zt-master-page.zt-editorial-detail .zt-master-content :is(.zt-review-video-banner,.zt-video-review-cta){
  display:block!important;margin:5px 0 18px!important;padding:0!important;
  border:1px solid #f2c8d1!important;background:#fff1f3!important;
}
body.zt-master-page.zt-editorial-detail .zt-master-content :is(.zt-review-video-banner,.zt-video-review-cta) a{
  display:block!important;padding:11px 15px!important;
  color:#b50e32!important;font:900 12px/1.4 Arial,Helvetica,sans-serif!important;
  text-decoration:none!important;text-transform:uppercase!important;
}
body.zt-master-page.zt-editorial-news .zt-editorial-final-banner{
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  gap:12px!important;flex-wrap:wrap!important;background:#161616!important;
  border-left:4px solid #d51232!important;color:#fff!important;
  padding:17px 19px!important;margin:20px 0 0!important;
}
body.zt-master-page.zt-editorial-news .zt-editorial-final-banner strong{
  color:#fff!important;font:900 18px/1.25 Arial,Helvetica,sans-serif!important;
}
body.zt-master-page.zt-editorial-news .zt-editorial-final-banner p{
  color:#ddd!important;font:400 13px/1.5 Arial,Helvetica,sans-serif!important;
  margin:5px 0 0!important;
}
body.zt-master-page.zt-editorial-news .zt-editorial-final-banner a{
  display:inline-block!important;background:#d51232!important;color:#fff!important;
  text-decoration:none!important;padding:10px 14px!important;
  font:900 12px/1.4 Arial,Helvetica,sans-serif!important;
}
/* Approved model 3: existing authored score and actual Pro / Contro,
   never manufacture a score or invent a product opinion. */
body.zt-master-page.zt-editorial-review .zt-master-content .rating{
  display:grid!important;grid-template-columns:minmax(112px,27%) minmax(0,1fr)!important;
  gap:16px!important;align-items:center!important;
  border-top:2px solid #d51232!important;background:#f7f7f7!important;
  padding:14px 16px!important;margin:20px 0!important;
}
body.zt-master-page.zt-editorial-review .zt-master-content .rating small{
  display:block!important;color:#bc1232!important;font:900 11px/1.4 Arial,Helvetica,sans-serif!important;
}
body.zt-master-page.zt-editorial-review .zt-master-content .rating strong{
  color:#171717!important;font:900 35px/1.1 Arial,Helvetica,sans-serif!important;
}
body.zt-master-page.zt-editorial-review .zt-master-content .rating strong span{font-size:16px!important}
body.zt-master-page.zt-editorial-review .zt-master-content .rating p{
  margin:0!important;font:400 13px/1.6 Arial,Helvetica,sans-serif!important;
}
body.zt-master-page.zt-editorial-review .zt-master-content .proscons{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;margin:18px 0 8px!important;
}
body.zt-master-page.zt-editorial-review .zt-master-content .proscons>section{
  box-sizing:border-box!important;min-width:0!important;background:#fff!important;
  border:1px solid #e1e1e1!important;padding:14px!important;
}
body.zt-master-page.zt-editorial-review .zt-master-content .proscons .pros h2{color:#158039!important}
body.zt-master-page.zt-editorial-review .zt-master-content .proscons .cons h2{color:#c7183a!important}
body.zt-master-page.zt-editorial-detail .zt-master-article-related{
  box-sizing:border-box!important;clear:both!important;display:block!important;
  margin:19px 0 0!important;border:1px solid #dedede!important;
  max-width:100%!important;overflow:hidden!important;
}
body.zt-master-page.zt-editorial-detail .zt-master-article-related>h2{
  font:900 13px/1.35 Arial,Helvetica,sans-serif!important;
  color:#fff!important;background:#1b1b1b!important;border-left:4px solid #d51232!important;
  margin:0!important;padding:11px 14px!important;
}
body.zt-master-page.zt-editorial-detail .zt-master-related-list{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;padding:10px!important;
}
body.zt-master-page.zt-editorial-detail .zt-master-related-list>a.zt-master-card{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  border:1px solid #ececec!important;min-width:0!important;padding:0 0 9px!important;
}
body.zt-master-page.zt-editorial-detail .zt-master-related-list>a.zt-master-card img{
  display:block!important;width:100%!important;height:auto!important;
  aspect-ratio:16/9!important;object-fit:contain!important;background:#171717!important;
}
body.zt-master-page.zt-editorial-detail .zt-master-related-list .zt-master-copy{
  display:block!important;min-width:0!important;padding:5px 8px!important;
}
body.zt-master-page.zt-editorial-detail .zt-master-related-list .zt-master-copy strong{
  display:block!important;font:900 12px/1.42 Arial,Helvetica,sans-serif!important;
}
body.zt-master-page.zt-editorial-detail .zt-master-related-list .zt-card-snippet{
  font:400 11px/1.4 Arial,Helvetica,sans-serif!important;
}
body.zt-master-page.zt-editorial-detail .zt-master-rail .zt-master-group{
  display:block!important;flex:0 0 auto!important;margin:0!important;
  border:1px solid #e0e0e0!important;background:#fff!important;
}
body.zt-master-page.zt-editorial-detail .zt-master-rail .zt-master-group>h2{
  color:#fff!important;background:#191919!important;border-left:4px solid #d51232!important;
  margin:0!important;padding:10px 11px!important;
  font:900 12px/1.35 Arial,Helvetica,sans-serif!important;
}
body.zt-master-page.zt-editorial-detail .zt-master-rail .zt-master-card{
  display:grid!important;grid-template-columns:40% minmax(0,1fr)!important;
  gap:8px!important;align-items:start!important;padding:7px!important;
  border-bottom:1px solid #e8e8e8!important;
}
body.zt-master-page.zt-editorial-detail .zt-master-rail .zt-master-card img{
  width:100%!important;aspect-ratio:16/9!important;height:auto!important;
  object-fit:contain!important;background:#171717!important;
}
body.zt-master-page.zt-editorial-detail .zt-master-rail .zt-master-card .zt-master-copy strong{
  color:#171717!important;font:800 12px/1.4 Arial,Helvetica,sans-serif!important;
}
body.zt-master-page.zt-editorial-detail .zt-master-rail .zt-master-card.zt-rail-hidden,
body.zt-master-page.zt-editorial-detail .zt-master-rail .zt-master-group.zt-rail-hidden{
  display:none!important;
}
@media(max-width:900px){
 body.zt-master-page.zt-editorial-detail .zt-master-layout{
   display:block!important;width:calc(100% - 22px)!important;
   margin:12px auto!important;
 }
 body.zt-master-page.zt-editorial-detail .zt-master-layout>.zt-master-content{
   width:100%!important;padding:clamp(14px,3vw,22px)!important;
 }
 body.zt-master-page.zt-editorial-detail .zt-master-layout>.zt-master-rail{
   display:block!important;max-width:100%!important;margin-top:18px!important;
 }
}
@media(max-width:620px){
 body.zt-master-page.zt-editorial-detail .zt-master-content .article-body{
   padding-inline:17px!important;
 }
 body.zt-master-page.zt-editorial-review .zt-master-content .proscons{
   grid-template-columns:1fr!important;
 }
 body.zt-master-page.zt-editorial-detail .zt-master-related-list{
   grid-template-columns:1fr!important;
 }
 body.zt-master-page.zt-editorial-detail .zt-master-content .rating{
   grid-template-columns:1fr!important;
 }
}