/* Editorial layout only. The homepage's style.css, hide-demo.css and site.js
   own the shared header, footer, Chrome buttons and responsive navigation. */
.seo-page main{font-size:17px;line-height:1.65}
.seo-page main h1{font-size:clamp(2.4rem,5vw,4.1rem);max-width:21ch;line-height:1.12;letter-spacing:-.03em;margin:.55em 0 .4em}
.seo-page main h2{font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.12;letter-spacing:-.03em;margin:0 0 .75em}
.seo-page main h3{font-size:1.4rem;line-height:1.12;letter-spacing:-.03em}
.seo-page main p{margin:1em 0}
.seo-page main li{margin:.6em 0}
.seo-page main ol,.seo-page main ul{padding-left:1.5em}
.seo-page main a{text-underline-offset:.18em}
.draft-note{font-size:.8rem;background:#fff4bd;border:1px solid;border-radius:8px;padding:9px 13px;margin:18px 0}
.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.lead{padding:28px 0 20px}
.dek{font:1.4rem/1.4 "Times New Roman",Times,serif;max-width:45ch}
.byline{font-size:.8rem;color:#555}
.answer{border-left:6px solid var(--teal);padding:3px 20px;background:#edfcf8;border-radius:8px;margin:20px 0;max-width:820px}
.article-grid{display:grid;grid-template-columns:minmax(0,760px) minmax(140px,1fr);gap:45px}
.article-body{min-width:0}
.article-body section{border-top:2px solid;padding:28px 0 15px;scroll-margin-top:20px}
.toc{font-size:.82rem;border-top:2px solid;padding-top:16px;align-self:start;position:sticky;top:20px}
.seo-page main .toc p{margin:0 0 10px;font-weight:700}
.seo-page main .toc ol{padding-left:1.2em}
.seo-page main .toc li{margin:0 0 12px}
.seo-page main .availability{font-size:.84rem;margin:12px 0 0;max-width:640px}
.illustration{margin:12px 0 30px;max-width:760px}
.illustration img{display:block;border-radius:8px}
.illustration figcaption{font-size:.78rem;margin-top:8px;color:#555}
.table-scroll{overflow-x:auto;margin:20px 0;border:2px solid;border-radius:8px;max-width:100%}
.table-scroll table{border-collapse:collapse;width:100%;font-size:.9rem;min-width:480px}
.table-scroll th,.table-scroll td{text-align:left;vertical-align:top;padding:13px;border-bottom:1px solid #ccc}
.table-scroll thead th{background:var(--yellow)}
.table-scroll tbody th{width:25%}
.table-scroll tr:last-child td,.table-scroll tr:last-child th{border-bottom:0}
.table-scroll::after{content:'Scroll horizontally if the table is wider than your screen.';display:block;padding:8px 12px;border-top:1px solid #ccc;background:var(--paper);font-size:.72rem;color:#555}
.faqs{max-width:760px;border-top:2px solid;margin-top:22px;padding-top:28px}
.faqs details{border-bottom:1px solid #bbb;padding:15px 0}
.faqs summary{font-weight:700;cursor:pointer}
.seo-page main .faqs details p{margin:10px 0 0}
.next{border:2px solid;border-radius:8px;background:var(--yellow);padding:24px;margin:35px 0 30px;max-width:760px}
.seo-page main .next h2{margin-bottom:12px}
.related,.sources{max-width:760px;border-top:2px solid;padding:25px 0}
.sources{font-size:.84rem}
.sources p{max-width:70ch}
.seo-page main .sources h2{font-size:1.6rem}
.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:25px 0}
.review-card{border:2px solid;border-radius:8px;padding:21px}
.seo-page main .review-card h2{font-size:1.55rem}
.review-card .primary{font-size:.85rem;font-weight:700}
.review-card details{font-size:.84rem}
.review-card ul{margin-bottom:0}
.review-intro{max-width:850px}
.stfu-figure{max-width:760px;margin:20px 0 30px}
.stfu-caption{font-size:.78rem}
.stfu-caption .stfu-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.quick-choice,.takeaways{max-width:850px;border-top:2px solid;padding:23px 0 27px}
.seo-page main .quick-choice h2,.seo-page main .takeaways h2{font-size:1.8rem;margin-bottom:16px}
.decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.decision-card{border:2px solid;border-radius:8px;padding:18px;background:#edfcf8;min-width:0}
.decision-card+ .decision-card{background:#fff8d8}
.seo-page main .decision-card h3{font-size:1.25rem;letter-spacing:-.01em;margin:0 0 12px}
.seo-page main .decision-card ul{margin:0;padding-left:1.15em}
.seo-page main .decision-card li{font-size:.95rem;margin:8px 0}
.seo-page main .takeaways ul{padding-left:1.3em;max-width:760px;margin:0}
.seo-page main .takeaways li{margin:8px 0}
.workflow figure{margin:0}
.seo-page main .workflow-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:20px;list-style:none;padding:0;margin:15px 0}
.seo-page main .workflow-steps li{position:relative;border:2px solid;border-radius:8px;padding:15px;margin:0;background:#edfcf8;min-width:0}
.workflow-steps li:nth-child(2){background:#fff4bd}
.workflow-steps li:nth-child(3){background:#ffedf4}
.workflow-steps li:nth-child(4){background:#f2f0ff}
.step-number{display:inline-block;border:2px solid;border-radius:8px;padding:0 7px;font-size:.8rem;font-weight:700;margin-bottom:12px}
.seo-page main .workflow-steps h3{font-size:1.2rem;letter-spacing:-.015em;margin:0 0 9px}
.seo-page main .workflow-steps p{font-size:.88rem;line-height:1.5;margin:0}
.workflow-arrow{position:absolute;right:-19px;top:44%;font-size:1.3rem;font-weight:700}
.workflow figcaption{font-size:.8rem;color:#444;margin-top:13px}
@media(max-width:820px){.article-grid{grid-template-columns:1fr;gap:0}.toc{position:static;grid-row:1;margin:0 0 25px}.toc ol{columns:2}.review-grid{grid-template-columns:1fr}}
@media(max-width:600px){.seo-page main{font-size:16px}.seo-page main h1{font-size:2.6rem;max-width:100%}.dek{font-size:1.2rem}.answer{padding-left:14px}.toc ol{columns:1}.table-scroll th,.table-scroll td{padding:10px}.table-scroll table{min-width:530px}.review-card{padding:16px}.decision-grid{grid-template-columns:1fr}.seo-page main .workflow-steps{grid-template-columns:1fr;gap:22px}.seo-page main .workflow-steps li{padding:15px 18px 17px}.workflow-arrow{right:50%;top:auto;bottom:-25px;transform:rotate(90deg)}.seo-page main .workflow-steps h3{display:inline;margin-left:8px}.seo-page main .workflow-steps p{margin-top:4px}.step-number{margin-bottom:5px}.quick-choice,.takeaways{padding-top:20px}}
@media print{.draft-note,.toc,.next{display:none}.article-grid{display:block}.table-scroll{overflow:visible}.table-scroll table{min-width:0}.decision-grid{grid-template-columns:1fr 1fr}.seo-page main .workflow-steps{grid-template-columns:repeat(4,1fr)}.decision-card,.workflow-steps li{break-inside:avoid}.table-scroll::after{display:none}}