/* =====================================================================
   LOCKED — custom.css
   Shared page-specific overrides for tunbridgewellstolutontaxis.co.uk,
   layered on top of the existing theme stylesheet (assets/css/style.css
   — the big W3Layouts file, untouched). This file must load AFTER
   style.css in header.php so these overrides take effect.
   FROZEN. Do NOT edit, restructure, or restyle this file in any
   future prompt on this domain.
   ===================================================================== */

body {
    font-family: sans-serif;
}

p {
    margin-bottom: 10px;
}

.toc-box {
    background: #f5f8f7;
    border: 1px solid #dfe8e6;
    border-radius: 6px;
    padding: 20px 25px;
    margin: 25px 0;
}

.toc-box ul {
    margin-bottom: 0;
}

.faq-block h3 {
    font-size: 1.15em;
    margin-top: 22px;
    margin-bottom: 6px;
    color: #0d3b30;
}

.faq-block p {
    margin-bottom: 18px;
}

.badge-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    margin: 20px 0 10px;
}

.badge-item {
    flex: 1 1 200px;
    max-width: 260px;
    text-align: center;
    padding: 18px 10px;
}

.badge-item i {
    font-size: 2em;
    color: #0d5c46;
    display: block;
    margin-bottom: 8px;
}

.win-point {
    margin-bottom: 22px;
}

.win-point h4 {
    margin-bottom: 4px;
}

.why-sidebar {
    background: #0d3b30;
    color: #fff;
    padding: 22px;
    border-radius: 6px;
}

.why-sidebar h4 {
    color: #fff;
    margin-bottom: 12px;
}

.compare-table th,
.compare-table td {
    vertical-align: middle;
    text-align: center;
}

.compare-table td:first-child,
.compare-table th:first-child {
    text-align: left;
}

.highlight-col {
    background: #e9f5f1;
    font-weight: bold;
}

.sub-audience {
    background: #f5f8f7;
    padding: 30px;
    border-radius: 6px;
    margin: 20px 0;
}

.checklist li {
    margin-bottom: 8px;
}

.checklist i {
    color: #0d5c46;
    margin-right: 8px;
}

.other-routes a {
    display: inline-block;
    margin: 4px 10px 4px 0;
}

.note-fact {
    font-size: 0.85em;
    color: #a35b00;
    background: #fff6e6;
    border-left: 3px solid #f0ad4e;
    padding: 6px 10px;
    margin: 8px 0;
}

section {
    scroll-margin-top: 90px;
}

/* Added for the reusable cta.php component — same visual language
   as .sub-audience, centred for a standalone conversion block */
.cta-block .sub-audience {
    text-align: center;
}