:root { --color-accent: #066348; }
html { scroll-padding-top: 90px; }
body { overflow-wrap: break-word; }
:focus-visible { outline: 3px solid #a85e00; outline-offset: 4px; }
.skip-link { position: fixed; left: 1rem; top: -100px; z-index: 1000; padding: .7rem; background: white; }
.skip-link:focus { top: 1rem; }
.home-wrap { max-width: 1080px; margin: 0 auto; padding: 3rem 1.5rem; }
.home-wrap h1 { font-size: clamp(2rem,4vw,3.6rem); line-height: 1.15; letter-spacing: -.035em; max-width: 860px; margin: 0 0 1.4rem; }
.home-wrap h2 { margin-bottom: 1rem; font-size: 1.75rem; line-height: 1.25; }
.home-wrap > p { max-width: 760px; margin-bottom: 1.2rem; }
.decision-hero { background: #eef5f1; border-bottom: 1px solid #c9d9cf; }
.decision-hero .home-wrap { padding-top: 4.8rem; padding-bottom: 4.2rem; }
.eyebrow { font-family: var(--font-sans); font-size: .75rem; letter-spacing: .13em; color: #365a4b; font-weight: 600; margin-bottom: 1rem; }
.hero-intro { font-size: 1.18rem; color: #374151; max-width: 650px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; align-items: center; margin: 1.5rem 0; }
.scope-line { font-size: .86rem; color: #4b5563; line-height: 1.7; }
.guides-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; margin: 1.5rem 0; }
.guide-card { min-width: 0; padding: 1.5rem; background: white; border: 1px solid #d1d5db; border-radius: 8px; }
.guide-card h2,.guide-card h3 { font-size: 1.1rem; line-height: 1.4; margin-bottom: .75rem; }
.guide-card p { font-size: .94rem; color: #4b5563; }
.shortlist-section { border-top: 1px solid #d1d5db; border-bottom: 1px solid #d1d5db; }
.shortlist-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.2rem; margin: 1.5rem 0; }
.shortlist-form label { display: flex; flex-direction: column; gap: .4rem; font-family: var(--font-sans); font-weight: 500; font-size: .94rem; }
.shortlist-form input,.shortlist-form select { width: 100%; min-width: 0; border: 1px solid #9ca3af; border-radius: 5px; padding: .8rem; font: inherit; color: #111827; background: white; min-height: 48px; }
.shortlist-form button { align-self: end; min-height: 48px; justify-self: start; cursor: pointer; }
.shortlist-result:empty { display: none; }
.shortlist-result { border: 1px solid #9cbcac; border-radius: 8px; background: #f0f8f3; padding: 1.5rem; margin-bottom: 1.5rem; }
.shortlist-result h3 { margin: 1.5rem 0 .5rem; }
.shortlist-result p,.shortlist-result ul { margin-bottom: 1rem; }
.shortlist-result ul { padding-left: 1.2rem; }
.shortlist-result .result-card { background: white; padding: 1.1rem; border: 1px solid #ccdcd2; margin-top: 1rem; border-radius: 6px; }
.result-card .affiliate-cta { margin: .75rem 1rem .25rem 0; }
.result-card h3 { margin-top: 0; }
.source-note { font-family: var(--font-sans); font-size: .9rem; color: #4b5563; border-top: 1px solid #d1d5db; padding-top: 1.25rem; margin-top: 2rem; }
.article-body .source-note h2,.article-body .related-reading h2 { font-size: 1.15rem; }
.article-header,.article-body,.disclosure-inline,.jump-links,.breadcrumb { max-width: 760px; }
.article-header { margin-left: auto; margin-right: auto; }
.article-header h1 { font-size: clamp(1.8rem,3.5vw,2.65rem); line-height: 1.2; }
.article-body { font-size: 1.1rem; line-height: 1.8; }
.article-body a:not(.affiliate-cta) { text-decoration: underline; text-underline-offset: 3px; }
.decision-summary { background: #eef5f1; border-left: 4px solid #066348; padding: 1.2rem 1.4rem; margin: 1.5rem 0 2rem; font-family: var(--font-sans); }
.decision-summary p { margin: 0; }
.jump-links { flex-wrap: wrap; white-space: normal; gap: .5rem 1rem; }
.cost-worksheet { background: #eef5f1; border: 1px solid #c9d9cf; padding: 1.25rem; border-radius: 8px; margin: 2rem 0; }
.cost-worksheet h2 { margin-top: 0; }
.affiliate-cta { display: inline-block; border: 0; background: #066348; color: white; font-family: var(--font-sans); font-size: .94rem; line-height: 1.5; border-radius: 5px; padding: .8rem 1.1rem; text-decoration: none; }
.affiliate-cta:hover { background: #044b36; color: white; }
.article-body a.affiliate-cta,
.article-body a.affiliate-cta:visited,
.article-body a.affiliate-cta:hover,
.article-body a.affiliate-cta:focus-visible { color: #fff; text-decoration: none; }
.decision-hero { background: #fff; }
.decision-hero .home-wrap { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); align-items: center; gap: 1.5rem; }
.decision-hero .home-wrap h1 { font-size: clamp(2rem,3.6vw,3rem); }
.restored-hero-art { width: 100%; height: auto; }
.provider-logo { height: 34px; width: auto; max-width: 190px; object-fit: contain; object-position: left; margin-bottom: 1.25rem; }
.guide-theme { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid #cdd8d2; }
.guide-theme > p { max-width: 700px; color: #4b5563; }
.guide-theme-nav { display: flex; flex-wrap: wrap; gap: .65rem 1.25rem; margin: 1.5rem 0; }
.guide-theme-nav a { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 760px) { .decision-hero .home-wrap { grid-template-columns: 1fr; } .restored-hero-art { max-width: 360px; margin: 0 auto; } }
.footer-left p a { color: #b7e4cd; }
.related-reading { margin-top: 2rem; }
.breadcrumb { gap: .5rem; }
.legacy-anchor { display: block; height: 0; scroll-margin-top: 90px; }
.table-scroll { overflow-x: auto; margin: 1.5rem 0; }
.table-scroll table { width: 100%; border-collapse: collapse; font-family: var(--font-sans); font-size: .94rem; }
.table-scroll th,.table-scroll td { text-align: left; padding: .8rem; border: 1px solid #d1d5db; vertical-align: top; }
.table-scroll th { background: #eef5f1; }
@media (max-width: 900px) { .nav-toggle { display: block; } .site-nav { display: none; position: absolute; top: 56px; left: 0; right: 0; padding: 1rem; background: var(--gray-950); flex-direction: column; gap: 1rem; } .site-nav.open { display: flex; } .site-nav a { font-size: .95rem; color: #d1d5db; } }
@media (max-width: 760px) { .guides-grid,.shortlist-form { grid-template-columns: 1fr; } .decision-hero .home-wrap { padding-top: 3rem; padding-bottom: 2.5rem; } .home-wrap { padding: 2rem 1.1rem; } .review-page { padding-left: 1.1rem; padding-right: 1.1rem; } .article-body { font-size: 1rem; } .nav-toggle { min-width: 44px; min-height: 44px; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }

.hero-provider-logos { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.1rem; margin: 1rem 0 .5rem; }
.hero-provider-logos a { display: flex; align-items: center; min-height: 32px; }
.hero-provider-logos img { display: block; width: 76px; height: 24px; object-fit: contain; filter: grayscale(1); opacity: .65; }
.hero-provider-logos img.hero-wpengine-logo { width: 108px; height: 34px; }
.provider-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin: 2rem 0; }
.article-body h2,.article-body h3 { scroll-margin-top: 90px; }
.article-body h3 { font-size: 1.15rem; line-height: 1.45; margin: 1.6rem 0 .6rem; }
.article-body ol,.article-body ul { padding-left: 1.5rem; margin: 1rem 0 1.5rem; }
.article-body li + li { margin-top: .5rem; }
.deeper-guides { border-top: 1px solid #d1d5db; }