/*
Theme Name: GrowthAfrica v1.1
Theme URI: https://pressmegpt.com
Author: PressMeGPT
Author URI: https://pressmegpt.com
Description: This theme was generated by PressMeGPT.com - AI WordPress Theme Generator. Free software released under GNU GPLv2 with attribution.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: growthafrica
Tags: custom, pressmegpt, ai-generated, custom-logo, custom-menu, custom-colors, dark

This theme was created with PressMeGPT.com - AI WordPress Theme Generator.
Free to use, modify, and distribute under GNU GPLv2 with attribution.
*/

/* Reset and base styles */
*, *::before, *::after {
box-sizing: border-box;
}

body {
margin: 0;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
line-height: 1.6;
}

img {
max-width: 100%;
height: auto;
}

a {
text-decoration: none;
}

/* ===== Header Styles ===== */
.site-header {
padding: 1rem 2rem;
}

.header-inner {
max-width: 1400px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 2rem;
}

/* Header Layout: Logo Left, Menu Right (default) */
.header-layout-logo-left-menu-right .header-inner {
flex-direction: row;
justify-content: space-between;
}

/* Header Layout: Logo Right, Menu Left */
.header-layout-logo-right-menu-left .header-inner {
flex-direction: row-reverse;
justify-content: space-between;
}

/* Header Layout: Logo Center, Menu Below */
.header-layout-logo-center-menu-below .header-inner {
flex-direction: column;
text-align: center;
}

.header-layout-logo-center-menu-below .site-branding {
margin-bottom: 1rem;
}

/* Header Layout: Logo Center, Menu Split */
.header-layout-logo-center-menu-split .header-inner {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
}

.header-layout-logo-center-menu-split .menu-left {
justify-self: end;
}

.header-layout-logo-center-menu-split .menu-right {
justify-self: start;
}

/* Site Branding */
.site-branding {
display: flex;
align-items: center;
gap: 1rem;
}

.site-branding a {
display: inline-block;
}

.custom-logo {
display: block;
height: auto;
}

.site-title {
margin: 0;
font-size: 1.5rem;
font-weight: 700;
}

.site-title a {
color: inherit;
}

.site-description {
margin: 0.25rem 0 0;
font-size: 0.875rem;
opacity: 0.8;
}

/* Primary Navigation */
.main-navigation {
display: flex;
align-items: center;
}

.main-navigation ul {
display: flex;
list-style: none;
margin: 0;
padding: 0;
gap: 1.5rem;
}

.main-navigation li {
position: relative;
}

.main-navigation a {
display: block;
padding: 0.5rem 0;
font-weight: 500;
transition: color 0.2s ease;
}

.main-navigation a:hover {
opacity: 0.7;
}

/* Dropdown menus */
.main-navigation ul ul {
position: absolute;
top: 100%;
left: 0;
min-width: 200px;
flex-direction: column;
gap: 0;
background: #fff;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
border-radius: 4px;
padding: 0.5rem 0;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s, visibility 0.2s;
}

.main-navigation li:hover > ul {
opacity: 1;
visibility: visible;
}

.main-navigation ul ul a {
padding: 0.5rem 1rem;
color: #333;
}

/* Mobile Menu Toggle */
.menu-toggle {
display: none;
background: none;
border: none;
cursor: pointer;
padding: 0.5rem;
}

.menu-toggle svg {
width: 24px;
height: 24px;
}

