.sn-g{--ink:#111;--body:#555;--meta:#888;--line:#e5e5e5;--panel:#f8f8f8;font-family:Georgia,"Times New Roman",serif;color:var(--body);font-size:18px;line-height:1.7}
.sn-g *{box-sizing:border-box}
.sn-g p{margin:0 0 1.1em}
.sn-g a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.sn-g a:hover{color:var(--body)}
.sn-g a:focus-visible,.sn-g summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.sn-g h2{font-family:Georgia,serif;font-weight:normal;color:var(--ink);font-size:30px;line-height:1.25;margin:0 0 20px;scroll-margin-top:90px}
.sn-g h3{font-family:Georgia,serif;font-weight:normal;color:var(--ink);font-size:22px;line-height:1.3;margin:0 0 10px}
.sn-g section{margin:0 0 64px}
.sn-g .sn-g-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--meta);margin:0 0 10px;line-height:1.4}

/* Short answer */
.sn-g-answer{border:1px solid var(--line);background:var(--panel);padding:22px 26px;margin:0 0 32px}
.sn-g-answer ul{margin:0;padding-left:18px}
.sn-g-answer li{color:#333;font-size:17px;line-height:1.55;margin:0 0 6px}
.sn-g-answer li:last-child{margin:0}

/* Table of contents */
.sn-g-toc{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:18px 0;margin:8px 0 64px}
.sn-g-toc ol{margin:0;padding-left:20px;columns:2;column-gap:40px;font-size:16px;line-height:1.9}

/* Why: four reasons */
.sn-g-reasons{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin:0 0 24px}
.sn-g-reasons div{background:#fff;padding:18px 20px;line-height:1.55}
.sn-g-reasons strong{display:block;color:var(--ink);font-weight:normal;font-size:17px;margin:0 0 4px}
.sn-g-reasons span{font-size:15px;line-height:1.55}

/* The stat */
.sn-g-stat{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:28px 0;margin:8px 0 0}
.sn-g-stat .sn-g-num{font-size:84px;line-height:1;color:var(--ink);letter-spacing:-.02em}
.sn-g-stat p{font-size:17px;line-height:1.55;margin:0 0 8px}
.sn-g-stat p:last-child{margin:0;font-size:15px}

/* Which method fits */
.sn-g-fit{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sn-g-fit div{border:1px solid var(--line);padding:16px}
.sn-g-fit div.sn-g-fit-us{border-color:var(--ink)}
.sn-g-fit q{display:block;quotes:none;color:var(--ink);font-size:15px;line-height:1.45;margin:0 0 12px}
.sn-g-fit span{display:block;font-size:14px;line-height:1.5;color:var(--body)}

/* Comparison table */
.sn-g-tablewrap{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);margin:0 0 20px}
.sn-g table{border-collapse:collapse;width:100%;min-width:720px;margin:0;font-size:13px;line-height:1.35;border:0}
.sn-g th,.sn-g td{border:0;border-bottom:1px solid #eee;padding:11px 8px;text-align:center;vertical-align:middle;background:#fff;color:var(--body)}
.sn-g thead th{font-weight:normal;font-size:13px;color:var(--body);border-bottom:1px solid var(--line);padding:14px 8px}
.sn-g th.sn-g-need{text-align:left;color:var(--ink);font-weight:normal;min-width:200px;position:sticky;left:0;z-index:1;padding-left:14px;border-right:1px solid var(--line)}
.sn-g thead th.sn-g-need{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--meta)}
.sn-g .sn-g-us{background:var(--panel);border-left:1px solid var(--ink);border-right:1px solid var(--ink)}
.sn-g thead th.sn-g-us{color:var(--ink);font-weight:bold;border-top:1px solid var(--ink)}
.sn-g tbody tr:last-child .sn-g-us{border-bottom:1px solid var(--ink)}
.sn-g-yes{display:inline-flex;color:var(--body)}
.sn-g .sn-g-us .sn-g-yes{color:var(--ink)}
.sn-g-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Method by method */
.sn-g-method{border-top:1px solid var(--line);padding:28px 0 4px}
.sn-g-method p{font-size:17px}
.sn-g .sn-g-best{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--meta);margin:0 0 14px}
.sn-g .sn-g-tip{background:var(--panel);padding:14px 18px;font-size:15px;line-height:1.55;color:#333}
.sn-g .sn-g-tip strong{color:var(--ink)}

/* Surface Noise section */
.sn-g-ours{border:1px solid var(--ink);padding:36px}
.sn-g-ours h2{margin-bottom:18px}
.sn-g-ours-top{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:start;margin:0 0 28px}
.sn-g-covers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.sn-g-covers div{background:var(--panel);padding:14px 16px;line-height:1.5}
.sn-g-covers strong{display:block;font-weight:normal;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin:0 0 6px}
.sn-g-covers span{font-size:14px;line-height:1.5}
.sn-g-ours figure{margin:0}
.sn-g-ours figure img{width:100%;height:auto;display:block}
.sn-g-ours figcaption{font-size:13px;color:var(--meta);line-height:1.45;margin:8px 0 0}
.sn-g-diff{display:grid;grid-template-columns:1fr 1fr;gap:4px 32px;margin:0 0 12px}
.sn-g-diff p{font-size:15px;line-height:1.6;margin:0 0 14px}
.sn-g-diff strong{color:var(--ink);font-weight:normal;display:block;font-size:17px;margin:0 0 2px}

/* Sign-up */
.sn-g-signup{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--panel);padding:36px 40px;margin:0 0 64px}
.sn-g-signup h2{font-size:26px;margin:0 0 8px}
.sn-g-signup p{font-size:16px;line-height:1.6;margin:0 0 18px;max-width:560px}
.sn-g-signup .sn-g-small{font-size:13px;color:var(--meta);margin:14px 0 0}
.sn-g-signup .mailpoet_form{padding:0!important;max-width:520px}
.sn-g-signup .mailpoet_paragraph{margin:0 0 10px!important}
.sn-g-signup input.mailpoet_text{width:100%!important;border:1px solid var(--ink)!important;border-radius:0!important;padding:13px 14px!important;font:16px Georgia,serif!important;background:#fff!important}
.sn-g-signup input.mailpoet_submit{background:var(--ink)!important;color:#fff!important;border:0!important;border-radius:0!important;padding:13px 22px!important;font:14px Georgia,serif!important;letter-spacing:.06em;cursor:pointer}

.sn-g-signup .snr-signup{max-width:520px}

/* Setup */
.sn-g-steps{list-style:none;margin:0 0 24px;padding:0;border-top:1px solid var(--line);counter-reset:step}
.sn-g-steps li{counter-increment:step;display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:18px 20px;border-bottom:1px solid var(--line);font-size:16px;line-height:1.55;margin:0}
.sn-g-steps li::before{content:counter(step);font-size:26px;line-height:1;color:var(--meta)}
.sn-g-steps li strong{color:var(--ink);font-weight:normal}
.sn-g-steps li:first-child{background:var(--panel);border:1px solid var(--ink)}
.sn-g-steps li:first-child::before{color:var(--ink);font-size:32px}

/* FAQ */
.sn-g-faqs{border-top:1px solid var(--line)}
.sn-g-faq{border-bottom:1px solid var(--line)}
.sn-g-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:18px 0}
.sn-g-faq summary::-webkit-details-marker{display:none}
.sn-g-faq summary h3{font-size:19px;margin:0}
.sn-g-faq summary::after{content:"+";font-size:22px;color:var(--meta);line-height:1}
.sn-g-faq[open] summary::after{content:"\2212"}
.sn-g-faq p{font-size:16px;line-height:1.65;max-width:640px;margin:0 0 20px}

/* Keep reading */
.sn-g-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sn-g-more div{border-top:1px solid var(--ink);padding-top:12px}
.sn-g-more a{font-size:18px;line-height:1.4}
.sn-g-more p{font-size:14px;line-height:1.5;margin:6px 0 0}

@media (max-width:780px){
 .sn-g{font-size:17px}
 .sn-g h2{font-size:25px}
 .sn-g-toc ol{columns:1}
 .sn-g-reasons,.sn-g-covers,.sn-g-diff,.sn-g-more{grid-template-columns:1fr}
 .sn-g-fit{grid-template-columns:1fr 1fr}
 .sn-g-ours{padding:22px 18px}
 .sn-g-ours-top{grid-template-columns:1fr}
 .sn-g-ours figure{max-width:340px}
 .sn-g-stat{grid-template-columns:1fr;gap:12px}
 .sn-g-stat .sn-g-num{font-size:64px}
 .sn-g-signup{padding:26px 20px}
 .sn-g th.sn-g-need{min-width:150px}
}
@media (max-width:460px){.sn-g-fit{grid-template-columns:1fr}}

/* Guides hub (/guides/) */
.sn-g .sn-g-intro{font-size:19px;line-height:1.6;max-width:640px;margin:0 0 40px}
.sn-g-list{list-style:none;margin:0 0 64px;padding:0;border-top:1px solid var(--ink)}
.sn-g-list li{border-bottom:1px solid var(--line);padding:24px 0;margin:0}
.sn-g-list h2{font-size:24px;margin:0 0 8px}
.sn-g-list h2 a{text-decoration:none}
.sn-g-list h2 a:hover{text-decoration:underline}
.sn-g-list p{font-size:16px;line-height:1.6;margin:0 0 8px;max-width:640px}
.sn-g-list p.sn-g-label{margin:0}
.sn-g .sn-g-list-empty{margin:0 0 64px}

/* Single guide page: article + sidebar (single-guide.php) */
.sn-gp{max-width:1160px;margin:0 auto;padding:20px 20px 64px}
.sn-gp-crumbs{font-size:13px;line-height:1.4;color:var(--meta);margin:0 0 36px}
.sn-gp-crumbs a{color:var(--meta);text-decoration:none}
.sn-gp-crumbs a:hover{color:var(--ink);text-decoration:underline}
.sn-gp-crumbs span[aria-hidden]{margin:0 8px}
.sn-gp-crumbs span[aria-current]{color:var(--ink)}
.sn-gp-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:64px;align-items:start}
.sn-gp-main{min-width:0;max-width:760px}
.sn-gp-head{margin:0 0 28px}
.sn-gp-head h1{font-family:Georgia,serif;font-weight:normal;color:var(--ink);font-size:42px;line-height:1.18;letter-spacing:-.005em;margin:0 0 18px}
.sn-gp-byline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14px;line-height:1.4;color:var(--meta);margin:0}
.sn-gp-byline img{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#fff;object-fit:contain}
.sn-gp-byline span:nth-of-type(1){color:var(--ink)}

/* Sidebar */
.sn-gp-side{display:flex;flex-direction:column;gap:32px;align-self:stretch}
.sn-g .sn-gp-side section,.sn-g .sn-gp-side nav{margin:0}
.sn-gp-side h2.sn-g-label{font-size:11px;letter-spacing:.16em;line-height:1.4;margin:0 0 12px;scroll-margin-top:0}
.sn-gp-glance dl{margin:0;border:1px solid var(--line);background:#fff}
.sn-gp-glance dl div{display:flex;justify-content:space-between;gap:16px;padding:10px 16px;border-top:1px solid var(--line);font-size:14px;line-height:1.4}
.sn-gp-glance dl div:first-child{border-top:0}
.sn-gp-glance dt{color:var(--meta);font-weight:normal;margin:0}
.sn-gp-glance dd{color:var(--ink);margin:0;text-align:right}
.sn-gp-signup{background:var(--panel);padding:20px}
.sn-gp-signup h2{font-size:19px;line-height:1.3;margin:0 0 14px}
.sn-gp-signup p.sn-g-label{margin:12px 0 0}
.sn-gp-alerts h2.sn-g-label{padding-bottom:10px;border-bottom:1px solid var(--ink);margin:0}
.sn-gp-alerts ul{list-style:none;margin:0;padding:0}
.sn-gp-alerts li{border-bottom:1px solid var(--line);margin:0}
.sn-gp-alerts li a{display:grid;grid-template-columns:80px minmax(0,1fr);gap:14px;padding:14px 0;text-decoration:none;color:var(--body)}
.sn-gp-alerts li a:hover strong{text-decoration:underline}
.sn-gp-alert-img{display:block;width:80px;height:80px;background:var(--panel)}
.sn-gp-alert-img img,.sn-gp-alert-img .snr-img-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;object-fit:contain;color:var(--meta);font-size:14px}
.sn-gp-alert-text{display:flex;flex-direction:column;gap:1px;font-size:14px;line-height:1.35}
.sn-gp-alert-text strong{color:var(--ink);font-weight:bold;font-size:15px}
.sn-gp-alert-title{color:var(--ink)}
.sn-gp-alert-version{font-size:13px;color:var(--body)}
.sn-gp-alert-date{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--meta);margin-top:3px}
.sn-gp-alerts-more{font-size:14px;margin:12px 0 0}
.sn-gp-toc{position:sticky;top:100px}
.sn-gp-toc ul{list-style:none;margin:0;padding:0}
.sn-gp-toc li{margin:0 0 6px;font-size:14px;line-height:1.45}

@media (max-width:1000px){
 .sn-gp-grid{grid-template-columns:minmax(0,1fr);gap:48px}
 .sn-gp-main{max-width:none}
 .sn-gp-side{border-top:1px solid var(--ink);padding-top:32px}
 .sn-gp-signup,.sn-gp-toc{display:none}
}
@media (max-width:780px){
 .sn-gp{padding:12px 16px 48px}
 .sn-gp-crumbs{margin:0 0 24px}
 .sn-gp-head h1{font-size:31px}
 .sn-gp-byline{gap:6px 14px}
 .sn-gp-byline span[aria-hidden]{display:none}
 .sn-g-tablewrap{margin-left:-16px;margin-right:-16px;border-left:0;border-right:0}
}