.ewl-kb-header {
text-align: center;
padding: 40px 20px 24px;
margin-bottom: 8px;
}
.ewl-kb-header h1 {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 28px;
font-weight: 700;
color: var(--ewl-primary, #1B2A4A);
margin: 0 0 6px;
letter-spacing: -0.3px;
}
.ewl-kb-header p {
font-family: 'Lora', Georgia, serif;
font-size: 15px;
color: var(--ewl-muted, #718096);
margin: 0;
line-height: 1.5;
} .ewl-kb-search {
position: relative;
max-width: 480px;
margin: 20px auto 0;
}
.ewl-kb-search input {
width: 100%;
padding: 10px 16px 10px 40px;
font-size: 14px;
font-family: 'Lora', Georgia, serif;
border: 1px solid var(--ewl-border, #E2DDD5);
border-radius: var(--ewl-radius, 8px);
background: var(--ewl-bg, #fff);
color: var(--ewl-body-text, #2D3748);
transition: border-color var(--ewl-transition, 0.25s ease), box-shadow var(--ewl-transition, 0.25s ease);
box-sizing: border-box;
}
.ewl-kb-search input:focus {
outline: none;
border-color: var(--ewl-secondary, #D4A83A);
box-shadow: 0 0 0 3px rgba(212, 168, 58, 0.12);
}
.ewl-kb-search::before {
content: '\f002';
font-family: 'Font Awesome 5 Free', 'FontAwesome';
font-weight: 900;
position: absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
color: var(--ewl-muted, #718096);
font-size: 13px;
pointer-events: none;
} .ewl-kb-categories {
display: flex;
flex-wrap: wrap;
gap: 6px;
justify-content: center;
padding: 0 20px;
margin-bottom: 28px;
}
.ewl-kb-cat-tab {
display: inline-block;
padding: 5px 14px;
font-family: 'Inter', sans-serif;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
color: var(--ewl-muted, #718096);
background: var(--ewl-bg-alt, #F0EDE8);
border: 1px solid transparent;
border-radius: 20px;
text-decoration: none;
transition: all var(--ewl-transition, 0.25s ease);
cursor: pointer;
}
.ewl-kb-cat-tab:hover,
.ewl-kb-cat-tab.active {
color: var(--ewl-primary, #1B2A4A);
background: #fff;
border-color: var(--ewl-secondary, #D4A83A);
} .ewl-kb-section {
margin-bottom: 32px;
}
.ewl-kb-section-title {
font-family: 'Inter', sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.8px;
color: var(--ewl-primary, #1B2A4A);
padding-bottom: 8px;
margin: 0 0 16px;
border-bottom: 2px solid var(--ewl-secondary, #D4A83A);
display: flex;
align-items: center;
gap: 8px;
}
.ewl-kb-section-title .count {
font-size: 11px;
font-weight: 500;
color: var(--ewl-muted, #718096);
background: var(--ewl-bg-alt, #F0EDE8);
padding: 1px 8px;
border-radius: 10px;
} .ewl-kb-grid {
display: grid;
gap: 14px;
padding: 0 20px;
max-width: 960px;
margin: 0 auto;
}
.ewl-kb-cols-2 {
grid-template-columns: repeat(2, 1fr);
}
.ewl-kb-cols-3 {
grid-template-columns: repeat(3, 1fr);
}
.ewl-kb-cols-1 {
grid-template-columns: 1fr;
} .ewl-kb-card {
background: #fff;
border: 1px solid var(--ewl-border-light, #EBE8E3);
border-radius: 6px;
padding: 18px 20px;
transition: border-color var(--ewl-transition, 0.25s ease), box-shadow var(--ewl-transition, 0.25s ease), border-left-color var(--ewl-transition, 0.25s ease);
border-left: 3px solid transparent;
position: relative;
}
.ewl-kb-card:hover {
border-left-color: var(--ewl-secondary, #D4A83A);
box-shadow: var(--ewl-shadow-sm, 0 1px 3px rgba(0,0,0,0.06));
border-color: var(--ewl-border, #E2DDD5);
} .ewl-kb-card-category {
display: inline-block;
font-family: 'Inter', sans-serif;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.6px;
color: var(--ewl-secondary, #D4A83A);
margin-bottom: 6px;
} .ewl-kb-card-title {
font-family: 'Inter', sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 1.35;
margin: 0 0 6px;
color: var(--ewl-primary, #1B2A4A);
}
.ewl-kb-card-title a {
color: inherit;
text-decoration: none;
transition: color var(--ewl-transition, 0.25s ease);
}
.ewl-kb-card-title a:hover {
color: var(--ewl-secondary, #D4A83A);
} .ewl-kb-card-excerpt {
font-family: 'Lora', Georgia, serif;
font-size: 13px;
line-height: 1.55;
color: var(--ewl-muted, #718096);
margin: 0 0 10px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
} .ewl-kb-read-more {
font-family: 'Inter', sans-serif;
font-size: 12px;
font-weight: 600;
color: var(--ewl-secondary, #D4A83A);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.3px;
transition: color var(--ewl-transition, 0.25s ease);
}
.ewl-kb-read-more:hover {
color: var(--ewl-primary, #1B2A4A);
} .ewl-kb-cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
background: var(--ewl-primary, #1B2A4A);
color: #fff;
padding: 24px 28px;
border-radius: 8px;
margin: 36px 20px;
max-width: 960px;
margin-left: auto;
margin-right: auto;
}
.ewl-kb-cta-content h3 {
font-family: 'Inter', sans-serif;
font-size: 18px;
font-weight: 700;
margin: 0 0 4px;
color: #fff;
}
.ewl-kb-cta-content p {
font-family: 'Lora', Georgia, serif;
font-size: 14px;
margin: 0;
color: rgba(255, 255, 255, 0.75);
line-height: 1.5;
}
.ewl-kb-cta .ewl-kb-cta-btn {
flex-shrink: 0;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 10px 22px;
font-family: 'Inter', sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #fff;
background: var(--ewl-cta, #D4380D);
border: none;
border-radius: 6px;
text-decoration: none;
transition: background var(--ewl-transition, 0.25s ease);
}
.ewl-kb-cta .ewl-kb-cta-btn:hover {
background: var(--ewl-cta-hover, #B02E0B);
} .ewl-kb-pagination {
display: flex;
justify-content: center;
gap: 6px;
margin: 32px 20px 40px;
}
.ewl-kb-pagination a,
.ewl-kb-pagination span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 34px;
height: 34px;
padding: 0 10px;
font-family: 'Inter', sans-serif;
font-size: 13px;
font-weight: 600;
color: var(--ewl-muted, #718096);
background: #fff;
border: 1px solid var(--ewl-border-light, #EBE8E3);
border-radius: 6px;
text-decoration: none;
transition: all var(--ewl-transition, 0.25s ease);
}
.ewl-kb-pagination a:hover {
color: var(--ewl-primary, #1B2A4A);
border-color: var(--ewl-secondary, #D4A83A);
}
.ewl-kb-pagination span.current {
color: #fff;
background: var(--ewl-primary, #1B2A4A);
border-color: var(--ewl-primary, #1B2A4A);
} .single-ewl_kb .entry-content {
max-width: 720px;
margin: 0 auto;
font-family: 'Lora', Georgia, serif;
font-size: 16px;
line-height: 1.85;
color: var(--ewl-body-text, #2D3748);
}
.single-ewl_kb .entry-content h2 {
font-family: 'Inter', sans-serif;
font-size: 22px;
font-weight: 700;
color: var(--ewl-primary, #1B2A4A);
margin: 32px 0 12px;
padding-bottom: 6px;
border-bottom: 2px solid var(--ewl-bg-alt, #F0EDE8);
}
.single-ewl_kb .entry-content h3 {
font-family: 'Inter', sans-serif;
font-size: 18px;
font-weight: 600;
color: var(--ewl-primary-light, #2A3D5F);
margin: 24px 0 8px;
}
.single-ewl_kb .entry-content ul,
.single-ewl_kb .entry-content ol {
padding-left: 24px;
margin: 12px 0;
}
.single-ewl_kb .entry-content li {
margin-bottom: 6px;
} .post-type-archive-ewl_kb .page-title,
.tax-ewl_kb_category .page-title {
font-family: 'Inter', sans-serif;
font-size: 28px;
font-weight: 700;
color: var(--ewl-primary, #1B2A4A);
text-align: center;
margin-bottom: 8px;
} .ewl-kb-empty {
text-align: center;
padding: 48px 20px;
color: var(--ewl-muted, #718096);
font-family: 'Inter', sans-serif;
font-size: 15px;
} @media (max-width: 768px) {
.ewl-kb-grid {
grid-template-columns: 1fr !important;
padding: 0 16px;
}
.ewl-kb-card {
padding: 14px 16px;
}
.ewl-kb-card-title {
font-size: 14px;
}
.ewl-kb-card-excerpt {
font-size: 12.5px;
-webkit-line-clamp: 2;
}
.ewl-kb-header h1 {
font-size: 22px;
}
.ewl-kb-cta {
flex-direction: column;
text-align: center;
padding: 20px;
margin: 24px 16px;
}
.ewl-kb-categories {
padding: 0 16px;
}
.ewl-kb-cat-tab {
font-size: 11px;
padding: 4px 10px;
}
}
@media (max-width: 480px) {
.ewl-kb-card {
padding: 12px 14px;
}
.ewl-kb-card-title {
font-size: 13.5px;
}
.ewl-kb-read-more {
font-size: 11px;
}
}.ewl-tools-page { max-width: 900px; margin: 0 auto; }
.ewl-tool-card {
background: #fff;
border-radius: 16px;
box-shadow: 0 4px 24px rgba(0,0,0,.08);
padding: 40px;
margin-bottom: 40px;
border: 1px solid #e8e8e8;
}
.ewl-tool-header {
text-align: center;
margin-bottom: 32px;
padding-bottom: 24px;
border-bottom: 2px solid #f0f0f0;
}
.ewl-tool-icon {
font-size: 48px;
margin-bottom: 12px;
}
.ewl-tool-header h2 {
font-size: 28px;
font-weight: 800;
color: #1a1a2e;
margin: 0 0 8px;
line-height: 1.3;
}
.ewl-tool-header p {
color: #666;
font-size: 16px;
margin: 0;
} .ewl-progress {
background: #e9ecef;
border-radius: 20px;
height: 8px;
overflow: hidden;
margin-bottom: 16px;
}
.ewl-progress-bar {
height: 100%;
background: linear-gradient(90deg, #b8860b, #daa520);
border-radius: 20px;
transition: width .4s ease;
} .ewl-steps-indicator {
display: flex;
justify-content: center;
gap: 12px;
margin-bottom: 28px;
}
.ewl-step-dot {
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 14px;
background: #e9ecef;
color: #999;
transition: all .3s;
}
.ewl-step-dot.active {
background: #b8860b;
color: #fff;
box-shadow: 0 2px 8px rgba(184,134,11,.4);
}
.ewl-step-dot.completed {
background: #28a745;
color: #fff;
} .ewl-step { display: none; animation: fadeIn .4s ease; }
.ewl-step.active { display: block; }
.ewl-step h3 {
font-size: 22px;
font-weight: 700;
color: #1a1a2e;
margin: 0 0 6px;
}
.ewl-step-desc {
color: #777;
margin: 0 0 24px;
font-size: 15px;
} .ewl-option-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: 12px;
}
.ewl-option-card {
cursor: pointer;
position: relative;
}
.ewl-option-card input[type="radio"] {
position: absolute;
opacity: 0;
pointer-events: none;
}
.ewl-option-inner {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 20px 12px;
border: 2px solid #e9ecef;
border-radius: 12px;
text-align: center;
font-weight: 600;
font-size: 14px;
color: #333;
transition: all .25s;
background: #fafafa;
}
.ewl-option-icon { font-size: 32px; }
.ewl-option-card input:checked + .ewl-option-inner {
border-color: #b8860b;
background: linear-gradient(135deg, #fef9ef, #fff8e1);
box-shadow: 0 2px 12px rgba(184,134,11,.2);
color: #8b6914;
}
.ewl-option-inner:hover {
border-color: #ccc;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,.08);
} .ewl-form-fields { display: flex; flex-direction: column; gap: 20px; }
.ewl-field label {
display: block;
font-weight: 600;
font-size: 14px;
color: #333;
margin-bottom: 6px;
}
.ewl-field input[type="text"],
.ewl-field input[type="email"],
.ewl-field input[type="tel"],
.ewl-field input[type="date"],
.ewl-field input[type="number"],
.ewl-field select,
.ewl-field textarea {
width: 100%;
padding: 12px 16px;
border: 2px solid #e0e0e0;
border-radius: 10px;
font-size: 15px;
font-family: inherit;
transition: border-color .2s, box-shadow .2s;
background: #fafafa;
box-sizing: border-box;
}
.ewl-field input:focus,
.ewl-field select:focus,
.ewl-field textarea:focus {
border-color: #b8860b;
box-shadow: 0 0 0 3px rgba(184,134,11,.15);
outline: none;
background: #fff;
}
.ewl-field small {
display: block;
color: #999;
font-size: 12px;
margin-top: 4px;
}
.ewl-field-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.ewl-input-icon {
position: relative;
}
.ewl-input-icon span {
position: absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
color: #999;
font-weight: 600;
font-size: 15px;
}
.ewl-input-icon input {
padding-left: 32px !important;
}
.ewl-radio-group,
.ewl-checkbox-group {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.ewl-radio-group label,
.ewl-checkbox-group label {
display: flex;
align-items: center;
gap: 6px;
padding: 8px 16px;
border: 2px solid #e9ecef;
border-radius: 8px;
cursor: pointer;
font-weight: 500;
font-size: 14px;
transition: all .2s;
background: #fafafa;
}
.ewl-radio-group label:has(input:checked),
.ewl-checkbox-group label:has(input:checked) {
border-color: #b8860b;
background: #fef9ef;
color: #8b6914;
}
.ewl-consent {
font-size: 13px !important;
font-weight: 400 !important;
color: #666 !important;
display: flex !important;
align-items: flex-start !important;
gap: 8px !important;
}
.ewl-consent input { margin-top: 3px; }
.ewl-consent a { color: #b8860b; text-decoration: underline; } .ewl-nav {
display: flex;
justify-content: space-between;
margin-top: 28px;
padding-top: 20px;
border-top: 1px solid #f0f0f0;
}
.ewl-btn {
padding: 14px 32px;
border: none;
border-radius: 10px;
font-size: 16px;
font-weight: 700;
cursor: pointer;
transition: all .25s;
font-family: inherit;
display: inline-flex;
align-items: center;
gap: 8px;
text-decoration: none;
}
.ewl-btn-next {
background: linear-gradient(135deg, #b8860b, #d4a017);
color: #fff;
box-shadow: 0 4px 16px rgba(184,134,11,.3);
}
.ewl-btn-next:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(184,134,11,.4);
color: #fff;
text-decoration: none;
}
.ewl-btn-back {
background: #f5f5f5;
color: #666;
}
.ewl-btn-back:hover {
background: #eee;
}
.ewl-btn-submit {
background: linear-gradient(135deg, #28a745, #20c997);
color: #fff;
box-shadow: 0 4px 16px rgba(40,167,69,.3);
font-size: 17px;
width: 100%;
justify-content: center;
}
.ewl-btn-submit:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(40,167,69,.4);
} .ewl-success {
text-align: center;
padding: 40px 20px;
}
.ewl-success-icon {
width: 80px;
height: 80px;
border-radius: 50%;
background: linear-gradient(135deg, #28a745, #20c997);
color: #fff;
font-size: 40px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
}
.ewl-success h3 {
font-size: 24px;
color: #1a1a2e;
margin: 0 0 12px;
}
.ewl-success p { color: #666; line-height: 1.7; }
.ewl-success a { color: #b8860b; font-weight: 700; } .ewl-calc-form { display: flex; flex-direction: column; gap: 20px; }
.ewl-calc-result { margin-top: 32px; animation: fadeIn .5s ease; }
.ewl-calc-range {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 16px;
margin: 24px 0;
}
.ewl-calc-low, .ewl-calc-mid, .ewl-calc-high {
text-align: center;
padding: 24px 16px;
border-radius: 12px;
}
.ewl-calc-low {
background: #f8f9fa;
border: 2px solid #e9ecef;
}
.ewl-calc-mid {
background: linear-gradient(135deg, #fef9ef, #fff8e1);
border: 2px solid #daa520;
transform: scale(1.05);
}
.ewl-calc-high {
background: #f0fff4;
border: 2px solid #28a745;
}
.ewl-calc-label {
display: block;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
color: #888;
margin-bottom: 8px;
}
.ewl-calc-value {
display: block;
font-size: 28px;
font-weight: 800;
color: #1a1a2e;
}
.ewl-calc-mid .ewl-calc-value { color: #b8860b; }
.ewl-calc-high .ewl-calc-value { color: #28a745; }
.ewl-calc-breakdown {
background: #f8f9fa;
border-radius: 12px;
padding: 20px 24px;
margin: 16px 0;
font-size: 14px;
line-height: 1.8;
}
.ewl-calc-breakdown strong { color: #333; }
.ewl-calc-disclaimer {
background: #fff8e1;
border: 1px solid #ffe082;
border-radius: 10px;
padding: 16px 20px;
margin: 16px 0;
}
.ewl-calc-disclaimer p {
margin: 0;
font-size: 13px;
color: #6d5c00;
}
.ewl-calc-cta {
text-align: center;
margin-top: 24px;
}
.ewl-calc-cta .ewl-btn {
font-size: 18px;
padding: 16px 36px;
} .ewl-statute-form { display: flex; flex-direction: column; gap: 20px; }
.ewl-statute-result { margin-top: 24px; animation: fadeIn .5s; }
.ewl-statute-card {
text-align: center;
padding: 32px;
border-radius: 16px;
margin-bottom: 20px;
}
.ewl-statute-card.safe {
background: linear-gradient(135deg, #f0fff4, #e8f5e9);
border: 2px solid #4caf50;
}
.ewl-statute-card.warning {
background: linear-gradient(135deg, #fffde7, #fff8e1);
border: 2px solid #ff9800;
}
.ewl-statute-card.danger {
background: linear-gradient(135deg, #fff5f5, #ffebee);
border: 2px solid #f44336;
}
.ewl-statute-card.expired {
background: linear-gradient(135deg, #f5f5f5, #eeeeee);
border: 2px solid #9e9e9e;
}
.ewl-statute-icon { font-size: 52px; margin-bottom: 12px; }
.ewl-statute-card h3 {
font-size: 22px;
margin: 0 0 20px;
}
.ewl-statute-details {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
text-align: left;
max-width: 480px;
margin: 0 auto;
}
.ewl-statute-detail {
padding: 12px 16px;
background: rgba(255,255,255,.6);
border-radius: 8px;
}
.ewl-detail-label {
display: block;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .5px;
color: #888;
margin-bottom: 4px;
}
.ewl-detail-value {
font-size: 15px;
font-weight: 700;
color: #1a1a2e;
}
.ewl-statute-warning {
margin-top: 16px;
padding: 12px 20px;
border-radius: 8px;
font-weight: 600;
font-size: 14px;
}
.ewl-statute-info {
background: #f8f9fa;
border-radius: 10px;
padding: 16px 20px;
margin-bottom: 20px;
}
.ewl-statute-info p {
margin: 0;
font-size: 13px;
color: #555;
line-height: 1.7;
} .ewl-checklist-progress {
margin-bottom: 28px;
display: flex;
flex-direction: column;
gap: 8px;
}
#checklistCount {
font-weight: 600;
font-size: 14px;
color: #666;
}
.ewl-checklist-section {
margin-bottom: 28px;
}
.ewl-checklist-section h3 {
font-size: 18px;
font-weight: 700;
color: #1a1a2e;
margin: 0 0 12px;
padding-bottom: 8px;
border-bottom: 2px solid #f0f0f0;
}
.ewl-check-item {
display: flex;
align-items: flex-start;
gap: 14px;
padding: 16px;
border: 2px solid #f0f0f0;
border-radius: 12px;
margin-bottom: 10px;
cursor: pointer;
transition: all .25s;
background: #fafafa;
}
.ewl-check-item:hover {
border-color: #ddd;
background: #fff;
}
.ewl-check-item:has(input:checked) {
background: #f0fff4;
border-color: #4caf50;
}
.ewl-check-item:has(input:checked) .ewl-check-content strong {
text-decoration: line-through;
color: #4caf50;
}
.ewl-check-item input[type="checkbox"] {
width: 22px;
height: 22px;
margin-top: 2px;
accent-color: #4caf50;
flex-shrink: 0;
}
.ewl-check-content strong {
display: block;
font-size: 15px;
color: #1a1a2e;
margin-bottom: 4px;
transition: all .2s;
}
.ewl-check-content p {
margin: 0;
font-size: 13px;
color: #777;
line-height: 1.6;
}
.ewl-check-highlight {
background: linear-gradient(135deg, #fef9ef, #fff8e1) !important;
border-color: #daa520 !important;
}
.ewl-checklist-complete {
text-align: center;
padding: 32px;
background: linear-gradient(135deg, #f0fff4, #e8f5e9);
border-radius: 16px;
margin-top: 20px;
animation: fadeIn .5s;
}
.ewl-checklist-complete h3 {
margin: 12px 0 8px;
font-size: 22px;
color: #1a1a2e;
}
.ewl-checklist-complete p {
color: #666;
margin-bottom: 20px;
} .ewl-faq { max-width: 800px; margin: 0 auto; }
.ewl-faq-item {
border: 2px solid #f0f0f0;
border-radius: 12px;
margin-bottom: 10px;
overflow: hidden;
transition: border-color .3s;
}
.ewl-faq-item.open {
border-color: #daa520;
}
.ewl-faq-question {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 18px 20px;
background: none;
border: none;
font-size: 16px;
font-weight: 600;
color: #1a1a2e;
cursor: pointer;
text-align: left;
gap: 16px;
font-family: inherit;
transition: background .2s;
}
.ewl-faq-question:hover {
background: #fafafa;
}
.ewl-faq-arrow {
flex-shrink: 0;
transition: transform .3s;
color: #999;
}
.ewl-faq-item.open .ewl-faq-arrow {
transform: rotate(180deg);
color: #b8860b;
}
.ewl-faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height .35s ease, padding .35s ease;
}
.ewl-faq-item.open .ewl-faq-answer {
max-height: 400px;
padding: 0 20px 18px;
}
.ewl-faq-answer p {
margin: 0;
font-size: 15px;
color: #555;
line-height: 1.8;
}
.ewl-faq-cta {
text-align: center;
margin-top: 32px;
padding: 28px;
background: linear-gradient(135deg, #1a1a2e, #2d2d44);
border-radius: 16px;
color: #fff;
}
.ewl-faq-cta p {
margin: 0 0 16px;
font-size: 18px;
font-weight: 600;
color: #fff;
} @keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
} @media (max-width: 768px) {
.ewl-tool-card { padding: 24px 18px; margin-bottom: 24px; }
.ewl-tool-header h2 { font-size: 22px; }
.ewl-option-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
.ewl-field-row { grid-template-columns: 1fr; }
.ewl-calc-range { grid-template-columns: 1fr; gap: 10px; }
.ewl-calc-mid { transform: none; }
.ewl-calc-value { font-size: 24px; }
.ewl-statute-details { grid-template-columns: 1fr; }
.ewl-btn { padding: 12px 24px; font-size: 15px; }
.ewl-nav { flex-direction: column; gap: 10px; }
.ewl-btn-back { order: 2; text-align: center; justify-content: center; }
.ewl-btn-next { order: 1; justify-content: center; }
.ewl-faq-question { font-size: 14px; padding: 14px 16px; }
.ewl-calc-cta .ewl-btn { font-size: 15px; padding: 14px 24px; }
}
@media (max-width: 480px) {
.ewl-option-grid { grid-template-columns: 1fr; }
.ewl-tool-icon { font-size: 36px; }
.ewl-option-inner { padding: 14px 12px; flex-direction: row; }
.ewl-step h3 { font-size: 18px; }
}