:root {  --lower-faq-accent: #205D6E;
 --lower-faq-bg: #fff;
 --lower-faq-border: #00640c;
 --lower-faq-radius: 8px;
 --lower-faq-shadow: 0 2px 8px rgba(0,0,0,0.06);
 --lower-faq-question-color: #212529;
 --lower-faq-answer-color: #495057;
 --lower-faq-open-bg: #e9f5ff;
 --lower-faq-open-color: #212529;
 --lower-faq-arrow-color: #6c757d;
 --lower-faq-separator: #e9ecef;
}

#lower-faqAccordion {
margin-top: 12px;
margin-bottom: 30px;
background: transparent;
}

.lower-faq-accordion-item {
background: var(--lower-faq-bg);
border: 1.5px solid transparent;
border-radius: var(--lower-faq-radius);
margin-bottom: 0px;
overflow: hidden;
transition: box-shadow 0.2s, border-color 0.2s;
}

.lower-faq-accordion-item.lower-is-active { border-color: var(--lower-faq-border); }

.lower-faq-accordion-item:first-of-type {
border-top-left-radius: var(--lower-faq-radius);
border-top-right-radius: var(--lower-faq-radius);
}

.lower-faq-accordion-item:last-of-type {
border-bottom-left-radius: var(--lower-faq-radius);
border-bottom-right-radius: var(--lower-faq-radius);
margin-bottom: 0;
}

.lower-faq-accordion-header {
margin-bottom: 0 !important;
padding: 0 !important;
border: none;
margin: 0 !important;
}

.lower-faq-accordion-button {
font-weight: 600;
width: 100%;
color: var(--lower-faq-question-color);
background: var(--lower-faq-bg);
box-shadow: none;
border-radius: 0;
transition: background 0.15s, color 0.15s;
position: relative;
padding-right: 1rem;
margin-left: 10px;
border: 0;
cursor: pointer;
font-size: 18px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
}

.lower-faq-accordion-button:not(.lower-collapsed) { color: var(--lower-faq-open-color); }

.lower-faq-accordion-button:focus {
z-index: 3;
border-color: transparent;
outline: 0;
box-shadow: none;
}

.lower-faq-accordion-button::after { display: none; }

.lower-faq-accordion-button::before {
content: "+";
position: relative;
display: flex;
left: 96%;
font-size: 16px;
border: 1px solid #89D422;
border-radius: 50px;
width: 28px;
height: 28px;
justify-content: center;
align-items: center;
background-color: #fff;
transition: all 0.2s ease-in-out;
top: 25px;
}

.lower-faq-accordion-button:not(.lower-faq-collapsed)::before {
content: '–';
color: white;
background-color: #89D422;
transition: all 0.2s ease-in-out;
}

.lower-faq-accordion-body {
padding: 1rem 1.5rem 1.5rem;
background: var(--lower-faq-bg);
line-height: 1.6;
color: var(--lower-faq-answer-color);
transition: all 0.2s ease-in-out;
font-size: 18px;
}

.lower-faq-accordion-button::after {
content: "";
display: block;
height: 1px;
background: var(--lower-faq-separator);
margin-top: 1rem;
}

.lower-faq-accordion-collapse {
max-height: 0;
overflow: hidden;
transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.lower-faq-collapse:not(.lower-faq-show) { display: block; }

/* STYLES RELATED TO THE NEW FAQ PLACEMENT */

.faq-section {
max-width: 100%;
background-color: #fff;
padding: 20px;
}

.faq-section h2 {
font-size: 24px;
padding: 8px;
text-align: center;
}

.indented-text {
padding-left: 4px;
max-width: 95%;
display: block;
}



.guide-section-container {
background-color: #F2FFE2;
padding: 40px 12px;
position: relative;
overflow: visible;
/
}

/* Guide and Key Takeaways */

.left_card_container {
float: left;
width: 58%;
background: #fff;
border-radius: 16px;
padding: 2.25rem 2.5rem;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
position: relative;
margin-bottom: 20px;
border: 1px solid #406d1d;
}

.left_card_container li { margin: 1rem 0; }

.right_card_container {
text-align: center;
float: right;
clear: right;
width: 25%;
padding: 0 20px;
}

.guide-container, .key-takeaways-container {
background-color: #fff;
border: 1px solid #406d1d;
border-radius: 20px;
}

.guide-container { margin-bottom: 20px; }

.guide-wrapper, .key-takeaways-wrapper { padding: 20px; }

.guide-header, .key-takeaways-header {
display: block;
color: #000;
text-align: left;
font-size: 20px;
padding: 8px;
}

.guide-list, .key-takeaways-list {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
;
flex-direction: column;
gap: 12px;
padding: 8px;
}

.key-takeaways-list-item::before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23f4faec'/%3E%3Cpath d='M4.5 8.5L7 11L11.5 5' stroke='%238ec641' stroke-width='1.3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
color: #3da4c3;
font-weight: bold;
display: inline-block;
width: 1.3em;
height: 1.3em;
margin-left: -1em;
vertical-align: middle;
}

/* Base CSS for the cards */

.guide-card, .mock-invs-card {
background: #fff;
border-radius: 16px;
padding: 2.25rem 2.5rem;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
position: relative;
margin-bottom: 20px;
border: 1px solid #406d1d;
}

.mock-invs-card {
background: none;
box-shadow: none;
border: none;
}

