/*
Theme Name: Paid Survey Pot
Theme URI: https://paidsurveyexplorer.com/
Author: SEODeck
Description: Reference-driven coastal design for Paid Survey Explorer. Requires PaidSurveyPot Core.
Version: 5.0.0
Text Domain: paidsurveyguide-theme
*/
:root{--navy:#062d48;--teal:#137a91;--aqua:#d9f3f5;--cream:#fffaf0;--coral:#ff4c65;--coral-hover:#eb314f;--gold:#f3a31c;--paper:#fffdf8;--line:#e1e7e1;--shadow:0 8px 24px #164d5d12;--wrap:1260px}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font:16px/1.5 'Cabin','Trebuchet MS',sans-serif;color:var(--navy);-webkit-font-smoothing:antialiased}
h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.17}h1{font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:-.035em}h2{font-size:clamp(1.6rem,2.5vw,2.45rem)}h3{font-size:1.15rem}
a{color:inherit}a:hover{color:var(--teal)}img{max-width:100%}button,input,select,textarea{font:inherit}button,.pse-btn,.pick-button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #1595a7;outline-offset:3px}
.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);overflow:hidden;width:1px;height:1px;white-space:nowrap}
.pse-wrap,.home-shell,.header-shell,.footer-shell{max-width:var(--wrap);margin:0 auto;padding:0 22px;width:100%}
/* Header: compact white strip, illustration-grade compass identity */
.site-header{background:#fffffb;position:relative;z-index:30;border-bottom:1px solid #e7e9e5;box-shadow:0 3px 12px #0c45521a}
.site-header .header-shell{display:flex;align-items:center;gap:24px;min-height:66px}
.psg-brand{text-decoration:none;white-space:nowrap;display:flex;align-items:center;min-width:245px}
.pse-wordmark{display:inline-flex;align-items:center;font:italic 700 23px/1.05 'Comic Neue','Trebuchet MS',sans-serif;color:#06334b;white-space:nowrap;letter-spacing:-.055em}
.pse-wordmark strong{color:#f45256;font-weight:800}
.pse-compass{display:inline-flex;align-items:center;justify-content:center;width:47px;height:47px;margin-right:7px;color:#073750;font-size:31px;text-shadow:1px 1px #ee9f1b,-1px -1px #ee9f1b;background:radial-gradient(circle,#dcf7fa 0 38%,#ebad35 40% 44%,#103c55 46% 51%,transparent 53%);border-radius:50%}
#main-navigation{display:flex;justify-content:center;gap:20px;align-items:center;flex:1}
#main-navigation a{text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap;color:#173f50}#main-navigation a:hover{color:#ff5060}
.header-search{display:flex;align-items:center;border:1px solid #d8e4e7;border-radius:30px;background:#fff;padding:6px 10px;color:#32748a;max-width:155px;min-width:115px;gap:5px}
.header-search input{outline:0;border:0;font-size:12px;width:100%;background:none;min-width:0}
.header-start,.pse-btn,.pick-button{background:var(--coral);color:white;text-decoration:none;padding:11px 19px;border:none;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:13px;font-weight:800;box-shadow:0 4px 8px #fa52602e;white-space:nowrap}
.header-start:hover,.pse-btn:hover,.pick-button:hover{background:var(--coral-hover);color:white}
.mobile-menu-toggle{display:none}
/* shared visual language: sea, hand-written titles and pale-paper panels */
.pse-page,.sst-home{background:linear-gradient(180deg,#f7ffff 0,#fffaf1 450px,#fffaf1 100%)}
.pse-page-hero{background:linear-gradient(150deg,#def5fa 0%,#f7fbf8 65%,#c9edee 100%);overflow:hidden;position:relative;border-bottom:5px solid #f2e8d5}
.pse-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:340px;align-items:center;position:relative;gap:14px}
.pse-hero-words{position:relative;z-index:2;padding:25px 5px 34px 0}
.pse-hero-words h1,.psg-hero h1{font-family:'Comic Neue','Trebuchet MS',sans-serif;font-style:italic;font-weight:900;letter-spacing:-.055em;color:#082e49;line-height:.99;text-shadow:1px 2px #ffffff66}
.pse-hero-words h1{margin-bottom:15px;max-width:650px}
.pse-hero-words h1 span{color:#0a6077}.pse-hero-words p{font-size:18px;max-width:560px;line-height:1.45;margin:0}
.pse-hero-illustration{height:335px;align-self:stretch;display:flex;justify-content:flex-end;align-items:stretch;position:relative}
.pse-hero-illustration img{width:100%;height:100%;object-fit:cover;object-position:right center;border:0;mask-image:linear-gradient(to right,transparent,#000 28%);-webkit-mask-image:linear-gradient(to right,transparent,#000 28%)}
.pse-filter-bar{display:flex;align-items:center;gap:13px;justify-content:flex-start;flex-wrap:wrap;padding:14px 16px;background:#ffffffed;border:1px solid #e1e9e7;border-radius:12px;margin:18px 0 20px;box-shadow:var(--shadow);min-height:64px}
.pse-filter-bar a,.pse-filter-bar span{font-size:13px;text-decoration:none;background:#fffaf4;border:1px solid #e4e3dc;border-radius:8px;padding:10px 14px;font-weight:700}
.pse-filter-bar label{font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px}
.pse-filter-bar select{font-size:13px;min-width:180px;padding:9px;border-radius:7px;border:1px solid #dee3e1;background:#fff}
.pse-filter-bar button{background:var(--coral);color:#fff;border:0;padding:10px 20px;border-radius:7px;font-weight:800}
/* Homepage: exact two-zone narrative of approved design (no added sales strips). */
.psg-hero{height:auto;min-height:480px;background:linear-gradient(90deg,#e1f5f9,#ecf9f5 38%,#b9eaed 100%);position:relative;overflow:hidden}
.psg-hero:after{content:'';position:absolute;left:0;bottom:0;right:0;height:35px;background:linear-gradient(transparent,#fdf7e5a9);pointer-events:none}
.hero-shell{position:relative;min-height:480px;display:flex;align-items:center;max-width:var(--wrap);margin:auto;padding:45px 22px}
.hero-copy{max-width:615px;width:53%;z-index:2;position:relative;padding:5px 0 20px}
.hero-kicker{color:#0f6075;font-size:10px;letter-spacing:.17em;font-weight:900;margin-bottom:18px}
.psg-hero h1{font-size:clamp(46px,5.4vw,76px);margin:0 0 15px}.psg-hero h1 span{color:#072f49}
.hero-copy p{font-size:21px;line-height:1.34;color:#052d47;margin-bottom:22px}
.hero-art{position:absolute;right:-6%;top:0;width:65%;height:100%;background:linear-gradient(to right,#e1f5f9 0%,#e1f5f9 14%,#e1f5f9f2 34%,#e1f5f9b9 49%,transparent 72%),url('assets/design/pse-home-scene.webp') center right /cover no-repeat}
.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero-primary{background:var(--coral);color:#fff;display:inline-flex;text-decoration:none;align-items:center;gap:10px;padding:13px 22px;border-radius:7px;font-size:14px;font-weight:800;box-shadow:0 4px 10px #f5496561}.hero-primary:hover{color:#fff;background:var(--coral-hover)}
.hero-secondary{font-weight:700;text-decoration:none;background:#fffef7;display:inline-flex;gap:8px;align-items:center;padding:12px 15px;border-radius:7px;border:1px solid #b1dee2;color:#136b7c;font-size:14px}
.hero-primary span,.hero-secondary span{display:none}
.hero-proof{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:23px}.hero-proof>span{display:flex;align-items:center;gap:7px;background:#fff9eddd;border:1px solid #f4eace;border-radius:9px;padding:9px 11px;min-width:130px}.hero-proof i{font-style:normal;color:#ed9e00;font-size:21px}.hero-proof b{font-size:12px;line-height:1.2}
.top-picks{padding:22px 0 35px;background:var(--cream)}
.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.section-title-row h2{font-size:26px;line-height:1.1;margin:0;font-weight:850}.section-title-row p{font-size:13px;margin:5px 0 0;color:#3e6471}.section-title-row>a{font-size:13px;text-decoration:none;color:#ef5365;font-weight:800}
.title-with-icon{display:flex;gap:11px;align-items:center}.title-with-icon .crown{display:none}
.pick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.pick-card{border:1px solid #e6e6df;border-radius:12px;background:#fff;box-shadow:0 4px 16px #17415014;min-width:0;text-align:center;display:flex;flex-direction:column;align-items:stretch;padding:16px 13px 14px;min-height:252px}
.pick-badge{display:none}.pick-brand{display:flex;flex-direction:column;align-items:center;gap:6px}.pick-logo{height:69px;display:flex;align-items:center;justify-content:center;width:100%}.pick-logo img{max-width:130px;max-height:55px;object-fit:contain}.pick-brand h3{font-size:17px;font-weight:800;margin:0}
.pick-rating{font-size:15px;color:var(--gold);margin:6px 0 8px}.pick-rating span{letter-spacing:-1px}.pick-rating b{color:#715622;font-size:13px}.pick-card>p{font-size:12.5px;line-height:1.43;color:#244b60;flex:1;margin:0 0 14px}
.pick-highlight{display:none}.pick-button{font-size:13px;box-shadow:none;padding:10px 8px;white-space:normal}.pick-bonus{font-size:11px;color:#246e83;text-decoration:none;display:block;margin:10px 0 0}
.pse-home-more{background:#e3f5f5;border-top:1px solid #bee2e6;padding:15px 0;text-align:center;font-size:14px}.pse-home-more p{margin:0}.pse-home-more a{color:#09647a;font-weight:800}
/* Registration callouts preserve the approved page structure and button design. */
.pse-review-final-cta{margin:4px 0 18px;padding:16px 20px;border:1px solid #d3e8e4;background:#f3fbf9;border-radius:10px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pse-review-final-cta p{flex:1 1 255px;margin:0;font-size:14px;line-height:1.45;font-weight:700}
.pse-review-final-cta .pse-btn{flex:0 0 auto;min-height:44px}
.pse-review-final-cta small{flex:1 1 100%;font-size:11px;line-height:1.45;color:#42636f}
@media(max-width:620px){.pse-review-final-cta{padding:14px;gap:10px}.pse-review-final-cta p{flex-basis:100%}.pse-review-final-cta .pse-btn{width:100%}}
/* Compact 4-column card system reused by listing, categories, countries & alternatives */
.pse-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding:5px 0 50px}
.pse-platform-card{background:#fff;border:1px solid #e7e6dd;box-shadow:0 4px 14px #164e5910;border-radius:10px;padding:18px 14px 15px;text-align:center;display:flex;flex-direction:column;align-items:center;min-height:245px}
.pse-platform-card .pse-platform-logo{height:72px;display:flex;align-items:center;justify-content:center;width:100%}.pse-platform-logo img{max-width:155px;max-height:66px;object-fit:contain}
.pse-platform-card h3{font-size:18px;font-weight:800;margin:2px 0 4px}.pse-stars{color:#e9a00f;font-size:16px;font-weight:700;white-space:nowrap}.pse-stars b{color:#31566e}
.pse-platform-card p{font-size:13px;line-height:1.42;color:#355468;margin:9px 0 16px;max-width:235px;flex:1}
.pse-platform-card .pse-btn{width:100%;max-width:190px;margin:auto auto 0;padding:9px 8px}
/* Compare table follows approved 6-column design, not the legacy 11-column table */
.pse-comparison{border-collapse:separate;border-spacing:0;width:100%;background:#fff;border:1px solid #e2e4d8;border-radius:10px;overflow:hidden;font-size:13px}
.pse-comparison th{background:#f7f1e6;text-align:left;color:#1f455b;font-weight:900;padding:13px 11px}.pse-comparison td{border-top:1px solid #ebe9df;padding:11px 10px;vertical-align:middle}
.pse-comparison tbody tr:nth-child(even){background:#fffcf6}.pse-table-brand{display:flex;align-items:center;gap:8px;min-width:160px}.pse-table-brand img{width:35px;height:35px;object-fit:contain}.pse-table-brand b{font-size:13px}.pse-comparison .pse-btn{padding:8px 12px;font-size:12px}
.pse-table-scroll{width:100%;overflow-x:auto;margin:0 0 14px}.pse-disclosure{font-size:13px;color:#58717a;padding-bottom:36px}
/* Platform review: compact hero, tabs and separate facts/analysis below */
.pse-review-hero{background:linear-gradient(130deg,#f3fcfd,#e7f3f2 70%,#d4edf0);padding:0 0 25px;border-bottom:4px solid #e7f0ee}
.pse-breadcrumb{padding:17px 0 6px;color:#55707a;font-size:12px}.pse-breadcrumb a{text-decoration:none;color:#225d72}
.pse-review-hero-row{display:grid;grid-template-columns:1.05fr 1fr;min-height:275px;align-items:center;gap:10px}
.pse-review-identity{display:flex;gap:15px;align-items:flex-start;max-width:650px}.pse-review-identity>.pse-platform-logo{height:104px;width:110px;flex:0 0 110px;border:1px solid #e1ebe9;background:#fff;border-radius:13px;padding:14px;display:flex;align-items:center;justify-content:center}.pse-review-identity .pse-platform-logo img{max-width:100%;max-height:77px}
.pse-review-identity h1{font-size:clamp(28px,3.5vw,44px);margin:0 0 6px}.pse-review-identity p{font-size:14px;line-height:1.5;margin:8px 0 15px}.pse-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.pse-outline{display:inline-flex;align-items:center;padding:10px 15px;border:1px solid #c8dfe1;background:#fff;border-radius:7px;text-decoration:none;font-size:13px;font-weight:800}
.pse-review-scenic{height:268px;width:100%;object-fit:cover;object-position:center right;mask-image:linear-gradient(to right,transparent,#000 25%);-webkit-mask-image:linear-gradient(to right,transparent,#000 25%)}
.pse-review-tabs{display:flex;gap:0;border-bottom:1px solid #c8dcdf;flex-wrap:wrap;padding:6px 0}.pse-review-tabs a{padding:13px 20px;font-size:13px;text-decoration:none;font-weight:700;border-bottom:3px solid transparent}.pse-review-tabs a:first-child{border-bottom-color:#ef5d64;color:#0e6780}
.pse-review-overview{display:grid;grid-template-columns:1.4fr .72fr;gap:30px;margin:22px 0 36px}.pse-review-overview h2{font-size:26px;margin:0 0 12px}.pse-review-overview p{font-size:15px;line-height:1.65}.pse-review-overview aside{border:1px solid #cce7df;background:#e0f5ed;border-radius:12px;padding:20px}.pse-review-overview aside h2{font-size:21px}
.pse-review-facts,.pse-pros-cons,.pse-review-faq{border-top:1px solid #e1e8e3;padding:24px 0}.pse-review-facts>div{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.pse-review-facts article{border:1px solid #e5e7e2;border-radius:10px;background:#fff;padding:15px}.pse-review-facts strong{color:#0a6175}.pse-review-facts p{font-size:14px;margin:6px 0 0}
.pse-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pse-pros-cons>div{background:#fff;border:1px solid #e5e7e2;padding:20px;border-radius:12px}.pse-pros-cons li{margin:8px 0}.pse-review-faq details{padding:11px 14px;background:#fff;border-bottom:1px solid #e4e7e4}.pse-review-faq summary{font-weight:700;cursor:pointer}.pse-section-heading{font-size:27px;margin:28px 0 15px}
/* Guide: illustrated half-hero, working article content, relevant guide navigation */
.pse-guide-header{background:linear-gradient(135deg,#e8f7f9,#d6ecec);padding-bottom:16px}.pse-guide-header-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px}.pse-guide-header-grid h1{font-size:clamp(32px,4vw,58px);max-width:650px}.pse-guide-header-grid p{font-size:16px}.pse-guide-header-grid img{height:255px;width:100%;object-fit:cover;mask-image:linear-gradient(to right,transparent,#000 29%);-webkit-mask-image:linear-gradient(to right,transparent,#000 29%)}
.pse-guide-layout{display:grid;grid-template-columns:240px 1fr;gap:26px;align-items:start;padding-top:25px;padding-bottom:50px}
.pse-guide-sidebar{background:#e5f3f5;border:1px solid #cfe6e6;border-radius:12px;padding:18px;position:sticky;top:10px}.pse-guide-sidebar h2{font-size:20px}.pse-guide-sidebar a{display:block;padding:9px 0;font-size:14px;text-decoration:none;border-bottom:1px solid #d6e5e4}
.pse-guide-article{background:#fff;border:1px solid #e7e8e3;border-radius:13px;box-shadow:var(--shadow);padding:26px 35px;font-size:16px;line-height:1.72}.pse-guide-article h2{margin-bottom:14px;color:#0a3b5c}.pse-guide-callout{border-left:4px solid #ff6a5f;background:#fff8ea;padding:18px 22px;border-radius:8px;margin-top:24px}
.pse-guide-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding-bottom:55px}.pse-guide-card{background:#fff;min-height:225px;display:flex;flex-direction:column;padding:22px;border-radius:13px;border:1px solid #e4e6df;box-shadow:var(--shadow)}.pse-guide-nr{font-size:24px;font-weight:900;color:#f9ad25}.pse-card-tag{font-size:10px;letter-spacing:.14em;color:#158798;font-weight:900;text-transform:uppercase}.pse-guide-card h3{font-size:21px;margin:8px 0}.pse-guide-card p{font-size:14px;flex:1}.pse-guide-card .pse-btn{align-self:flex-start}
/* FAQ / About: preserve illustrations without using entire page screenshot as background */
.pse-faq-list{max-width:1000px;margin:25px auto 52px}.pse-faq-list details{background:#fff;border:1px solid #e5e6df;border-radius:9px;margin:7px 0;box-shadow:0 2px 8px #0e51600a}.pse-faq-list summary{list-style:none;cursor:pointer;font-weight:800;font-size:15px;display:flex;gap:18px;align-items:center;padding:16px 20px}.pse-faq-list summary::-webkit-details-marker{display:none}.pse-faq-list summary span{color:#147b91;font-weight:900}.pse-faq-list summary:after{content:'+';margin-left:auto;font-size:22px;color:#14798b}.pse-faq-list details[open] summary:after{content:'−'}.pse-faq-list details p{margin:0;padding:0 20px 18px 52px;font-size:14px;line-height:1.65;color:#35566a}
.pse-about-benefits{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:880px;padding:28px 0 18px}.pse-about-benefits article{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #e5e8df;padding:20px;border-radius:12px}.pse-about-benefits article>span{display:grid;place-items:center;min-width:45px;height:45px;border-radius:50%;background:#ecf6f0;font-size:21px}.pse-about-benefits h2{font-size:19px;margin:0 0 7px}.pse-about-benefits p{font-size:14px;margin:0;line-height:1.5}.pse-about-disclosure{max-width:880px;border-radius:11px;background:#eaf5f3;padding:24px;margin-bottom:45px}.pse-about-disclosure h2{font-size:21px}.pse-about-disclosure p{font-size:15px}
.pse-tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:32px 0 52px}.pse-tips-grid article{background:#fff;padding:23px;border-radius:12px;border:1px solid #dfebe7;min-height:180px}.pse-tips-grid span{display:inline-grid;place-items:center;border-radius:50%;width:38px;height:38px;background:#ebf8ee;color:#0b7381;font-weight:900}.pse-tips-grid h2{font-size:19px;margin:13px 0 6px}.pse-tips-grid p{font-size:14px;line-height:1.55}
/* Fallback styling for Core-generated guides if plugin routes around the theme */
.modern-guides-page{max-width:var(--wrap);padding:25px 22px 60px;margin:auto}.modern-guides-page h1{font-size:clamp(34px,4.5vw,59px);color:var(--navy)}.modern-guides-page .guides-modern-hero{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center;border:1px solid #d6e6e5;background:linear-gradient(110deg,#f2fcf9,#d9eff2);border-radius:12px;padding:22px 26px;margin:15px 0 28px}.modern-guides-page .guides-hero-art img{width:100%;max-height:290px;object-fit:cover}.modern-guides-page .guides-modern-section{padding:10px 0 20px}.modern-guides-page .guides-top-grid,.modern-guides-page .guides-all-grid,.modern-guides-page .modern-payment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.modern-guides-page .modern-guide-card,.modern-guides-page .modern-payment-grid>*{background:#fff;border:1px solid #e2e8e5;border-radius:10px;padding:20px}.modern-guides-page .modern-guide-card h3{font-size:19px}.modern-guides-page .guides-section-head h2{font-size:27px}.modern-guides-page a.text-link{color:#0a7e8d;font-weight:800}
/* Footer */
.site-footer{background:#062e49;color:#f0fafb;position:relative;border-top:5px solid #176a7f}
.site-footer .footer-shell{display:grid;grid-template-columns:1.6fr 1fr 1.25fr 1.5fr;gap:35px;padding-top:35px;padding-bottom:15px}
.site-footer .pse-wordmark{color:#fff}.site-footer .pse-wordmark strong{color:#ff7e7c}.footer-brand p{font-size:10px;letter-spacing:.07em;font-weight:700;margin:9px 0}
.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links strong,.footer-trust strong{font-size:14px}.footer-links a{font-size:13px;color:#edfafa;text-decoration:none}.footer-links a:hover,.footer-bottom a:hover{color:#fec06a}.footer-trust p{font-size:13px;line-height:1.6;max-width:225px}.footer-bottom{grid-column:1/-1;border-top:1px solid #2b5b72;margin-top:10px;padding:17px 0 0;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-bottom>div{display:flex;gap:20px}.footer-bottom a{text-decoration:none;color:#fff}
/* small devices */
@media(max-width:1100px){.psg-brand{min-width:220px}.site-header .header-shell{gap:12px}#main-navigation{gap:11px}.header-search{display:none}.pse-wordmark{font-size:20px}.pse-compass{width:40px;height:40px}.hero-copy{width:55%}.hero-art{width:67%}}
@media(max-width:850px){.mobile-menu-toggle{display:flex;flex-direction:column;gap:5px;border:1px solid #cddfe0;background:#fff;border-radius:7px;padding:9px;order:5}.mobile-menu-toggle>span:not(.screen-reader-text){display:block;width:23px;height:2px;background:#143d55}#main-navigation{display:none;position:absolute;left:0;right:0;top:100%;padding:18px 25px;background:#fff;flex-direction:column;align-items:flex-start;box-shadow:var(--shadow)}#main-navigation.open{display:flex}.site-header .header-shell{justify-content:space-between}.header-start{margin-left:auto}.pick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pse-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pse-guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pse-hero-grid{min-height:300px}.pse-hero-illustration{height:290px}.pse-review-hero-row{grid-template-columns:1fr 0.65fr}.pse-review-scenic{height:250px}.site-footer .footer-shell{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.pse-wrap,.home-shell,.header-shell,.footer-shell{padding-left:15px;padding-right:15px}.site-header .header-shell{min-height:61px}.psg-brand{min-width:0}.pse-wordmark{font-size:18px}.pse-compass{width:34px;height:34px;margin-right:5px;font-size:22px}.header-start{font-size:11px;padding:10px}.psg-hero{min-height:570px}.hero-shell{min-height:570px;padding:28px 15px 15px;align-items:flex-start}.hero-copy{width:100%;max-width:100%}.psg-hero h1{font-size:clamp(39px,9vw,58px)}.hero-copy p{font-size:18px}.hero-art{left:0;right:0;top:auto;bottom:0;width:100%;height:47%;background-position:center;background-size:cover;opacity:.9;mask-image:linear-gradient(to bottom,transparent,#000 25%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 25%)}.hero-proof{gap:6px}.hero-proof>span{min-width:0;padding:5px 6px}.hero-proof b{font-size:10px}.hero-proof i{font-size:15px}.hero-kicker{font-size:9px}.hero-actions a{font-size:12px}.pick-grid,.pse-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pick-card{min-height:236px;padding:13px 9px}.pick-card h3,.pse-platform-card h3{font-size:15px}.pick-card p,.pse-platform-card p{font-size:12px}.pse-page-hero .pse-hero-grid{grid-template-columns:1fr;gap:0;min-height:425px}.pse-hero-words{padding:28px 0 0}.pse-hero-words h1{font-size:41px}.pse-hero-words p{font-size:15px}.pse-hero-illustration{height:220px;width:100%;align-self:start;justify-content:flex-end}.pse-hero-illustration img{width:100%;mask-image:linear-gradient(to bottom,transparent,#000 30%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 30%)}.pse-review-hero-row{display:flex;flex-direction:column;align-items:stretch}.pse-review-scenic{height:185px}.pse-review-identity{gap:10px}.pse-review-identity>.pse-platform-logo{width:74px;flex-basis:74px;height:80px;padding:7px}.pse-review-identity h1{font-size:29px}.pse-review-overview,.pse-review-facts>div,.pse-pros-cons,.pse-guide-layout,.pse-guide-header-grid,.pse-about-benefits,.pse-tips-grid{grid-template-columns:1fr}.pse-guide-header-grid img{height:170px}.pse-guide-article{padding:20px}.pse-guide-sidebar{position:static}.pse-guide-card-grid{grid-template-columns:1fr}.pse-review-tabs a{padding:11px}.pse-comparison{min-width:780px}.pse-filter-bar{align-items:stretch}.pse-filter-bar label{width:100%;justify-content:space-between}.pse-filter-bar label select{flex:1;max-width:235px}.site-footer .footer-shell{grid-template-columns:1fr 1fr;gap:20px}.footer-bottom{flex-direction:column;align-items:flex-start}}
@media(max-width:360px){.pick-grid,.pse-card-grid{grid-template-columns:1fr}.header-start{display:none}}

.pse-compass{background:none;border:0}.pse-compass img{width:100%;height:100%;object-fit:contain;display:block}

.header-search button{border:0;background:none;color:#32748a;padding:0;cursor:pointer;font-size:18px}
.pse-empty{padding:28px 20px;border:1px solid #dfebe7;background:#fff;border-radius:12px;margin-bottom:40px}
.pse-alternative-link{margin:15px 0 8px}.pse-alternative-link a{display:inline-flex;color:#08718a;text-decoration:none;font-weight:800;background:#e5f6f4;border-radius:6px;padding:11px 17px}