/* 4.20.10 — editorial details shared by every page: byline, Finder prompt, product photo first on phones,
   readable comparison tables on phones, larger pick photos. */
html body p.ggl-byline,html body #main p.ggl-byline,html body #main .gp p.ggl-byline{margin:4px 0 14px!important;color:#98a79e!important;font-size:.86rem!important;line-height:1.5!important;max-width:760px;font-weight:400!important;letter-spacing:0!important;text-transform:none!important}
html body p.ggl-byline a,html body #main p.ggl-byline a,html body #main .gp p.ggl-byline a{color:#c7d1ca!important;text-decoration:underline;text-decoration-color:#52645a;text-underline-offset:3px;font-weight:400!important}
html body #main p.ggl-byline a:hover,html body p.ggl-byline a:hover{color:#b8ff3d!important}
.ggl-finder-nudge{margin:14px 0 18px!important;font-size:.95rem!important}
.ggl-finder-nudge a{color:#b8ff3d!important;font-weight:700;text-decoration:none!important;border-bottom:1px solid rgba(184,255,61,.45);padding-bottom:1px}
.ggl-finder-nudge a:hover{border-bottom-color:#b8ff3d}

/* Comparison and spec tables: keep the first column (the product or spec name) in view while swiping. */
@media(max-width:760px){
 .gb-tw table th:first-child,.gb-tw table td:first-child,.gst-wrap table th:first-child,.gst-wrap table td:first-child,
 .ggl-responsive-table table th:first-child,.ggl-responsive-table table td:first-child,#meaningfulTable th:first-child,#meaningfulTable td:first-child{
  position:sticky;left:0;z-index:2;background:#101813!important;box-shadow:1px 0 0 rgba(255,255,255,.12)}
}

/* Product pages on phones: the product photo comes first, above the name. */
@media(max-width:760px){
 html body .gp-top img{order:0!important;max-width:180px!important;margin:0 auto 4px!important}
}

/* Buying-guide picks on phones: a bigger photo above the text instead of a 64px thumbnail. */
@media(max-width:600px){
 html body .gb-picks .gb-pick{grid-template-columns:1fr!important;gap:10px!important;align-items:start!important}
 html body .gb-picks .gb-pick>img{width:140px!important;height:140px!important}
}