.guide-card__title {
margin: 0 0 1rem;
color: #3f3f3f;
display: block;
font-weight: 700;
}

.guide-card__excerpt {
color: #6b6b6b;
line-height: 1.6;
margin: 1rem 0;
}

.guide-card__divider {
border: none;
border-top: 1px solid #e6e6e6;
margin: 1.5rem 0;
}

/* First Card Style */


.guide-card--featured .guide-card__tag {
display: inline-block;
margin-bottom: 1rem;
font-size: 0.7rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #6bbf59;
}

.guide-card--featured .guide-card__title {
font-size: 2rem;
line-height: 1.25;
}

.guide-card--featured .guide-card__meta {
font-size: 0.85rem;
color: #8a8a8a;
display: flex;
gap: 0.5rem;
}

.guide-card--featured .guide-card__author {
position: absolute;
bottom: 1.75rem;
right: 2.5rem;
display: flex;
align-items: center;
gap: 0.5rem;
}

.guide-card--featured .guide-card__author img {
width: 36px;
height: 36px;
border-radius: 50%;
}

/* Default Card Style */
.guide-card--default { padding: 2rem; }

.guide-card--default .guide-card__title { font-size: 1.4rem; }

.guide-card--default .guide-card__tag, .guide-card--default .guide-card__meta, .guide-card--default .guide-card__divider, .guide-card--default .guide-card__author { display: none; }

/* Borderline */

.guide-card__borderline {
border: none;
border-left: 1px solid #ccc;
opacity: 0.8;
height: 88%;
width: 0;
margin: 0;
position: absolute;
left: 60%;
top: 0;
transform: translate(10px, 20px);
}

@media (max-width: 1200px) {

.guide-card__borderline { left: 66%; }
}

@media only screen and (min-width: 960px) {

.left_card_container {
float: left;
width: 58%;
}

.right_card_container {
float: right;
width: 25%;
clear: right;
}
}

@media only screen and (min-width: 720px) and (max-width: 959px) {

.guide-card__borderline { display: none; }

.right_card_container { width: 28%; }

.left_card_container {
width: 63%;
padding: 0 !important;
border: 0 !important;
}
}

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

.guide-section-container .container-12 { display: flex; }

.left_card_container, .right_card_container {
float: none;
width: 100% !important;
margin-bottom: 20px;
}

.right_card_container {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #3da4c3;
}

.guide-card__borderline { display: none; }
}

.left_card_container a { text-decoration: underline; }

.guide-card table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
margin: 1.5rem 0;
font-family: inherit;
}

.guide-card th, .guide-card td {
padding: 1rem 1.25rem;
text-align: left;
vertical-align: top;
border-bottom: 1px solid #e6e6e6;
}

.guide-card thead th {
background-color: #ecf7f9;
font-weight: 700;
color: #3da4c3;
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: 1.1rem;
border-bottom: 2px solid #406d1d;
}

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

.guide-card tbody tr:nth-child(even) { background-color: #f9fdfd; }

.guide-card tbody tr:hover { background-color: #f0f9fb; }

.guide-card td p.guide-card__excerpt {
margin: 0;
color: #6b6b6b;
line-height: 1.6;
font-size: 1rem;
}

.guide-card td p.guide-card__excerpt span { display: block; }

/* Icon styling for checkmarks and crosses */
.guide-card td p.guide-card__excerpt span:first-child {
font-size: 1.2em;
margin-bottom: 0.25rem;
}

.guide-card td p.guide-card__excerpt span:first-child:contains("✅") { color: #89d422; }

.guide-card td p.guide-card__excerpt span:first-child:contains("❌") { color: #e74c3c; }

/* Specific styling for the "What We Can & Can't Remove" table */
.guide-card table.colgroup-table {
border: 1px solid #b5cdd1;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.guide-card table.colgroup-table thead th {
background-color: #3da4c3;
color: #fff;
border-bottom: none;
padding: 1.25rem 1.5rem;
}

.guide-card table.colgroup-table td { padding: 1rem 1.5rem; }

.guide-card table.colgroup-table td:first-child { border-right: 1px solid #e6e6e6; }

/* Responsive table design */
@media only screen and (max-width: 768px) {

.guide-card table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border-radius: 8px;
border: 1px solid #e6e6e6;
}

.guide-card th, .guide-card td {
padding: 0.75rem 1rem;
min-width: 200px;
}

.guide-card table.colgroup-table {
display: table;
width: 100%;
}

.guide-card table.colgroup-table td:first-child {
border-right: none;
border-bottom: 1px solid #e6e6e6;
}
}

/* For the specific table in your Enfield guide */

.guide-card table tbody tr:first-child td {
font-weight: 700;
color: #246271;
background-color: #ecf7f9;
}

.guide-card table tbody tr:not(:first-child) td p.guide-card__excerpt {
font-size: 0.95rem;
color: #434343;
}

/* Alternative striped design */
.guide-card table.striped tbody tr:nth-child(odd) { background-color: #f9fdfd; }

.guide-card table.striped tbody tr:nth-child(even) { background-color: #ffffff; }

.guide-card table.bordered {
border: 1px solid #b5cdd1;
border-radius: 8px;
}

.guide-card table.bordered th, .guide-card table.bordered td { border: 1px solid #e6e6e6; }

.guide-card table.bordered th { border-bottom: 2px solid #3da4c3; }