@media (max-width: 768px) {
.menu-toggle {
    display: block;
}

.main-navigation {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: inherit;
    padding: 1rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.main-navigation.toggled {
    display: block;
}

.main-navigation ul {
    flex-direction: column;
    gap: 0.5rem;
}

.main-navigation ul ul {
    position: static;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
    padding-left: 1rem;
}
}

/* ===== Footer Styles ===== */
.site-footer {
padding: 2rem;
}

.footer-inner {
max-width: 1400px;
margin: 0 auto;
}

/* Footer Layout: Centered */
.footer-layout-centered .footer-inner {
text-align: center;
}

.footer-layout-centered .footer-navigation ul {
justify-content: center;
}

/* Footer Layout: Left Aligned */
.footer-layout-left-aligned .footer-inner {
text-align: left;
}

/* Footer Layout: Split */
.footer-layout-split .footer-inner {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
}

/* Footer Navigation */
.footer-navigation {
margin-bottom: 1rem;
}

.footer-navigation ul {
display: flex;
list-style: none;
margin: 0;
padding: 0;
gap: 1.5rem;
flex-wrap: wrap;
}

.footer-navigation a {
font-size: 0.875rem;
transition: opacity 0.2s;
}

.footer-navigation a:hover {
opacity: 0.7;
}

/* Footer Menu Position */
.footer-menu-below .footer-navigation {
order: 2;
margin-bottom: 0;
margin-top: 1rem;
}

.footer-menu-below .site-info {
order: 1;
}

/* Footer Widgets */
.footer-widgets {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 2rem;
margin-bottom: 2rem;
}

.footer-widgets .widget {
margin-bottom: 0;
}

.footer-widgets .widget-title {
font-size: 1rem;
font-weight: 600;
margin-bottom: 1rem;
}

/* Site Info */
.site-info {
font-size: 0.875rem;
opacity: 0.8;
}

.site-info p {
margin: 0;
}

@media (max-width: 768px) {
.footer-layout-split .footer-inner {
    flex-direction: column;
    text-align: center;
}

.footer-navigation ul {
    justify-content: center;
}
}

/* ===== Widget Styles ===== */
.widget {
margin-bottom: 2rem;
}

.widget-title {
font-size: 1.125rem;
font-weight: 600;
margin-bottom: 1rem;
}

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

.widget li {
padding: 0.25rem 0;
}

/* ===== Content Styles ===== */
.content-area {
max-width: 1200px;
margin: 0 auto;
padding: 2rem;
}

.content-area.has-sidebar {
display: grid;
grid-template-columns: 1fr 300px;
gap: 3rem;
align-items: start;
}

@media (max-width: 768px) {
.content-area.has-sidebar {
    grid-template-columns: 1fr;
    gap: 2rem;
}
}

/* PressMeGPT: full-bleed entry header for blog posts (rendered outside .content-area) */
.single .entry-header,
.page .entry-header.full-bleed {
width: 100%;
margin: 0;
}

.primary-content {
min-width: 0;
}

.page-content-wrapper {
max-width: 1200px;
margin: 0 auto;
}

/* PressMeGPT inner pages render full-bleed (sections handle their own width) */
.pressmegpt-page-content,
.pressmegpt-page-content.entry-content {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
line-height: inherit;
}

.page-header {
margin-bottom: 2rem;
padding-bottom: 1rem;
border-bottom: 2px solid #C8FF2E;
}

.page-title {
font-size: 2rem;
margin: 0 0 0.5rem;
color: #ffffff;
}

.archive-description {
font-size: 1rem;
opacity: 0.7;
}

.entry-header {
margin-bottom: 1.5rem;
}

.entry-title {
font-size: 2rem;
margin: 0 0 0.5rem;
}

.entry-title a {
color: #ffffff;
text-decoration: none;
transition: color 0.2s;
}

.entry-title a:hover {
color: #C8FF2E;
}

.entry-meta {
font-size: 0.875rem;
opacity: 0.7;
margin-bottom: 0.5rem;
}

.entry-content {
margin-bottom: 2rem;
line-height: 1.8;
}

.entry-footer {
font-size: 0.875rem;
padding: 1rem 0;
border-top: 1px solid rgba(0,0,0,0.1);
margin-bottom: 1.5rem;
}

.entry-footer .cat-links,
.entry-footer .tags-links {
display: block;
margin-bottom: 0.25rem;
}

.entry-footer a {
color: #C8FF2E;
}

.post-thumbnail {
margin-bottom: 1.5rem;
}

.post-thumbnail img {
border-radius: 8px;
width: 100%;
}

/* Post navigation */
.post-navigation,
.posts-navigation {
padding: 1.5rem 0;
border-top: 1px solid rgba(0,0,0,0.1);
margin-top: 1rem;
}

.post-navigation a,
.posts-navigation a,
.nav-links a {
color: #C8FF2E;
text-decoration: none;
font-weight: 500;
}

.post-navigation a:hover,
.posts-navigation a:hover,
.nav-links a:hover {
text-decoration: underline;
}

.nav-subtitle {
display: block;
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.05em;
opacity: 0.6;
margin-bottom: 0.25rem;
}

/* ===== Search ===== */
.search-form {
display: flex;
max-width: 500px;
}

.search-form .search-field {
flex: 1;
padding: 10px 16px;
border: 2px solid rgba(0,0,0,0.15);
border-right: none;
border-radius: 6px 0 0 6px;
font-size: 1rem;
outline: none;
}

.search-form .search-field:focus {
border-color: #C8FF2E;
}

.search-form .search-submit {
padding: 10px 20px;
background: #C8FF2E;
color: #fff;
border: 2px solid #C8FF2E;
border-radius: 0 6px 6px 0;
cursor: pointer;
font-weight: 600;
font-size: 1rem;
}

.search-result {
padding-bottom: 1.5rem;
margin-bottom: 1.5rem;
border-bottom: 1px solid rgba(0,0,0,0.08);
}

/* ===== Comments ===== */
.comments-area {
margin-top: 2rem;
padding-top: 2rem;
border-top: 2px solid rgba(0,0,0,0.08);
}

.comments-title {
font-size: 1.5rem;
margin-bottom: 1.5rem;
}

.comment-list {
list-style: none;
padding: 0;
margin: 0;
}

.comment-list li {
padding: 1rem 0;
border-bottom: 1px solid rgba(0,0,0,0.06);
}

.comment-list .comment-author img {
border-radius: 50%;
margin-right: 0.75rem;
vertical-align: middle;
}

.comment-form label {
display: block;
margin-bottom: 0.25rem;
font-weight: 500;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
width: 100%;
padding: 10px 14px;
border: 2px solid rgba(0,0,0,0.12);
border-radius: 6px;
font-size: 1rem;
margin-bottom: 1rem;
}

.comment-form textarea {
min-height: 120px;
resize: vertical;
}

.comment-form .submit-button,
.comment-form input[type="submit"] {
background: #C8FF2E;
color: #fff;
border: none;
padding: 12px 24px;
border-radius: 6px;
cursor: pointer;
font-weight: 600;
font-size: 1rem;
}

/* ===== Sidebar ===== */
.widget-area {
padding: 1.5rem;
background: rgba(0,0,0,0.03);
border-radius: 8px;
}

.widget-area .widget {
margin-bottom: 2rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid rgba(0,0,0,0.08);
}

.widget-area .widget:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}

.widget-area .widget-title {
font-size: 1rem;
font-weight: 700;
margin-bottom: 0.75rem;
color: #ffffff;
}

.widget-area ul {
list-style: none;
padding: 0;
margin: 0;
}

.widget-area li {
padding: 0.35rem 0;
}

.widget-area a {
color: #C8FF2E;
text-decoration: none;
}

.widget-area a:hover {
text-decoration: underline;
}

/* ===== Utility Classes ===== */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}

.skip-link:focus {
background-color: #f1f1f1;
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}

