/* Comparison section uses the existing navy, cream and gold palette. */
.feature-comparison { padding: 72px 0; background: #f5f3ed; color: #10213a; scroll-margin-top: 100px; }
.feature-comparison .section-heading { max-width: 800px; margin-bottom: 28px; }
.feature-comparison .section-heading h2 { color: #10213a; }
.comparison-scroll { overflow-x: auto; border: 1px solid #cbbd9e; border-radius: 12px; background: #fffefa; }
.comparison-scroll:focus-visible { outline: 2px solid #9a752f; outline-offset: 4px; }
.feature-comparison table { width: 100%; min-width: 0; border-collapse: collapse; text-align: left; font-size: .94rem; line-height: 1.6; }
.feature-comparison th, .feature-comparison td { padding: 17px 20px; vertical-align: top; border-bottom: 1px solid #ded8cb; }
.feature-comparison thead { background: #10213a; color: #fffefa; }
.feature-comparison thead th { font-weight: 700; }
.feature-comparison th:first-child { width: 27%; }
.feature-comparison td:nth-child(2) { width: 73%; background: #f2ead9; }
.feature-comparison tbody th { font-weight: 600; }
.feature-comparison tr:last-child > * { border-bottom: 0; }
.comparison-notes { margin-top: 18px; font-size: .8rem; line-height: 1.65; color: #4b5564; }
.comparison-notes p { margin: 8px 0; }
.comparison-notes a { color: #263c5b; text-decoration: underline; text-underline-offset: 3px; margin-right: 12px; }
@media (max-width: 700px) { .feature-comparison { padding: 42px 0; } .feature-comparison th, .feature-comparison td { padding: 14px; } }

.feature-comparison .section-heading .showcase-investment { font-size: .9rem; color: #6d542c; }
@media (max-width: 600px) { .feature-comparison table { font-size: .86rem; } .feature-comparison th:first-child { width: 34%; } .feature-comparison td:nth-child(2) { width: 66%; } }