:root {

    --primary: #ffffff;

    --black-color: #000000;

    --grey: #555555;

    --orange: #e84317;

    --font-size-60: 3.75rem;

    --font-size-40: 2.5rem;

    --font-size-35: 2.188rem;

    --font-size-39: 2.438rem;

    --font-size-30: 1.875rem;

    --font-size-25: 1.563rem;

    --font-size-22: 1.375rem;

    --font-size-20: 1.25rem;

    --font-size-18: 1.125rem;   

}



a:focus {outline: 0;}

ul{margin: 0;}



.grid-margin img {width: 100%;border-radius: 20px; margin-bottom: 20px;}

body p{margin-bottom: 1.625rem;font-size: 17px;color: var(--grey); line-height: 1.4;}



table {width: 100%;border-collapse: collapse;}

thead {background-color: var(--orange);color: var(--primary);}

thead th {padding: 15px;text-align: left;font-weight: bold;color: var(--primary) !important;}

tbody td {padding: 15px;border-bottom: 1px solid #ddd;}

tbody tr:last-child td {border-bottom: none;}



.cta-box {margin: 20px 0 40px;background: var(--orange);color: var(--primary);text-align: center;padding: 40px 20px;border-radius: 12px;}

.cta-box h3 {color: var(--primary);margin-top: 0; margin-bottom: 10px;}

.cta-box p {max-width: 700px;margin: 0 auto 20px;font-size: 14px;color: #fff;}

.cta-btn {display: inline-block;padding: 10px 20px;background: #eee;color: #333;border-radius: 6px;text-decoration: none;font-size: 14px;}

.related-box {margin: 20px auto;background: #fff;border-radius: 12px;padding: 20px;border: 1px solid #ddd;}

.related-box a:hover{color: var(--orange);}

.related-title {font-weight: bold;margin-bottom: 15px;display: flex;align-items: center;gap: 10px;}

.related-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 15px;}

.related-item {background: #f1f1f1;padding: 12px;border-radius: 8px;font-size: 14px;}

.mb-3 {margin-bottom: .75rem;}

.text-xl {color: var(--dark);}

.font-semibold {font-weight: 600;}

.number-grid {display: flex; gap: 9px;}

.gap-right{margin-right: 10px;}









.spider-card {margin-bottom: 30px;background: #f2f2f2;border-radius: 14px;padding: 25px;border: 1px solid #ddd;}

.card-header {display: flex;justify-content: space-between;align-items: center;}

.card-title {font-size: 24px;font-weight: bold;}

.card-sub {font-style: italic;color: #666;font-size: 14px;}

.badge {background: #ffe5e0;color: #d93025;padding: 8px 14px;border-radius: 20px;font-weight: bold;font-size: 13px;}

.card-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;margin-top: 20px;}

.label {font-weight: bold;font-size: 13px;color: #555;margin-bottom: 5px;}

.first-aid {background: #f6e1da;padding: 15px;border-radius: 10px;}

.first-aid .label {color: #ff5722;}









.card {background: #fff;border-radius: 12px;padding: 30px 20px;margin-bottom: 15px;border: 1px solid #ddd;box-shadow: 0 2px 5px rgba(0,0,0,0.05);}

.card-header {display: flex;align-items: center;gap: 10px;margin-bottom: 10px;}

.card-header h3 {flex: 1;margin: 0;font-size: 18px;}

.icon {color: orange;font-size: 18px;}

.card-body {display: grid;grid-template-columns: repeat(3, 1fr);gap: 15px;font-size: 14px;}

.badge {padding: 4px 10px;border-radius: 20px;font-size: 12px;font-weight: bold;}

.badge.high {background: #ffe0e0;color: #d80000;}

.badge.very-high {background: #ffcccc;color: #b30000;}

.badge.moderate {background: #fff3cd;color: #856404;}

.audience-feature.background-color{background: #252525;margin-bottom: 20px;}

.audience-feature.background-color ul li{color: rgba(255,255,255,0.55);}

.btn-outline:visited {color: #fff;}

.btn-outline:hover{color: var(--orange) !important;}







.stats-container {display: grid;grid-template-columns: repeat(4, 1fr);gap: 15px;margin-bottom: 40px;}

.stat-card {padding: 25px 15px;text-align: center;border-radius: 12px;border: 2px solid;background: #fff;}

.stat-card h2 {margin: 0;font-size: 28px;font-weight: bold;}

.stat-card p {margin-top: 8px;font-size: 14px;color: #555;}

.red {border-color: #ff6b6b;background: #ffecec;color: #d63031;}

.orange {border-color: #f5a623;background: #fff4e5;color: #e67e22;}

.yellow {border-color: #f1c40f;background: #fff9db;color: #b7950b;}

.blue {border-color: #4a90e2;background: #eef6ff;color: #2e6bd9;}











.stats-row {display: flex;gap: 20px;justify-content: center; text-align: center;}

.card-block {border-radius: 12px;padding: 15px 20px;margin-bottom: 15px;border: 1px solid #ddd;box-shadow: 0 2px 5px rgba(0,0,0,0.05);}

.card-block h2 {font-size: 32px;margin: 0;font-weight: bold;}

.card-block p {margin: 0;}

.orange {background: #f3e9df;border-color: #f39c12;}

.orange h2 {color: #e67e22;}

.red {background: #fbeaea;border-color: #e74c3c;}

.red h2 {color: #e74c3c;}

.blue {background: #eaf2fb;border-color: #3498db;}

.blue h2 {color: #2e6bdc;}









.info-section {margin-bottom: 40px;}

.info-card {background: #fff;border: 1px solid #ddd;border-radius: 12px;padding: 20px 25px;margin-bottom: 20px;transition: 0.3s;}

.info-card:hover {box-shadow: 0 5px 15px rgba(0,0,0,0.08);}

.info-header {display: flex;align-items: center;gap: 5px;margin-bottom: 10px;}

.info-header h3 {flex: 1;font-size: 18px;margin: 0;}

.icon {color: #ff4d00;font-size: 18px;}

.badge {font-size: 12px;padding: 5px 10px;border-radius: 20px;font-weight: 600;}

.moderate {background: #e8f0fe;color: #3b82f6;}

.high {background: #fde8e8;color: #e11d48;}

.warning {background: #fff3cd;color: #b45309;}













.hotspot-section {display: flex;gap: 20px;margin-bottom: 40px;}

.hotspot-card {flex: 1;background: #fff;padding: 25px;border-radius: 12px;border: 1px solid #e5e5e5;}

.hotspot-card h3 {margin-top: 0;margin-bottom: 15px;font-size: 18px;}

.hotspot-card ul {list-style: none;padding: 0;margin: 0;}

.hotspot-card ul li,.list-term li,.column ul li {position: relative;margin-bottom: 12px;font-size: 14px;color: var(--grey);}















.steps-container {margin-bottom: 40px;}

.step-block {background: #fff;border-radius: 12px;padding: 20px;margin-bottom: 20px;border: 1px solid #eee;}

.step-header {display: flex;align-items: center;gap: 15px;margin-bottom: 10px;}

.step-number {width: 35px;height: 35px;background: #ff5722;color: #fff;font-weight: bold;border-radius: 50%;display: flex;align-items: center;justify-content: center;}

.step-header h3 {flex: 1;margin: 0;font-size: 18px;}

.badge {background: #e6f7ec;color: #2e7d32;padding: 5px 10px;border-radius: 15px;font-size: 12px;}

.step-block p {font-size: 14px;color: #555;line-height: 1.6;}

.meta {margin-top: 10px;display: flex;gap: 20px;font-size: 13px;color: #444;}











.card-header {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}

.card-header h2 {margin: 0;font-size: 22px;}

.badges {display: flex;gap: 10px;}

.badge {padding: 6px 12px;border-radius: 20px;font-size: 14px;font-weight: 500;}

.green {background: #e6f7ed;color: #1a7f37;}

/*.blue {background: #e6f0ff;color: #1d4ed8;}

.purple {background: #f3e8ff;color: #7e22ce;}*/

.best-for {margin: 10px 0 20px;color: #555;}

.content {display: flex;gap: 40px;}

.column {flex: 1;}

.adv {color: #16a34a; margin-top: 0;margin-bottom: 10px;}

.cons {color: var(--orange);margin-top: 0;margin-bottom: 10px;}









.single-post .entry-content .container {padding-top: 90px;}

.grid-season {display: grid;grid-template-columns: 1fr 1fr;}

.card .btn-outline{background: var(--orange) !important;margin-top: 10px;border-radius: 0;}

.card .btn-outline:hover{color: #fff !important;}

body .gap-bottom{margin-bottom: 40px;}

.single-post .section-title{max-width: 100%; margin-top: 30px;}

.single-post .fa-phone::before{display: none;}

.single-post .site-footer .fa-phone::before{display: block;}

.audience-feature.background-color h4{margin-top: 0;}

.single-post .section-tag {margin-bottom: 0;}









@media only screen and (max-width:850px) {

    .card-grid{grid-template-columns: 1fr;}

    .spider-card{padding: 18px;}

    .content{display: block;}

}



@media only screen and (max-width:500px) {

    .badges {display: grid;gap: 5px;}

}