/* Theme Designer Custom Styles */
:root {
 --td-color-primary: #C8FF2E;
 --td-color-secondary: #C75B5B;
 --td-color-background: #050505;
 --td-color-text: #B8B8B8;
 --td-color-heading: #ffffff;
 --td-color-link: #C8FF2E;
 --td-color-link-hover: #d4ff5a;
 --td-color-btn-primary-bg: #C8FF2E;
 --td-color-btn-primary-text: #050505;
 --td-color-btn-primary-hover: brightness(1.1);
 --td-color-btn-secondary-bg: #C8FF2E;
 --td-color-btn-secondary-text: #050505;
 --td-color-btn-secondary-hover: brightness(1.1);
 --td-color-header-bg: #050505;
 --td-color-header-text: #ffffff;
 --td-color-footer-bg: #050505;
 --td-color-footer-text: #B8B8B8;
 --td-font-body: 'Inter', sans-serif;
 --td-font-heading: 'Inter', sans-serif;
 --td-font-monospace: 'JetBrains Mono', monospace;
 --td-font-size-base: 16px;
 --td-heading-scale: 1.25;
 --td-border-radius-sm: 8px;
 --td-border-radius-md: 16px;
 --td-border-radius-lg: 24px;
 --td-border-radius-full: 9999px;
}
* {
 min-width: 0;
 box-sizing: border-box;
}
html {
 scroll-behavior: smooth;
}
body {
 font-family: var(--td-font-body);
 color: var(--td-color-text);
 background-color: var(--td-color-background);
 margin: 0;
 line-height: 1.6;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
img {
 max-width: 100%;
 height: auto;
 display: block;
}
a {
 color: var(--td-color-link);
 text-decoration: none;
}
a:hover {
 color: var(--td-color-link-hover);
}
.fse-group, .fse-section {
 overflow-x: hidden;
}
.fse-section {
 padding: 96px 0; 
 position: relative;
}
.fse-group {
 max-width: 1200px;
 margin: 0 auto;
 padding: 0 20px;
}
.fse-heading {
 font-family: var(--td-font-heading);
 color: var(--td-color-heading);
 font-weight: 800;
 line-height: 1.1;
 letter-spacing: -0.03em;
 margin-top: 0;
 margin-bottom: 20px;
}
.fse-heading.fse-card-heading {
 font-size: 1.125rem;
 font-weight: 600;
 margin-bottom: 8px;
 line-height: 1.3;
 letter-spacing: normal;
}
.fse-section-header .fse-heading {
 margin-bottom: 20px;
}
.fse-paragraph {
 font-family: var(--td-font-body);
 color: var(--td-color-text);
 font-size: 1rem;
 line-height: 1.7;
 margin-bottom: 1em;
}
.fse-paragraph:last-child {
 margin-bottom: 0;
}
.fse-text-primary {
 color: var(--td-color-primary);
}
.fse-text-primary-glow {
 color: var(--td-color-primary);
 text-shadow: 0 0 20px rgba(200, 255, 46, 0.4);
}
.fse-text-white {
 color: #fff;
}
.fse-font-semibold {
 font-weight: 600;
}
.fse-subheading {
 font-size: 1.125rem;
 color: var(--td-color-text);
 max-width: 700px;
 margin-left: auto;
 margin-right: auto;
}
.fse-section-tag {
 display: inline-block;
 font-family: var(--td-font-monospace);
 color: var(--td-color-primary);
 letter-spacing: 0.1em;
 text-transform: uppercase;
 font-size: 0.75rem;
 margin-bottom: 16px;
}
.fse-icon {
 width: 1rem;
 height: 1rem;
 stroke-width: 2;
}
.fse-icon.lucide {
 stroke: currentColor;
 fill: none;
}
.fse-icon-red {
 color: var(--td-color-secondary);
}
.fse-icon-primary {
 color: var(--td-color-primary);
}
.fse-button {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 12px;
 padding: 16px 32px;
 border-radius: var(--td-border-radius-full);
 font-weight: 700;
 font-size: 1rem;
 cursor: pointer;
 transition: transform 0.3s ease, filter 0.3s ease, box-shadow 0.3s ease;
 border: none;
 text-decoration: none;
 white-space: nowrap;
}
.fse-button:hover {
 filter: brightness(1.1);
 text-decoration: none;
 transform: translateY(-2px);
}
.fse-button-primary {
 background-color: var(--td-color-btn-primary-bg);
 color: var(--td-color-btn-primary-text);
 box-shadow: 0 0 40px rgba(200, 255, 46, 0.25);
}
.fse-button-primary:hover {
 box-shadow: 0 0 70px rgba(200, 255, 46, 0.4);
}
.fse-button-icon {
 margin-left: -4px; 
 transition: transform 0.3s ease;
}
.fse-button:hover .fse-button-icon {
 transform: translateX(4px);
}
.glass-card {
 background: rgba(255, 255, 255, 0.03);
 border: 1px solid rgba(255, 255, 255, 0.1);
 backdrop-filter: blur(10px);
 -webkit-backdrop-filter: blur(10px);
 position: relative;
 z-index: 1;
}
.fse-top-bar {
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 z-index: 60;
 background-color: var(--td-color-primary);
 color: var(--td-color-btn-primary-text);
 height: 40px;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.875rem;
 font-weight: 700;
 padding: 0;
}
.fse-top-bar .fse-group {
 display: flex;
 align-items: center;
 gap: 12px;
 height: 100%;
 max-width: none;
 padding: 0 20px;
}
.fse-top-bar .fse-paragraph {
 color: var(--td-color-btn-primary-text);
 font-weight: 700;
 font-size: 0.875rem;
 line-height: 1;
 margin: 0;
}
.fse-top-bar .fse-icon {
 color: var(--td-color-btn-primary-text);
 width: 16px;
 height: 16px;
}
.fse-top-bar .fse-dismiss-button {
 background: none;
 border: none;
 color: var(--td-color-btn-primary-text);
 position: absolute;
 right: 16px;
 top: 50%;
 transform: translateY(-50%);
 padding: 0;
 height: auto;
 width: auto;
 font-size: 16px;
 opacity: 0.8;
}
.fse-top-bar .fse-dismiss-button:hover {
 opacity: 1;
 transform: translateY(-50%) scale(1.1);
}
.fse-top-bar .fse-timer-font {
 font-family: var(--td-font-monospace);
 font-weight: 700;
 font-size: 0.875rem;
}
.fse-header {
 padding: 15px 0;
 background: var(--td-color-header-bg);
 position: sticky;
 top: 40px; 
 left: 0;
 right: 0;
 z-index: 50;
 transition: all 0.5s ease;
}
.fse-header-fixed .fse-header-content {
 background: rgba(5, 5, 5, 0.6);
 backdrop-filter: blur(10px);
 border: 1px solid rgba(255, 255, 255, 0.1);
 border-radius: var(--td-border-radius-full);
 padding: 8px 24px; 
}
.fse-header-content {
 display: flex;
 justify-content: space-between;
 align-items: center;
 max-width: 1200px;
 margin: 0 auto;
 padding: 0 20px;
}
.fse-header-left {
 display: flex;
 align-items: center;
 gap: 8px;
 flex: 0 1 auto;
}
.fse-header-right {
 display: flex;
 align-items: center;
 gap: 15px;
 flex: 0 0 auto;
 margin-left: auto;
}
.fse-logo-area {
 display: flex;
 align-items: center;
 gap: 8px;
}
.fse-logo-icon-bg {
 width: 28px;
 height: 28px;
 border-radius: var(--td-border-radius-sm);
 background-color: var(--td-color-primary);
 display: flex;
 align-items: center;
 justify-content: center;
}
.fse-logo-icon-bg .fse-icon {
 width: 14px;
 height: 14px;
 stroke-width: 3;
 color: var(--td-color-btn-primary-text);
}
.fse-site-title {
 font-size: 1rem;
 font-weight: 700;
 color: var(--td-color-header-text);
 letter-spacing: -0.02em;
}
.fse-site-subtitle {
 font-size: 0.875rem;
 color: var(--td-color-text);
 opacity: 0.7;
 margin-left: -4px;
}
.fse-header-timer {
 display: flex;
 align-items: center;
 gap: 8px;
 border-radius: var(--td-border-radius-full);
 padding: 6px 16px;
}
.fse-header-timer .fse-icon {
 color: var(--td-color-secondary);
 width: 14px;
 height: 14px;
}
.fse-header-timer .fse-timer-font {
 font-family: var(--td-font-monospace);
 font-size: 0.75rem;
 color: var(--td-color-header-text);
}
.fse-header-timer .fse-sub-timer-text {
 font-family: var(--td-font-monospace);
 font-size: 0.75rem;
 color: var(--td-color-text);
 margin: 0;
}
.fse-main-nav {
 display: flex;
}
.fse-nav-menu {
 display: flex;
 gap: 15px;
 list-style: none;
 margin: 0;
 padding: 0;
 justify-content: center;
 align-items: center;
}
.fse-nav-menu a {
 color: var(--td-color-header-text);
 font-weight: 500;
 white-space: nowrap;
}
.fse-nav-menu .fse-header-action-button {
 padding: 8px 20px;
 font-size: 0.875rem;
}
.fse-toggle-button {
 display: none;
 background: none;
 border: none;
 font-size: 24px;
 cursor: pointer;
 color: var(--td-color-header-text);
}
.fse-main-nav.mobile-open {
 display: flex !important;
 position: absolute;
 top: 100%;
 left: 0;
 right: 0;
 background: var(--td-color-header-bg);
 flex-direction: column;
 padding: 20px;
 box-shadow: 0 4px 6px rgba(0,0,0,0.1);
 z-index: 100;
 border-radius: 0 0 var(--td-border-radius-md) var(--td-border-radius-md);
}
.fse-main-nav.mobile-open .fse-nav-menu {
 flex-direction: column;
 gap: 15px;
 align-items: flex-start;
}
.fse-hero {
 text-align: center;
 padding-top: 112px; 
 padding-bottom: 64px; 
 position: relative;
 overflow: hidden;
 min-height: 85vh;
 display: flex;
 align-items: center;
 justify-content: center;
}
.fse-hero-grid-bg {
 background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
}
.fse-hero-gradient-blur {
 position: absolute;
 top: 33%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 700px;
 height: 700px;
 background-color: rgba(200, 255, 46, 0.05);
 border-radius: 50%;
 filter: blur(160px);
 pointer-events: none;
}
.fse-hero-content {
 position: relative;
 z-index: 10;
 max-width: 900px;
 margin-left: auto;
 margin-right: auto;
 display: flex;
 flex-direction: column;
 align-items: center;
}
.fse-hero-tag {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 background-color: rgba(255, 0, 0, 0.05); 
 border: 1px solid rgba(255, 0, 0, 0.15); 
 border-radius: var(--td-border-radius-full);
 padding: 8px 16px;
 margin-bottom: 20px;
}
.fse-hero-tag .fse-icon {
 width: 14px;
 height: 14px;
 color: var(--td-color-secondary);
 flex-shrink: 0;
}
.fse-hero-tag-text {
 color: var(--td-color-secondary);
 font-family: var(--td-font-monospace);
 letter-spacing: 0.05em;
 font-size: 0.875rem;
 margin: 0;
}
.fse-hero .fse-heading {
 font-size: clamp(2.5rem, 5vw + 1rem, 5rem); 
 font-weight: 900;
 line-height: 1.05;
 letter-spacing: -0.03em;
 margin-bottom: 20px;
}
.fse-hero-subheading {
 font-size: 1.25rem;
 max-width: 600px;
 margin-bottom: 24px;
 line-height: 1.6;
}
.fse-hero-countdown {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 12px;
 margin-bottom: 32px;
}
.fse-countdown-label {
 font-family: var(--td-font-monospace);
 font-size: 0.75rem;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 color: var(--td-color-text);
 margin: 0;
}
.fse-countdown-timer {
 display: flex;
 align-items: center;
 gap: 8px;
}
.fse-timer-box {
 display: flex;
 flex-direction: column;
 align-items: center;
}
.fse-timer-value {
 width: 56px; 
 height: 56px;
 border-radius: var(--td-border-radius-md);
 background-color: #111;
 border: 1px solid rgba(200, 255, 46, 0.3); 
 display: flex;
 align-items: center;
 justify-content: center;
 box-shadow: 0 0 18px rgba(200, 255, 46, 0.12);
 font-family: var(--td-font-monospace);
 font-size: 1.5rem;
 font-weight: 900;
 color: var(--td-color-primary);
 line-height: 1;
}
.fse-timer-unit {
 margin-top: 8px;
 font-family: var(--td-font-monospace);
 font-size: 0.75rem;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 color: var(--td-color-text);
}
.fse-timer-separator {
 font-family: var(--td-font-monospace);
 font-size: 1.5rem;
 font-weight: 900;
 color: var(--td-color-primary);
 opacity: 0.7;
 margin-bottom: 20px; 
 animation: pulse 1.5s infinite;
}
@keyframes pulse {
 0% { opacity: 0.7; }
 50% { opacity: 0.3; }
 100% { opacity: 0.7; }
}
.fse-hero-actions {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 16px;
 margin-bottom: 32px;
}
.fse-button-hero {
 padding: 20px 40px; 
 font-size: 1.125rem; 
}
.fse-price-warning {
 color: rgba(255, 0, 0, 0.8); 
 font-family: var(--td-font-monospace);
 font-size: 0.75rem;
 margin: 0;
}
.fse-hero-features {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 gap: 16px;
 color: var(--td-color-text);
 font-size: 0.875rem;
}
.fse-hero-feature-item {
 display: flex;
 align-items: center;
 gap: 6px;
}
.fse-hero-feature-item .fse-icon {
 width: 14px;
 height: 14px;
 color: var(--td-color-text);
}
.fse-hero-image-container {
 position: relative;
 margin-top: 64px; 
 max-width: 700px;
 margin-left: auto;
 margin-right: auto;
}
.fse-hero-image-blur {
 position: absolute;
 inset: 0;
 background-color: rgba(200, 255, 46, 0.1);
 border-radius: var(--td-border-radius-lg);
 filter: blur(80px);
}
.fse-hero-image {
 position: relative;
 width: 100%;
 border-radius: var(--td-border-radius-lg);
 border: 1px solid rgba(255, 255, 255, 0.1);
}
.fse-hero-floating-tags {
 display: none; 
}
.fse-floating-tag {
 position: absolute;
 padding: 10px 16px;
 font-size: 0.75rem;
 font-family: var(--td-font-monospace);
 color: var(--td-color-header-text);
 border-radius: var(--td-border-radius-md);
 white-space: nowrap;
 animation: floatAnim 3s infinite ease-in-out alternate;
}
.fse-floating-tag-1 {
 top: 40%;
 left: 8%;
}
.fse-floating-tag-2 {
 top: 32.5%;
 right: 8%;
}
.fse-floating-tag-3 {
 top: 65%;
 left: 15%;
}
.fse-floating-tag-4 {
 top: 57.5%;
 right: 4%;
}
.fse-floating-tag-5 {
 top: 75%;
 left: 50%;
 transform: translateX(-50%);
}
@keyframes floatAnim {
 0% { transform: translateY(0); }
 100% { transform: translateY(-8px); }
}
.fse-divider {
 border-top: 1px solid rgba(255, 255, 255, 0.05);
 padding: 0;
 height: 0;
}
.fse-comparison .fse-section-header {
 text-align: center;
 margin-bottom: 64px;
}
.fse-comparison .fse-heading {
 font-size: clamp(2rem, 4vw + 1rem, 3rem); 
}
.fse-comparison-grid {
 display: grid;
 grid-template-columns: 1fr;
 gap: 20px;
 max-width: 800px;
 margin-left: auto;
 margin-right: auto;
}
.fse-comparison-card {
 border-radius: var(--td-border-radius-md);
 padding: 28px 36px;
 height: 100%;
 overflow: hidden;
 display: flex;
 flex-direction: column;
}
.fse-comparison-card-negative {
 border-color: rgba(255, 0, 0, 0.1); 
}
.fse-comparison-card-positive {
 border-color: rgba(200, 255, 46, 0.2); 
 transition: border-color 0.3s ease;
}
.fse-comparison-card-positive:hover {
 border-color: rgba(200, 255, 46, 0.4); 
}
.fse-comparison-card-gradient {
 position: absolute;
 inset: 0;
 pointer-events: none;
 background: linear-gradient(to bottom right, transparent, transparent);
}
.fse-comparison-card-gradient-negative {
 background: linear-gradient(to bottom right, rgba(255, 0, 0, 0.05), transparent);
}
.fse-comparison-card-gradient-positive {
 background: linear-gradient(to bottom right, rgba(200, 255, 46, 0.05), transparent);
}
.fse-comparison-label {
 font-family: var(--td-font-monospace);
 font-size: 0.75rem;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 margin-bottom: 24px;
 display: inline-flex;
 align-items: center;
 gap: 8px;
 color: var(--td-color-text);
}
.fse-comparison-card-positive .fse-comparison-label {
 color: var(--td-color-primary);
}
.fse-label-dot {
 width: 8px;
 height: 8px;
 border-radius: 50%;
 background-color: var(--td-color-primary);
}
.fse-comparison-list {
 display: flex;
 flex-direction: column;
 gap: 16px;
}
.fse-comparison-item {
 display: flex;
 align-items: flex-start;
 gap: 12px;
}
.fse-icon-circle {
 width: 24px;
 height: 24px;
 border-radius: var(--td-border-radius-full);
 display: flex;
 align-items: center;
 justify-content: center;
 flex-shrink: 0;
 margin-top: 2px;
}
.fse-icon-circle-negative {
 background-color: rgba(255, 0, 0, 0.1);
}
.fse-icon-circle-negative .fse-icon {
 color: var(--td-color-secondary);
 width: 14px;
 height: 14px;
}
.fse-icon-circle-positive {
 background-color: rgba(200, 255, 46, 0.1);
}
.fse-icon-circle-positive .fse-icon {
 color: var(--td-color-primary);
 width: 14px;
 height: 14px;
}
.fse-comparison-item .fse-paragraph {
 font-size: 1rem;
 margin: 0;
 line-height: 1.6;
}
.fse-features {
 padding-top: 96px;
 padding-bottom: 96px;
}
.fse-features-gradient-blur {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 500px;
 height: 500px;
 background-color: rgba(200, 255, 46, 0.03);
 border-radius: 50%;
 filter: blur(150px);
 pointer-events: none;
}
.fse-features-content .fse-section-header {
 text-align: center;
 margin-bottom: 64px;
}
.fse-features-content .fse-heading {
 font-size: clamp(2rem, 4vw + 1rem, 3rem);
}
.fse-features-grid {
 display: grid;
 grid-template-columns: repeat(1, 1fr);
 gap: 20px;
 max-width: 800px;
 margin-left: auto;
 margin-right: auto;
}
.fse-grid-2-col {
 grid-template-columns: repeat(1, 1fr);
}
.fse-column-span-2 {
 grid-column: span 1;
}
.fse-feature-card {
 border-radius: var(--td-border-radius-md);
 padding: 24px 32px;
 height: 100%;
 transition: border-color 0.5s ease;
}
.fse-feature-card:hover {
 border-color: rgba(200, 255, 46, 0.3);
}
.fse-icon-circle-feature {
 width: 44px;
 height: 44px;
 border-radius: var(--td-border-radius-md);
 background-color: rgba(200, 255, 46, 0.1);
 margin-bottom: 20px;
 transition: background-color 0.3s ease;
}
.fse-feature-card:hover .fse-icon-circle-feature {
 background-color: rgba(200, 255, 46, 0.2);
}
.fse-icon-circle-feature .fse-icon {
 color: var(--td-color-primary);
 width: 20px;
 height: 20px;
}
.fse-feature-card .fse-paragraph {
 font-size: 0.875rem;
 margin: 0;
}
.fse-gallery .fse-section-header {
 text-align: center;
 margin-bottom: 64px;
}
.fse-gallery .fse-heading {
 font-size: clamp(2rem, 4vw + 1rem, 3rem);
}
.fse-image-preview {
 position: relative;
 max-width: 1000px;
 margin-left: auto;
 margin-right: auto;
}
.fse-image-preview-blur {
 position: absolute;
 inset: 0;
 background-color: rgba(200, 255, 46, 0.05);
 border-radius: var(--td-border-radius-lg);
 filter: blur(60px);
}
.fse-image-border {
 position: relative;
 border-radius: var(--td-border-radius-lg);
 border: 1px solid rgba(255, 255, 255, 0.1);
}
.fse-gallery-tags {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 gap: 12px;
 margin-top: 48px;
}
.fse-gallery-tag {
 border-radius: var(--td-border-radius-full);
 padding: 10px 20px;
 font-size: 0.875rem;
 font-family: var(--td-font-monospace);
 color: var(--td-color-header-text);
}
.fse-benefits .fse-section-header {
 text-align: center;
 margin-bottom: 64px;
}
.fse-benefits .fse-heading {
 font-size: clamp(2rem, 4vw + 1rem, 3rem);
}
.fse-benefits-list {
 max-width: 700px;
 margin-left: auto;
 margin-right: auto;
 display: flex;
 flex-direction: column;
 gap: 16px;
}
.fse-benefit-card {
 border-radius: var(--td-border-radius-md);
 padding: 24px 28px;
 display: flex;
 align-items: flex-start;
 gap: 20px;
 transition: border-color 0.5s ease;
}
.fse-benefit-card:hover {
 border-color: rgba(200, 255, 46, 0.3);
}
.fse-icon-circle-benefit {
 width: 48px;
 height: 48px;
 border-radius: var(--td-border-radius-md);
 background-color: rgba(200, 255, 46, 0.1);
 flex-shrink: 0;
 transition: background-color 0.3s ease;
}
.fse-benefit-card:hover .fse-icon-circle-benefit {
 background-color: rgba(200, 255, 46, 0.2);
}
.fse-icon-circle-benefit .fse-icon {
 color: var(--td-color-primary);
 width: 20px;
 height: 20px;
}
.fse-benefit-card .fse-paragraph {
 font-size: 0.875rem;
 margin: 0;
}
.fse-bonuses .fse-section-header {
 text-align: center;
 margin-bottom: 64px;
}
.fse-bonuses .fse-heading {
 font-size: clamp(2rem, 4vw + 1rem, 3rem);
}
.fse-bonus-card {
 padding: 24px 32px;
}
.fse-pricing .fse-section-header {
 text-align: center;
 margin-bottom: 64px;
}
.fse-pricing .fse-heading {
 font-size: clamp(2rem, 4vw + 1rem, 3rem);
}
.fse-pricing-countdown {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 12px;
 margin-bottom: 32px;
}
.fse-pricing-countdown .fse-countdown-timer {
 gap: 12px;
}
.fse-pricing-card-wrapper {
 max-width: 500px;
 margin-left: auto;
 margin-right: auto;
}
.fse-pricing-card {
 border-radius: var(--td-border-radius-md);
 padding: 32px;
 background-color: rgba(255, 255, 255, 0.04);
 border: 1px solid rgba(255, 255, 255, 0.15);
}
.fse-pricing-items {
 margin-bottom: 32px;
 border-bottom: 1px solid rgba(255, 255, 255, 0.08);
 padding-bottom: 24px;
}
.fse-pricing-item {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 12px;
}
.fse-pricing-item:last-child {
 margin-bottom: 0;
}
.fse-pricing-item-name {
 font-size: 0.875rem;
 color: var(--td-color-text);
 margin: 0;
}
.fse-pricing-item-price {
 font-family: var(--td-font-monospace);
 font-size: 0.875rem;
 color: #fff;
 font-weight: 700;
 margin: 0;
}
.fse-pricing-summary {
 margin-bottom: 32px;
}
.fse-pricing-total-value {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 16px;
}
.fse-pricing-total-value .fse-paragraph {
 font-size: 1rem;
 color: var(--td-color-text);
 margin: 0;
}
.fse-pricing-your-price {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 16px;
}
.fse-pricing-your-price .fse-paragraph {
 font-size: 1.125rem;
 color: #fff;
 font-weight: 700;
 margin: 0;
}
.fse-current-price {
 font-size: clamp(2rem, 5vw, 2.5rem); 
 color: var(--td-color-primary);
 line-height: 1;
 margin: 0;
 letter-spacing: -0.02em;
}
.fse-price-save {
 font-family: var(--td-font-monospace);
 font-size: 0.875rem;
 color: var(--td-color-text);
 text-align: center;
 margin: 0;
}
.fse-pricing-button {
 width: 100%;
 margin-bottom: 20px;
}
.fse-trust-text {
 text-align: center;
 font-size: 0.875rem;
 color: var(--td-color-text);
 margin-bottom: 20px;
}
.fse-pricing-features {
 margin-top: 20px;
}
.fse-faq .fse-section-header {
 text-align: center;
 margin-bottom: 64px;
}
.fse-faq .fse-heading {
 font-size: clamp(2rem, 4vw + 1rem, 3rem);
}
.fse-faq-items {
 max-width: 800px;
 margin-left: auto;
 margin-right: auto;
 display: flex;
 flex-direction: column;
 gap: 16px;
}
.fse-faq-card {
 border-radius: var(--td-border-radius-md);
 padding: 24px 32px;
 background-color: rgba(255, 255, 255, 0.04);
 border: 1px solid rgba(255, 255, 255, 0.1);
 transition: background-color 0.3s ease, border-color 0.3s ease;
 cursor: pointer;
}
.fse-faq-card:hover {
 background-color: rgba(255, 255, 255, 0.08);
 border-color: rgba(255, 255, 255, 0.2);
}
.fse-faq-question-wrapper {
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.fse-faq-question {
 font-size: 1.125rem;
 font-weight: 600;
 color: #fff;
 margin: 0;
 line-height: 1.4;
}
.fse-faq-toggle-icon {
 color: var(--td-color-text);
 transition: transform 0.3s ease;
}
.fse-faq-card.active .fse-faq-toggle-icon {
 transform: rotate(180deg);
}
.fse-faq-answer {
 max-height: 0;
 overflow: hidden;
 transition: max-height 0.3s ease-out, padding-top 0.3s ease-out;
}
.fse-faq-card.active .fse-faq-answer {
 max-height: 200px; /* Adjust as needed */
 padding-top: 15px;
}
.fse-faq-answer .fse-paragraph {
 margin-bottom: 0;
 font-size: 0.95rem;
}
.fse-callout {
 padding-top: 40px;
 padding-bottom: 40px;
}
.fse-callout-content {
 display: grid;
 grid-template-columns: 1fr;
 gap: 20px;
 max-width: 800px;
}
.fse-callout-item {
 display: flex;
 align-items: center;
 gap: 16px;
 background-color: rgba(255, 255, 255, 0.04);
 border: 1px solid rgba(255, 255, 255, 0.1);
 border-radius: var(--td-border-radius-md);
 padding: 24px;
}
.fse-callout-item-accent {
 background-color: rgba(200, 255, 46, 0.05);
 border-color: rgba(200, 255, 46, 0.2);
}
.fse-callout-icon {
 font-size: 1.5rem;
 flex-shrink: 0;
 color: #fff;
}
.fse-callout-item-accent .fse-callout-icon {
 color: var(--td-color-primary);
}
.fse-callout-item .fse-paragraph {
 margin: 0;
 font-size: 1rem;
 color: var(--td-color-text);
}
.fse-callout-item-accent .fse-paragraph {
 color: #fff;
}
.fse-final-cta .fse-section-header {
 text-align: center;
 margin-bottom: 64px;
}
.fse-final-cta .fse-heading {
 font-size: clamp(2rem, 4vw + 1rem, 3rem);
}
.fse-final-cta-countdown {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 12px;
 margin-bottom: 32px;
}
.fse-final-cta-countdown .fse-countdown-timer {
 gap: 12px;
}
.fse-final-cta-actions {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 16px;
 max-width: 400px;
 margin-left: auto;
 margin-right: auto;
}
.fse-footer {
 background: var(--td-color-footer-bg);
 padding: 60px 0 20px;
 color: var(--td-color-footer-text);
}
.fse-footer-content {
 max-width: 1200px;
 margin: 0 auto;
 padding: 0 20px;
}
.fse-footer-columns {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
 gap: 40px;
 margin-bottom: 40px;
}
.fse-footer-columns .fse-column {
 text-align: left;
}
.fse-footer-logo-area {
 margin-bottom: 15px;
 justify-content: flex-start;
}
.fse-footer-logo-icon-bg {
 width: 28px;
 height: 28px;
}
.fse-footer-logo-icon-bg .fse-icon {
 width: 14px;
 height: 14px;
}
.fse-footer-about .fse-site-title {
 color: #fff;
}
.fse-footer-about .fse-site-subtitle {
 color: var(--td-color-footer-text);
}
.fse-footer-description {
 font-size: 0.875rem;
 margin-top: 15px;
 margin-bottom: 0;
 color: var(--td-color-footer-text);
}
.fse-footer-bottom {
 border-top: 1px solid rgba(255,255,255,0.15);
 padding-top: 20px;
 text-align: center;
}
.fse-copyright {
 font-size: 14px;
 text-align: center;
 color: var(--td-color-footer-text);
}
.fse-hide-on-mobile {
 display: none;
}
.fse-hide-on-mobile-flex {
 display: none;
}
.animate-float {
 animation: floatAnim 3s infinite ease-in-out alternate;
}
@keyframes floatAnim {
 0% { transform: translateY(0); }
 100% { transform: translateY(-8px); }
}
@media (min-width: 576px) {
 .fse-hero-tag-text {
 font-size: 0.875rem;
 }
 .fse-timer-value {
 width: 64px;
 height: 64px;
 font-size: 1.875rem;
 }
 .fse-timer-unit {
 font-size: 0.75rem;
 }
 .fse-timer-separator {
 font-size: 1.875rem;
 }
 .fse-hero-subheading {
 font-size: 1.25rem;
 }
 .fse-hero-floating-tags {
 display: block;
 }
 .fse-gallery-tags {
 gap: 16px;
 }
 .fse-gallery-tag {
 font-size: 0.875rem;
 }
 .fse-pricing-total-value .fse-paragraph,
 .fse-pricing-your-price .fse-paragraph {
 font-size: 1.125rem;
 }
 .fse-current-price {
 font-size: 2.5rem;
 }
 .fse-hide-on-mobile {
 display: inline;
 }
 .fse-hide-on-mobile-flex {
 display: flex;
 }
}
@media (min-width: 768px) {
 .fse-header {
 top: 40px;
 }
 .fse-toggle-button {
 display: none;
 }
 .fse-main-nav {
 display: flex;
 }
 .fse-header-actions {
 display: flex;
 }
 .fse-comparison-grid {
 grid-template-columns: repeat(2, 1fr);
 }
 .fse-features-grid {
 grid-template-columns: repeat(2, 1fr);
 }
 .fse-column-span-2 {
 grid-column: span 2;
 }
 .fse-callout-content {
 grid-template-columns: repeat(3, 1fr);
 }
}
@media (min-width: 992px) {
 .fse-features-grid {
 grid-template-columns: repeat(2, 1fr);
 }
 .fse-column-span-2 {
 grid-column: span 2;
 }
}
@media (max-width: 768px) {
 .fse-toggle-button {
 display: block;
 order: 3;
 margin-left: auto;
 }
 .fse-main-nav {
 display: none; 
 }
 .fse-header-actions {
 display: none;
 }
 .fse-header-content {
 flex-wrap: wrap;
 }
 .fse-header-timer {
 display: none;
 }
 .fse-hero {
 padding-top: 120px; 
 padding-bottom: 60px;
 }
 .fse-hero .fse-heading {
 font-size: clamp(2.5rem, 10vw, 3.5rem);
 }
 .fse-hero-subheading {
 font-size: 1rem;
 }
 .fse-countdown-timer {
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: center;
 }
 .fse-countdown-timer .fse-timer-separator {
 margin-bottom: 25px; 
 }
 .fse-hero-buttons {
 flex-direction: column;
 align-items: center;
 }
 .fse-hero-buttons .fse-button {
 width: 100%;
 max-width: 280px;
 text-align: center;
 }
 .fse-hide-on-mobile {
 display: none;
 }
 .fse-site-subtitle {
 display: none;
 }
 .fse-comparison-grid, .fse-features-grid, .fse-benefits-list, .fse-callout-content {
 grid-template-columns: 1fr;
 }
 .fse-column-span-2 {
 grid-column: span 1;
 }
 .fse-footer-columns {
 grid-template-columns: 1fr;
 gap: 30px;
 }
 .fse-footer-columns .fse-column {
 text-align: center;
 }
 .fse-footer-logo-area {
 justify-content: center;
 }
}
@media (max-width: 480px) {
 .fse-hero-buttons .fse-button {
 width: 100%;
 max-width: 280px;
 text-align: center;
 }
 .fse-hero-features {
 flex-direction: column;
 }
}
@keyframes fadeSlideUp {
 from { opacity: 0; transform: translateY(30px); }
 to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeSlideLeft {
 from { opacity: 0; transform: translateX(-30px); }
 to { opacity: 1; transform: translateX(0); }
}
@keyframes fadeSlideRight {
 from { opacity: 0; transform: translateX(30px); }
 to { opacity: 1; transform: translateX(0); }
}
@keyframes scaleIn {
 from { opacity: 0; transform: scale(0.95); }
 to { opacity: 1; transform: scale(1); }
}
.animate-on-scroll { opacity: 0; }
.animate-slide-left { opacity: 0; }
.animate-slide-right { opacity: 0; }
.animate-scale { opacity: 0; }
.animate-on-scroll.visible { animation: fadeSlideUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.animate-slide-left.visible { animation: fadeSlideLeft 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.animate-slide-right.visible { animation: fadeSlideRight 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.animate-scale.visible { animation: scaleIn 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.fse-button { transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.2s ease; }
.fse-button:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.15); filter: brightness(1.1); text-decoration: none !important; }
.fse-button:hover * { text-decoration: none !important; color: inherit !important; }



/* ===== Per-Page Scoped Styles (PressMeGPT) ===== */


/* ===== PressMeGPT: Blog/Archive Layout Enforcement (must win over master CSS) ===== */
body.single .content-area,
body.blog .content-area,
body.archive .content-area,
body.search .content-area,
body.error404 .content-area {
max-width: 1200px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 2rem !important;
padding-right: 2rem !important;
box-sizing: border-box;
}

@media (max-width: 768px) {
body.single .content-area,
body.blog .content-area,
body.archive .content-area,
body.search .content-area,
body.error404 .content-area {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
}

body.single .content-area.has-sidebar,
body.blog .content-area.has-sidebar,
body.archive .content-area.has-sidebar,
body.search .content-area.has-sidebar {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 300px !important;
gap: 3rem !important;
align-items: start;
}

@media (max-width: 900px) {
body.single .content-area.has-sidebar,
body.blog .content-area.has-sidebar,
body.archive .content-area.has-sidebar,
body.search .content-area.has-sidebar {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
}
}

body.single .primary-content,
body.single .primary-content > article,
body.single .entry-content,
body.single .entry-footer,
body.single .post-navigation,
body.single .comments-area,
body.blog .primary-content,
body.archive .primary-content {
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box;
}