/* PaidSurveyGuide 2.2 — render fidelity layer. Visual only: platform facts,
 * admin controls, /go/ links and Core data/routing remain untouched. */
:root{--psg-ink:#071f43;--psg-deep:#04304e;--psg-coral:#ff5159}
.theme-paidsurveyguide .site-header{z-index:90}
.theme-paidsurveyguide .footer-shell{width:min(1325px,calc(100% - 64px))}
.theme-paidsurveyguide .site-footer{background:linear-gradient(135deg,#062e4f,#032b46);color:#f4fcff;padding:30px 0 0;min-height:230px;position:relative;overflow:hidden}
.theme-paidsurveyguide .site-footer:before,.theme-paidsurveyguide .site-footer:after{content:"";position:absolute;bottom:-18px;width:140px;height:185px;background-repeat:no-repeat;background-size:contain;opacity:.55;pointer-events:none}
.theme-paidsurveyguide .site-footer:before{left:0;background-image:url('assets/design/footer-coastal-left.png');background-position:left bottom}
.theme-paidsurveyguide .site-footer:after{right:0;background-image:url('assets/design/footer-coastal-right.png');background-position:right bottom}
.theme-paidsurveyguide .footer-shell{position:relative;z-index:1;min-height:0;display:grid;grid-template-columns:1.18fr .8fr 1fr .86fr;gap:42px;align-items:start}
.theme-paidsurveyguide .footer-brand img{width:250px;max-height:72px;object-fit:contain;object-position:left;filter:brightness(0) invert(1);opacity:1}
.theme-paidsurveyguide .footer-brand p{font-size:10px;letter-spacing:.02em;color:#d0e8f3;max-width:230px;margin-top:6px}
.theme-paidsurveyguide .site-footer .footer-links{display:grid;grid-template-columns:1fr 1fr;justify-content:initial;gap:5px 15px;align-content:start}
.theme-paidsurveyguide .site-footer .footer-links strong{grid-column:1/-1;font-size:15px;color:#fff;font-weight:900;margin:5px 0 10px}
.theme-paidsurveyguide .site-footer .footer-links a,.theme-paidsurveyguide .site-footer .footer-bottom a{font-size:12px;color:#e3f1f6;font-weight:500;text-decoration:none;white-space:nowrap}
.theme-paidsurveyguide .site-footer .footer-links a:hover,.theme-paidsurveyguide .site-footer .footer-bottom a:hover{text-decoration:underline}
.theme-paidsurveyguide .footer-trust strong{display:block;color:#fff;font-size:15px;margin:5px 0 10px}.theme-paidsurveyguide .footer-trust p{font-size:12px;color:#cfebf0;line-height:1.5}
.theme-paidsurveyguide .footer-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #41728b77;margin-top:12px;padding:14px 3px;font-size:11px;color:#bfdae7}
.theme-paidsurveyguide .footer-bottom>div{display:flex;gap:30px}
/* Inner pages: crop the actual supplied art on the subject side rather than
 * fitting the entire thumbnail (including stray original screenshot text). */
@media(min-width:901px){
 .theme-paidsurveyguide .psg21-hero-shell{width:min(1280px,calc(100% - 60px))}
 .theme-paidsurveyguide .psg21-hero-art{width:59%;right:-2%;background-size:cover;background-position:62% center;z-index:1;opacity:1}
 .theme-paidsurveyguide .psg21-hero-art:before{background:linear-gradient(90deg,#fffdf8 0%,rgba(255,253,248,.9) 13%,rgba(255,253,248,.25) 33%,transparent 56%)}
 .theme-paidsurveyguide .psg21-hero-copy{position:relative;z-index:2}
 .theme-paidsurveyguide .psg21-listing-page .psg21-hero-shell{min-height:290px}
 .theme-paidsurveyguide .psg21-category-page .psg21-hero-shell{min-height:340px}
 .theme-paidsurveyguide .psg21-country-page .psg21-hero-shell{min-height:360px}
 .theme-paidsurveyguide .psg21-alt-page .psg21-hero-shell{min-height:345px}
}
/* The approved homepage image is a tall desktop composition; the old theme
 * forced card heights down to 165px and the scenery to 475px. */
@media(min-width:1200px){
 body:has(.sst-home) .site-header{position:absolute;top:0;left:0;right:0;background:transparent;border:0;box-shadow:none}
 body:has(.sst-home) .header-shell{width:min(1325px,calc(100% - 82px));height:91px;grid-template-columns:345px 1fr 200px 145px;gap:17px}
 body:has(.sst-home) .psg-brand{display:inline-flex;align-items:center;min-height:70px;padding:2px 12px;border-radius:36px;background:rgba(255,255,255,.82);box-shadow:0 4px 16px #477b8b14}
 body:has(.sst-home) .psg-brand img{width:318px;max-height:59px}
 body:has(.sst-home) #main-navigation{gap:20px}body:has(.sst-home) #main-navigation a{font-size:12px}
 body:has(.sst-home) .header-search{height:47px;background:#fff;border-radius:18px}
 body:has(.sst-home) .header-start{border-radius:999px;height:50px;padding:14px 18px;font-size:13px}
 .theme-paidsurveyguide .psg-hero{height:724px;min-height:724px;background:linear-gradient(90deg,#fff9ed 0%,#fef8e6 36%,#c9e9ed 100%)}
 .theme-paidsurveyguide .psg-hero::before{background:linear-gradient(90deg,#fff9ed,transparent 55%)}
 .theme-paidsurveyguide .psg-hero::after{background:linear-gradient(90deg,rgba(255,249,237,.94) 0%,rgba(255,249,237,.85) 22%,rgba(255,249,237,.57) 31%,rgba(255,249,237,.08) 48%,transparent 67%);z-index:0}
 .theme-paidsurveyguide .hero-shell{width:min(1325px,calc(100% - 82px));max-width:1325px;min-height:724px!important;height:724px;display:block!important;position:relative;z-index:1}
 .theme-paidsurveyguide .hero-copy{position:relative;z-index:3;width:54%;padding:152px 0 0 17px!important}
 .theme-paidsurveyguide .hero-kicker{font-size:13px;letter-spacing:.18em;margin-bottom:11px;color:#334b52}
 .theme-paidsurveyguide .hero-copy h1{font-size:76px!important;line-height:.91!important;margin:9px 0 25px!important;letter-spacing:-.048em;white-space:nowrap}
 .theme-paidsurveyguide .hero-copy>p{font-size:19px;line-height:1.35;max-width:575px!important;margin:0 0 25px}
 .theme-paidsurveyguide .hero-actions{gap:12px;margin:22px 0 28px}
 .theme-paidsurveyguide .hero-actions a{min-height:65px;font-size:17px;border-radius:999px;padding:0 26px}
 .theme-paidsurveyguide .hero-primary{min-width:306px}.theme-paidsurveyguide .hero-secondary{min-width:220px}
 .theme-paidsurveyguide .hero-proof{display:flex;gap:28px;margin-top:23px}
 .theme-paidsurveyguide .hero-proof span{font-size:13px;grid-template-columns:44px 1fr;gap:9px}
 .theme-paidsurveyguide .hero-proof i{width:44px;height:44px;font-size:22px}.theme-paidsurveyguide .hero-proof b{font-size:13px}
 .theme-paidsurveyguide .hero-art{background:url('assets/design/hero-scene-faded.png') right center / cover no-repeat!important;position:absolute!important;inset:0 -65px 0 auto!important;height:724px!important;width:82%!important;z-index:0!important;overflow:hidden!important;mask-image:none!important;-webkit-mask-image:none!important;opacity:1}
 .theme-paidsurveyguide .hero-art::after{display:block!important;background:linear-gradient(90deg,#fff9ed 0%,rgba(255,249,237,.90) 15%,rgba(255,249,237,.26) 30%,transparent 49%)}
 .theme-paidsurveyguide .hero-art::before{display:none}
 .theme-paidsurveyguide .home-shell{width:min(1325px,calc(100% - 82px))}
 .theme-paidsurveyguide .top-picks{padding:14px 0 16px;background:#f4fafb}
 .theme-paidsurveyguide .section-title-row{padding:18px 22px 12px;min-height:75px;border-radius:22px 22px 0 0}
 .theme-paidsurveyguide .title-with-icon h2{font-size:32px}.theme-paidsurveyguide .title-with-icon .crown{font-size:35px}
 .theme-paidsurveyguide .title-with-icon p{font-size:12px}.theme-paidsurveyguide .section-title-row>a{font-size:12px}
 .theme-paidsurveyguide .pick-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:0 15px 18px}
 .theme-paidsurveyguide .pick-card{height:414px!important;min-height:414px!important;padding:20px 14px 13px!important;border-radius:15px;display:flex;flex-direction:column;overflow:hidden}
 .theme-paidsurveyguide .pick-badge{font-size:11px;padding:7px 10px;margin-bottom:18px;align-self:flex-start}
 .theme-paidsurveyguide .pick-brand{gap:10px;margin-bottom:12px;min-height:48px}.theme-paidsurveyguide .pick-logo{min-width:50px;height:44px}.theme-paidsurveyguide .pick-logo img{max-width:48px;max-height:44px}
 .theme-paidsurveyguide .pick-brand h3{font-size:19px!important;line-height:1.12}.theme-paidsurveyguide .pick-rating{margin:2px 0 10px;font-size:15px}.theme-paidsurveyguide .pick-rating span{font-size:21px;letter-spacing:-2px}
 .theme-paidsurveyguide .pick-card>p{font-size:14px!important;line-height:1.32;min-height:73px!important;max-height:none!important;margin:2px 0 14px;overflow:visible}
 .theme-paidsurveyguide .pick-highlight{min-height:93px!important;margin-top:auto;padding:13px 14px;border-radius:11px}.theme-paidsurveyguide .pick-highlight b{font-size:14px}.theme-paidsurveyguide .pick-highlight small{font-size:11px;line-height:1.25;max-height:none;margin-top:7px}
 .theme-paidsurveyguide .pick-button{min-height:47px!important;font-size:13px!important;margin-top:12px;border-radius:10px!important}
 .theme-paidsurveyguide .pick-bonus{min-height:29px!important;margin-top:6px;font-size:12px!important;border-radius:0;background:transparent;color:#183953}
 .theme-paidsurveyguide .compare-finder{padding-bottom:16px}.theme-paidsurveyguide .finder-grid{min-height:157px;grid-template-columns:245px repeat(4,minmax(0,1fr)) 218px;gap:14px;padding:24px 20px;border-radius:17px}
 .theme-paidsurveyguide .finder-intro h2{font-size:25px}.theme-paidsurveyguide .finder-intro p{font-size:11px}.theme-paidsurveyguide .finder-grid label{font-size:11px}.theme-paidsurveyguide .finder-grid select{height:51px;font-size:11px;margin-top:7px}
 .theme-paidsurveyguide .finder-button{height:52px;font-size:13px}.theme-paidsurveyguide .finder-icon{min-width:58px}
 .theme-paidsurveyguide .how-strip{padding-bottom:16px}.theme-paidsurveyguide .how-grid{min-height:164px;grid-template-columns:265px 1fr auto 1fr auto 1fr auto 1fr;gap:12px;padding:22px 18px}
 .theme-paidsurveyguide .how-title h2{font-size:26px}.theme-paidsurveyguide .how-title p{font-size:11px}.theme-paidsurveyguide .how-title>img{width:58px;height:58px}
 .theme-paidsurveyguide .how-step{grid-template-columns:36px 35px 1fr}.theme-paidsurveyguide .how-step>b{width:36px;height:36px;font-size:15px}.theme-paidsurveyguide .how-step>i{font-size:28px}.theme-paidsurveyguide .how-step strong{font-size:12px}.theme-paidsurveyguide .how-step small{font-size:10px}
 .theme-paidsurveyguide .trust-strip{padding-bottom:16px}.theme-paidsurveyguide .trust-grid{min-height:143px;padding:20px 20px;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
 .theme-paidsurveyguide .trust-grid strong{font-size:12px}.theme-paidsurveyguide .trust-grid small{font-size:11px;line-height:1.3}.theme-paidsurveyguide .trust-grid span,.theme-paidsurveyguide .trust-grid i{width:58px;height:58px;font-size:27px}
 .theme-paidsurveyguide .home-explore{padding:0 0 17px;background:#f4fafb}.theme-paidsurveyguide .explore-grid{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:15px;min-height:300px;padding:18px;background:#fffaf4;border:1px solid #e4ecec;border-radius:24px}
 .theme-paidsurveyguide .explore-intro{display:flex;flex-direction:column;padding:18px 13px 12px}
 .theme-paidsurveyguide .explore-intro h2{font-size:40px;line-height:.99;letter-spacing:-.04em;margin:0 0 20px;max-width:250px}
 .theme-paidsurveyguide .explore-intro p{font-size:14px;line-height:1.42;max-width:280px;color:#4a6170;margin:0 0 auto}
 .theme-paidsurveyguide .explore-intro>a{align-self:flex-start;background:#0b889c;color:#fff;text-decoration:none;border-radius:13px;padding:14px 27px;font-size:13px;font-weight:900}
 .theme-paidsurveyguide .explore-card{display:flex;flex-direction:column;min-height:0;height:268px;border:0;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #18394a12;background:#fff}
 .theme-paidsurveyguide .explore-card-art{display:block;width:100%;height:106px;object-fit:cover;object-position:center;max-height:none}
 .theme-paidsurveyguide .explore-copy{padding:0 16px 14px;display:block;position:relative;flex:1}
 .theme-paidsurveyguide .explore-tag{display:inline-block;position:relative;top:-12px;padding:4px 11px;border-radius:999px;background:#e2f6ff;font-size:10px;font-weight:900;color:#09678c}
 .theme-paidsurveyguide .explore-copy h3{font-size:19px;line-height:1.14;margin:-3px 0 8px}
 .theme-paidsurveyguide .explore-copy p{font-size:12px;line-height:1.3;margin:0 0 10px}
 .theme-paidsurveyguide .explore-copy a{display:inline;color:#0a718c;background:transparent;padding:0;box-shadow:none;border-radius:0;min-height:0;font-size:12px}
 .theme-paidsurveyguide .newsletter-strip{padding:0;background:#d9f3fa}
 .theme-paidsurveyguide .newsletter-card{border:0;border-radius:0;min-height:165px;background:linear-gradient(90deg,#c6e4e3 0%,#e3f6fd 45%,#d8f4ff 100%);display:grid;grid-template-columns:26% 37% 37%;box-shadow:none;gap:0}
 .theme-paidsurveyguide .newsletter-scene{height:165px;min-height:165px;background-image:url('assets/design/newsletter-coastal-treasure.jpg');background-size:cover;background-position:center 50%}
 .theme-paidsurveyguide .newsletter-copy{padding:20px 18px}
 .theme-paidsurveyguide .newsletter-copy h2{font-size:21px;margin:0 0 10px}
 .theme-paidsurveyguide .newsletter-copy p{font-size:12px;line-height:1.45}
 .theme-paidsurveyguide .newsletter-form{display:grid;grid-template-columns:1fr 145px;gap:8px;align-items:center;padding:20px 22px 20px 0}
 .theme-paidsurveyguide .newsletter-form input{height:51px;font-size:12px;border-radius:17px}
 .theme-paidsurveyguide .newsletter-form button{height:51px;font-size:12px;border-radius:999px}
 .theme-paidsurveyguide .newsletter-form small{grid-column:1/-1;font-size:10px;text-align:center;color:#34536a;margin-top:-20px}
}
@media(max-width:1199px){
 .theme-paidsurveyguide .explore-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .theme-paidsurveyguide .explore-intro{background:#fff;padding:22px;border-radius:18px}
 .theme-paidsurveyguide .explore-intro h2{font-size:30px;line-height:1.06;margin:0 0 12px}
 .theme-paidsurveyguide .explore-intro p{font-size:14px;margin:0 0 18px}
 .theme-paidsurveyguide .explore-intro>a{display:inline-flex;padding:12px 18px;border-radius:999px;background:#0b889c;color:#fff;text-decoration:none;font-weight:900;font-size:12px}
 .theme-paidsurveyguide .explore-card{display:block;min-height:260px;background:#fff;border-radius:14px;overflow:hidden}
 .theme-paidsurveyguide .explore-card-art{width:100%;height:125px;object-fit:cover;display:block}
 .theme-paidsurveyguide .explore-copy{padding:0 15px 18px}
 .theme-paidsurveyguide .explore-tag{display:inline-block;transform:translateY(-50%);background:#dff4fa;padding:4px 10px;border-radius:999px;font-weight:900;font-size:10px}
 .theme-paidsurveyguide .explore-copy h3{font-size:18px;margin:-3px 0 7px}
 .theme-paidsurveyguide .explore-copy p{font-size:12px}
 .theme-paidsurveyguide .explore-copy a{display:inline;background:none;box-shadow:none;padding:0;color:#00768d;font-weight:900;font-size:12px}
 .theme-paidsurveyguide .newsletter-card{grid-template-columns:30% 70%;min-height:170px}.theme-paidsurveyguide .newsletter-scene{height:100%;min-height:170px;background-image:url('assets/design/newsletter-coastal-treasure.jpg');background-size:cover}
 .theme-paidsurveyguide .newsletter-copy{padding:14px 18px}.theme-paidsurveyguide .newsletter-form{grid-column:2;padding:0 18px 20px;display:grid;grid-template-columns:1fr 130px}.theme-paidsurveyguide .newsletter-form small{grid-column:1/-1;font-size:10px;text-align:center}
 .theme-paidsurveyguide .footer-shell{grid-template-columns:repeat(2,1fr);gap:24px}.theme-paidsurveyguide .footer-bottom{grid-column:1/-1}
}
@media(max-width:700px){
 .theme-paidsurveyguide .home-shell{width:min(100% - 22px,680px)}
 .theme-paidsurveyguide .hero-art{background-size:cover!important;background-position:center!important;opacity:.2!important}
 .theme-paidsurveyguide .hero-copy{position:relative;z-index:3}
 .theme-paidsurveyguide .explore-grid{grid-template-columns:1fr}.theme-paidsurveyguide .explore-intro{padding:20px 15px}
 .theme-paidsurveyguide .explore-card{min-height:280px}.theme-paidsurveyguide .explore-card-art{height:140px}
 .theme-paidsurveyguide .newsletter-card{grid-template-columns:1fr}.theme-paidsurveyguide .newsletter-scene{height:110px;min-height:110px;background-position:center 55%}
 .theme-paidsurveyguide .newsletter-form{grid-column:1;grid-template-columns:1fr;padding:0 16px 17px}.theme-paidsurveyguide .newsletter-form button{min-height:42px}.theme-paidsurveyguide .newsletter-form small{margin:0}
 .theme-paidsurveyguide .footer-shell{width:min(100% - 30px,650px);grid-template-columns:1fr 1fr;gap:23px}
 .theme-paidsurveyguide .footer-brand{grid-column:1/-1}.theme-paidsurveyguide .footer-trust{grid-column:1/-1}
 .theme-paidsurveyguide .footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}.theme-paidsurveyguide .footer-bottom>div{gap:15px}
 .theme-paidsurveyguide .site-footer .footer-links{display:flex;flex-direction:column;gap:9px}
}
/* Keep actual master-data descriptions readable without card clipping. */
@media(min-width:1200px){
 .theme-paidsurveyguide .pick-card{height:422px!important;min-height:422px!important}
 .theme-paidsurveyguide .pick-badge{margin-bottom:9px}
 .theme-paidsurveyguide .pick-brand{min-height:40px;margin-bottom:4px}
 .theme-paidsurveyguide .pick-rating{margin:0 0 6px}
 .theme-paidsurveyguide .pick-card>p{min-height:62px!important;margin:1px 0 9px}
 .theme-paidsurveyguide .pick-highlight{min-height:76px!important}
 .theme-paidsurveyguide .pick-button{min-height:44px!important;margin-top:8px}
 .theme-paidsurveyguide .pick-bonus{min-height:25px!important;margin-top:3px}
}
@media(min-width:1200px) and (max-width:1350px){
 .theme-paidsurveyguide .hero-copy h1{font-size:67px!important}
 .theme-paidsurveyguide .hero-proof{gap:13px}
 .theme-paidsurveyguide .finder-grid{grid-template-columns:205px repeat(4,minmax(0,1fr)) 185px;gap:10px}
 .theme-paidsurveyguide .finder-button{font-size:11px}
 .theme-paidsurveyguide .how-grid{grid-template-columns:195px 1fr auto 1fr auto 1fr auto 1fr;gap:8px}
 .theme-paidsurveyguide .pick-brand h3{font-size:17px!important}
 .theme-paidsurveyguide .pick-card>p{font-size:13px!important}
}
