Addressing Emotional Concerns

.bg-primary, .bg-primary:hover,.bg-primary:focus, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover, .badge-primary { background:#FB7B00 !important; } .btn-primary, .btn-primary:hover { color: #fff; background-color: #FB7B00 !important; border-color: #FB7B00 !important; } .text-primary, .filters_col .distance span { color: #FB7B00 !important; } .btn-outline-primary { color: #FB7B00 !important; border-color: #FB7B00 !important; } .btn-outline-primary:hover { background:none !important; } .text-primary a { color: #FB7B00 !important; } [ppt-nav].active-underline > ul > li.active > a { border-bottom: 2px solid #FB7B00!important; } .bg-secondary, .bg-secondary:hover, .bg-secondary:focus, a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover, .irs-bar { background-color:#2D2D2D !important; } .btn-secondary, .btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: #2D2D2D !important; border-color: #2D2D2D !important; } .text-secondary { color: #2D2D2D !important; } .text-secondary a { color: #2D2D2D !important; } .btn-outline-secondary { color: #2D2D2D !important; border-color: #2D2D2D !important; } .btn-outline-secondary:hover { background:none !important; } .custom-control-input:checked~.custom-control-label::before, .filter_sortby a.active { color: #fff; border-color: #2D2D2D !important; background-color: #2D2D2D !important; } /* ====================================== GLOBAL CONTENT READABILITY ENHANCEMENTS Safe for <head> injection ====================================== */ /* Base typography improvements */ html { font-size: 16px; } body { line-height: 1.7; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } /* Paragraph spacing & readability */ p { margin: 0 0 1.4em; max-width: 72ch; } p + p { margin-top: 0.75em; } /* Headings rhythm */ h1, h2, h3, h4, h5, h6 { line-height: 1.3; font-weight: 600; margin: 2.2em 0 0.6em; } h1 { margin-top: 0; } /* Reduce awkward spacing after text */ p + h2, p + h3, p + h4 { margin-top: 1.8em; } /* Lists spacing */ ul, ol { margin: 1.2em 0 1.6em; padding-left: 1.4em; } li { margin-bottom: 0.5em; } /* Table of contents / link lists */ a { text-decoration: none; } a:hover { opacity: 0.8; } /* Content containers (safe optional enhancement) */ article, .content, .prose { padding: 1.2rem; } @media (min-width: 768px) { article, .content, .prose { padding: 2rem 3rem; } }