:root { --ap-primary: #16a085;
--ap-secondary: #27ae60; --ap-text: #2c3e50;
--ap-text-light: #5a6268;  --ap-bg: #ffffff;
--ap-bg-light: #f8f9fa; --ap-border: #e0e0e0; --ap-header-bg: #1a2d45;
--ap-header-text: #ffffff; --ap-footer-bg: #2c3e50; --ap-footer-text: #ecf0f1;  --ap-widget-recent-primary: #16a085;
--ap-widget-recent-secondary: #27ae60;
--ap-widget-recent-bg: #ffffff;
--ap-widget-recent-bg-hover: #f8f9fa; --ap-spacing-xs: 4px;
--ap-spacing-sm: 8px;
--ap-spacing-md: 16px;
--ap-spacing-lg: 24px;
--ap-spacing-xl: 32px;
--ap-spacing-xxl: 48px; --ap-transition: 0.3s ease; --ap-radius: 4px;
--ap-radius-lg: 8px;
} * {
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 16px;
line-height: 1.6;
color: var(--ap-text);
background: var(--ap-bg);
overflow-x: hidden;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
clip: auto !important;
display: block;
height: auto;
left: 5px;
top: 5px;
width: auto;
z-index: 100000;
} @media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
.site-header,
.site-footer,
.site-sidebar,
nav,
.menu-toggle,
.back-to-top {
display: none !important;
}
}:root { --ap-container-max: 1200px; --ap-container-padding: clamp(16px, 2vw, 20px);
}
.site-container {
max-width: var(--ap-container-max);
margin: 0 auto;
padding: 0 var(--ap-container-padding);
width: 100%;
box-sizing: border-box;
}
.header-container {
width: 100%;
} body {
overflow-x: hidden;
}
#page {
width: 100%;
overflow-x: hidden;
} .site-header {
background: var(--ap-header-bg);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
} .site-header .site-title a,
.site-header .site-description,
.site-header .menu-toggle,
.site-header .menu-toggle-text,
.site-header .search-toggle {
color: #ffffff !important;
}
.site-header .menu-toggle-icon span {
background: #ffffff !important;
} @media (min-width: 768px) {
.site-header .primary-menu a,
.site-header .primary-menu .menu-link {
color: #ffffff !important;
}
.site-header .primary-menu a:hover,
.site-header .primary-menu .current-menu-item a,
.site-header .primary-menu .menu-link:hover,
.site-header .primary-menu .current-menu-item .menu-link {
color: var(--ap-primary) !important;
} .menu-toggle {
display: none !important;
}
.menu-close {
display: none !important;
}
.main-navigation {
position: static !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
width: auto !important;
height: auto !important;
background: transparent !important;
padding: 0 !important;
order: unset !important;
}
.header-inner {
flex-wrap: nowrap !important;
padding: var(--ap-spacing-md) 0 !important;
} .ap-blocks-section .ap-blocks-grid,
.site-container .ap-blocks-section .ap-blocks-grid {
grid-template-columns: repeat(3, 1fr) !important;
grid-template-rows: repeat(2, auto) !important; display: grid !important;
} .ap-blocks-grid .ap-block-column:nth-child(1) {
grid-column: 1 !important;
grid-row: 1 !important;
}
.ap-blocks-grid .ap-block-column:nth-child(2) {
grid-column: 2 !important;
grid-row: 1 !important;
}
.ap-blocks-grid .ap-block-column:nth-child(3) {
grid-column: 3 !important;
grid-row: 1 !important;
}
.ap-blocks-grid .ap-block-column:nth-child(4) {
grid-column: 1 !important;
grid-row: 2 !important;
}
.ap-blocks-grid .ap-block-column:nth-child(5) {
grid-column: 2 !important;
grid-row: 2 !important;
}
.ap-blocks-grid .ap-block-column:nth-child(6) {
grid-column: 3 !important;
grid-row: 2 !important;
} .menu-item-wrapper {
display: block;
}
.submenu-toggle {
display: none !important;
} .primary-menu .menu-link {
display: block;
padding: 8px 0;
color: var(--ap-text);
font-weight: 500;
text-decoration: none;
transition: color var(--ap-transition);
transform: none !important;
}
.primary-menu .menu-link:hover,
.primary-menu .current-menu-item .menu-link {
color: var(--ap-primary);
} .primary-menu .menu-item-has-children > .menu-item-wrapper > .menu-link::after {
content: '▼';
font-size: 10px;
margin-left: 6px;
transition: transform var(--ap-transition);
display: inline;
}
.primary-menu .menu-item-has-children:hover > .menu-item-wrapper > .menu-link::after {
transform: rotate(180deg);
} .primary-menu .sub-menu {
display: none !important;
position: absolute !important;
top: 100% !important;
left: 0 !important;
min-width: 220px !important;
background: var(--ap-header-bg) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
border-radius: 4px !important;
padding: var(--ap-spacing-sm) 0 !important;
margin: 0 !important;
list-style: none !important;
z-index: 1000 !important;
border-left: none !important;
padding-left: 0 !important;
animation: none !important;
max-height: none !important;
transform: none !important;
opacity: 1 !important;
}
.primary-menu li:hover > .sub-menu {
display: block !important;
}
.primary-menu .sub-menu a {
display: block !important;
padding: var(--ap-spacing-sm) var(--ap-spacing-md) !important;
color: #ffffff !important;
font-size: 15px !important;
font-weight: 400 !important;
white-space: nowrap !important;
transition: all var(--ap-transition) !important;
}
.primary-menu .sub-menu a:hover {
background: rgba(255, 255, 255, 0.1) !important;
color: var(--ap-primary) !important;
padding-left: calc(var(--ap-spacing-md) + 8px) !important;
}
}
.header-inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: var(--ap-spacing-md) 0;
} .site-branding {
flex-shrink: 0;
}
.custom-logo-link {
display: block;
line-height: 1;
}
.custom-logo {
max-height: 60px;
width: auto;
}
.site-identity .site-title {
margin: 0;
font-size: 24px;
font-weight: 700;
line-height: 1.2;
}
.site-identity .site-title a {
color: var(--ap-text);
}
.site-description {
margin: 4px 0 0;
font-size: 14px;
color: var(--ap-text-light);
} .main-navigation {
flex: 1;
display: flex;
justify-content: center;
}
.primary-menu-container {
display: flex;
}
.primary-menu {
display: flex;
list-style: none;
margin: 0;
padding: 0;
gap: var(--ap-spacing-lg);
}
.primary-menu li {
margin: 0;
}
.primary-menu a,
.primary-menu .menu-link {
display: block;
padding: 8px 0;
color: var(--ap-text);
font-weight: 500;
text-decoration: none;
transition: color var(--ap-transition);
}
.primary-menu a:hover,
.primary-menu .current-menu-item a,
.primary-menu .menu-link:hover,
.primary-menu .current-menu-item .menu-link {
color: var(--ap-primary);
}  .primary-menu li {
position: relative;
} .primary-menu .sub-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
min-width: 220px;
background: var(--ap-header-bg);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
border-radius: 4px;
padding: var(--ap-spacing-sm) 0;
margin: 0;
list-style: none;
z-index: 1000;
} .primary-menu li:hover > .sub-menu {
display: block;
} @media (min-width: 768px) {
.primary-menu li:hover > .sub-menu {
display: block;
}
} .primary-menu .sub-menu a {
display: block;
padding: var(--ap-spacing-sm) var(--ap-spacing-md);
color: #ffffff;
font-size: 15px;
font-weight: 400;
white-space: nowrap;
transition: all var(--ap-transition);
}
.primary-menu .sub-menu a:hover {
background: rgba(255, 255, 255, 0.1);
color: var(--ap-primary);
padding-left: calc(var(--ap-spacing-md) + 8px);
} .primary-menu .sub-menu .current-menu-item a {
background: rgba(255, 255, 255, 0.1);
color: var(--ap-primary);
} .primary-menu .menu-item-has-children > a::after {
content: '▼';
font-size: 10px;
margin-left: 6px;
transition: transform var(--ap-transition);
}
.primary-menu .menu-item-has-children:hover > a::after {
transform: rotate(180deg);
} .primary-menu .sub-menu .sub-menu {
top: 0;
left: 100%;
margin-left: 2px;
} .menu-toggle {
display: none;
flex-direction: column;
align-items: center;
gap: 4px;
background: none;
border: none;
padding: 8px;
cursor: pointer;
}
.menu-toggle-icon {
display: flex;
flex-direction: column;
gap: 4px;
}
.menu-toggle-icon span {
display: block;
width: 24px;
height: 2px;
background: var(--ap-text);
transition: transform var(--ap-transition);
}
.menu-toggle[aria-expanded="true"] .menu-toggle-icon span:nth-child(1) {
transform: rotate(45deg) translate(6px, 6px);
}
.menu-toggle[aria-expanded="true"] .menu-toggle-icon span:nth-child(2) {
opacity: 0;
}
.menu-toggle[aria-expanded="true"] .menu-toggle-icon span:nth-child(3) {
transform: rotate(-45deg) translate(6px, -6px);
} .header-actions {
display: flex;
gap: var(--ap-spacing-sm);
}
.search-toggle {
background: none;
border: none;
padding: 8px;
cursor: pointer;
color: var(--ap-text);
transition: color var(--ap-transition);
}
.search-toggle:hover {
color: var(--ap-primary);
} .header-search {
display: none;
padding: var(--ap-spacing-lg) 0;
background: var(--ap-bg-light);
}
.header-search.active {
display: block;
} .ap-hero {
padding: var(--ap-spacing-xl) 0;
background: var(--ap-bg);
}
.ap-hero-grid {
display: grid;
gap: var(--ap-spacing-md);
} .ap-hero-3 .ap-hero-grid {
grid-template-columns: 2fr 1fr;
grid-template-rows: 1fr 1fr;
}
.ap-hero-3 .ap-hero-main {
grid-column: 1;
grid-row: 1 / 3;
}
.ap-hero-3 .ap-hero-small:nth-child(2) {
grid-column: 2;
grid-row: 1;
}
.ap-hero-3 .ap-hero-small:nth-child(3) {
grid-column: 2;
grid-row: 2;
} .ap-hero-4 .ap-hero-grid {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto auto;
}
.ap-hero-4 .ap-hero-main:nth-child(1) {
grid-column: 1;
grid-row: 1;
}
.ap-hero-4 .ap-hero-main:nth-child(2) {
grid-column: 2;
grid-row: 1;
}
.ap-hero-4 .ap-hero-small:nth-child(3) {
grid-column: 1;
grid-row: 2;
}
.ap-hero-4 .ap-hero-small:nth-child(4) {
grid-column: 2;
grid-row: 2;
} .ap-hero-card {
position: relative;
border-radius: var(--ap-radius);
overflow: hidden;
background: var(--ap-bg);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transition: transform var(--ap-transition), box-shadow var(--ap-transition);
}
.ap-hero-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
.ap-hero-link {
display: block;
color: inherit;
text-decoration: none;
}
.ap-hero-image {
position: relative;
width: 100%;
aspect-ratio: 16/9;
overflow: hidden;
background: #f0f0f0;
}
.ap-hero-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ap-hero-overlay {
position: absolute;
top: var(--ap-spacing-sm);
left: var(--ap-spacing-sm);
z-index: 2;
}
.ap-category-badge {
display: inline-block;
padding: 4px 12px;
background: var(--ap-primary);
color: white;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
border-radius: var(--ap-radius-sm);
position: absolute;
top: var(--ap-spacing-sm);
left: var(--ap-spacing-sm);
z-index: 3;
} @media (min-width: 768px) {
.ap-category-badge {
font-size: 13px;
padding: 5px 14px;
}
} @media (max-width: 767px) {
.ap-category-badge {
font-size: 11px;
padding: 3px 10px;
top: 6px;
left: 6px;
}
}
.ap-hero-content {
padding: var(--ap-spacing-md);
}
.ap-hero-main .ap-hero-content {
padding: var(--ap-spacing-lg);
}
.ap-hero-title {
margin: 0 0 var(--ap-spacing-sm);
font-size: 18px;
font-weight: 600;
line-height: 1.4;
}
.ap-hero-main .ap-hero-title {
font-size: clamp(20px, 3vw, 28px);
font-weight: 700;
}
.ap-hero-excerpt {
margin: var(--ap-spacing-sm) 0;
font-size: 16px;
line-height: 1.6;
color: var(--ap-text-light);
}
.ap-hero-meta {
font-size: 14px;
color: var(--ap-text-light);
} .ap-featured-list {
padding: var(--ap-spacing-xl) 0;
background: var(--ap-bg-light);
}
.ap-section-title {
margin: 0 0 var(--ap-spacing-xl);
padding-bottom: var(--ap-spacing-sm);
border-bottom: 3px solid var(--ap-primary);
font-size: clamp(24px, 4vw, 32px);
} .ap-featured-layout {
display: grid;
grid-template-columns: 1fr 350px;
gap: var(--ap-spacing-xl);
}
.ap-featured-main {
min-width: 0; }
.ap-featured-sidebar {
position: static;
align-self: start;
}
.ap-featured-category-block {
margin-bottom: var(--ap-spacing-xl);
}
.ap-featured-category-block:last-child {
margin-bottom: 0;
}
.ap-featured-category-title {
margin: 0 0 var(--ap-spacing-lg);
font-size: clamp(20px, 3vw, 26px);
font-weight: 600;
}
.ap-featured-category-title a {
color: var(--ap-text);
text-decoration: none;
transition: color var(--ap-transition);
}
.ap-featured-category-title a:hover {
color: var(--ap-primary);
}
.ap-featured-articles {
display: flex;
flex-direction: column;
gap: var(--ap-spacing-lg);
}
.ap-featured-item {
background: var(--ap-bg);
border-radius: var(--ap-radius);
overflow: hidden;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
transition: box-shadow var(--ap-transition), transform var(--ap-transition);
}
.ap-featured-item:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
transform: translateX(4px);
}
.ap-featured-link {
display: flex;
gap: var(--ap-spacing-md);
padding: var(--ap-spacing-md);
color: inherit;
text-decoration: none;
align-items: center;
}
.ap-featured-image {
position: relative !important;
flex-shrink: 0;
width: 150px;
height: 100px;
overflow: hidden;
border-radius: var(--ap-radius);
background: #f0f0f0;
}
.ap-featured-number {
position: absolute !important;
top: var(--ap-spacing-sm) !important;
left: var(--ap-spacing-sm) !important;
z-index: 2;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
background: var(--ap-primary);
color: white;
font-size: 14px;
font-weight: 700;
border-radius: 50%;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
} @media (min-width: 768px) {
.ap-featured-number {
width: 36px;
height: 36px;
font-size: 15px;
}
}
.ap-featured-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ap-featured-content {
flex: 1;
min-width: 0; }
.ap-featured-title {
margin: 0 0 var(--ap-spacing-xs);
font-size: 18px;
font-weight: 600;
line-height: 1.4;
color: var(--ap-text);
}
.ap-featured-meta {
display: flex;
align-items: center;
gap: var(--ap-spacing-sm);
margin-bottom: var(--ap-spacing-sm);
font-size: 13px;
color: var(--ap-text-light);
}
.ap-featured-excerpt {
font-size: 14px;
line-height: 1.6;
color: var(--ap-text-light);
} .ap-featured-sidebar .widget {
margin-bottom: var(--ap-spacing-lg);
padding: var(--ap-spacing-md);
background: var(--ap-bg);
border-radius: var(--ap-radius);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
}
.ap-featured-sidebar .widget:last-child {
margin-bottom: 0;
}
.ap-featured-sidebar .widget-title {
margin: 0 0 var(--ap-spacing-md);
font-size: 18px;
font-weight: 600;
padding-bottom: var(--ap-spacing-xs);
border-bottom: 2px solid var(--ap-primary);
}
.ap-ad-placeholder {
min-height: 250px;
display: flex;
align-items: center;
justify-content: center;
background: #f5f5f5;
border: 2px dashed #ddd;
border-radius: var(--ap-radius);
text-align: center;
color: var(--ap-text-light);
} @media (max-width: 1024px) {
.ap-featured-layout {
grid-template-columns: 1fr 280px;
}
.ap-featured-number {
width: 30px;
height: 30px;
font-size: 13px;
}
.ap-featured-image {
width: 120px;
height: 80px;
}
.ap-featured-title {
font-size: 16px;
}
} @media (max-width: 767px) {
.ap-featured-layout {
grid-template-columns: 1fr;
width: 100% !important;
max-width: 100% !important;
}
.ap-featured-sidebar {
position: static;
max-height: none;
order: 2;
width: 100% !important;
max-width: 100% !important;
}
.ap-featured-main {
width: 100% !important;
max-width: 100% !important;
}
.ap-featured-link {
flex-direction: column;
align-items: flex-start;
}
.ap-featured-number {
width: 28px !important;
height: 28px !important;
font-size: 12px !important;
top: 8px !important;
left: 8px !important;
}
.ap-featured-image {
width: 100%;
height: 200px;
}
} .ap-blocks-section {
padding: var(--ap-spacing-xl) 0;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box;
}
.ap-block-title {
margin: 0 0 var(--ap-spacing-lg);
padding-bottom: var(--ap-spacing-sm);
border-bottom: 3px solid var(--ap-primary);
} .ap-blocks-section .ap-blocks-grid,
.site-container .ap-blocks-section .ap-blocks-grid,
.homepage-content .ap-blocks-section .ap-blocks-grid,
.content-area .ap-blocks-section .ap-blocks-grid {
display: grid;
gap: var(--ap-spacing-xl);
width: 100%;
max-width: 100%;
box-sizing: border-box;
} .ap-blocks-section .ap-block-column,
.site-container .ap-blocks-section .ap-block-column {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
box-sizing: border-box !important;
} @media (min-width: 768px) {
.ap-blocks-section .ap-blocks-grid,
.site-container .ap-blocks-section .ap-blocks-grid,
.homepage-content .ap-blocks-section .ap-blocks-grid,
.content-area .ap-blocks-section .ap-blocks-grid {
grid-template-columns: repeat(3, 1fr) !important; grid-template-rows: repeat(2, auto) !important; grid-auto-rows: auto !important;
} .ap-blocks-grid .ap-block-column:nth-child(1) {
grid-column: 1 !important;
grid-row: 1 !important;
}
.ap-blocks-grid .ap-block-column:nth-child(2) {
grid-column: 2 !important;
grid-row: 1 !important;
}
.ap-blocks-grid .ap-block-column:nth-child(3) {
grid-column: 3 !important;
grid-row: 1 !important;
}
.ap-blocks-grid .ap-block-column:nth-child(4) {
grid-column: 1 !important;
grid-row: 2 !important;
}
.ap-blocks-grid .ap-block-column:nth-child(5) {
grid-column: 2 !important;
grid-row: 2 !important;
}
.ap-blocks-grid .ap-block-column:nth-child(6) {
grid-column: 3 !important;
grid-row: 2 !important;
}
}
.ap-block-cat-title {
margin: 0 0 var(--ap-spacing-md);
font-size: 20px;
font-weight: 600;
}
.ap-block-cat-title a {
color: var(--ap-text);
text-decoration: none;
transition: color var(--ap-transition);
}
.ap-block-cat-title a:hover {
color: var(--ap-primary);
}
.ap-block-posts {
display: flex;
flex-direction: column;
gap: var(--ap-spacing-md);
}
.ap-block-item {
background: var(--ap-bg);
border-radius: var(--ap-radius);
overflow: hidden;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
transition: box-shadow var(--ap-transition);
}
.ap-block-item:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.ap-block-link {
display: flex;
gap: var(--ap-spacing-sm);
color: inherit;
text-decoration: none;
}
.ap-block-image {
flex-shrink: 0;
width: 100px;
height: 100px; overflow: hidden;
background: #f0f0f0;
border-radius: var(--ap-radius-sm);
}
.ap-block-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.ap-block-content {
flex: 1;
padding: var(--ap-spacing-sm);
display: flex;
flex-direction: column;
justify-content: center;
}
.ap-block-post-title {
margin: 0 0 var(--ap-spacing-xs);
font-size: 16px;
font-weight: 600;
line-height: 1.4;
}
.ap-block-meta {
font-size: 13px;
color: var(--ap-text-light);
} .ap-promo-section {
padding: var(--ap-spacing-xl) 0;
background: var(--ap-bg-light);
}
.ap-promo-section .ap-block-title {
color: var(--ap-secondary);
border-bottom-color: var(--ap-secondary);
}   .page-header {
margin-bottom: var(--ap-spacing-xxl);
padding: var(--ap-spacing-xl) var(--ap-spacing-lg);
border-bottom: 2px solid var(--ap-border);
background: linear-gradient(135deg, var(--ap-bg-light) 0%, var(--ap-bg) 100%);
border-radius: 8px;
}
.page-title {
margin: 0 0 var(--ap-spacing-md);
font-size: clamp(28px, 4vw, 38px);
font-weight: 700;
color: var(--ap-text);
line-height: 1.2;
}
.archive-description {
margin: 0;
font-size: 16px;
line-height: 1.6;
color: var(--ap-text);
}
.archive-description p {
margin: 0 0 var(--ap-spacing-sm);
}
.archive-description p:last-child {
margin-bottom: 0;
}
.posts-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: var(--ap-spacing-lg);
}
.post-grid-card {
background: var(--ap-bg);
border-radius: var(--ap-radius);
overflow: hidden;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
transition: transform var(--ap-transition), box-shadow var(--ap-transition);
}
.post-grid-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
}
.post-grid-link {
display: block;
color: inherit;
text-decoration: none;
}
.post-grid-image {
position: relative;
width: 100%;
aspect-ratio: 16/9;
overflow: hidden;
background: #f0f0f0;
}
.post-grid-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.post-grid-category {
position: absolute;
top: var(--ap-spacing-sm);
left: var(--ap-spacing-sm);
padding: 4px 12px;
background: var(--ap-primary);
color: white;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
border-radius: var(--ap-radius-sm);
}
.post-grid-content {
padding: var(--ap-spacing-md);
}
.post-grid-title {
margin: 0 0 var(--ap-spacing-sm);
font-size: 18px;
font-weight: 600;
line-height: 1.4;
}
.post-grid-meta {
margin-bottom: var(--ap-spacing-sm);
font-size: 14px;
color: var(--ap-text-light);
}
.post-grid-excerpt {
font-size: 15px;
line-height: 1.6;
color: var(--ap-text-light);
} .content-area {
padding-top: calc(var(--ap-spacing-xl) * 0.55);
}
.single-post-area {
padding-top: calc(var(--ap-spacing-xl) * 0.55);
}
.site-main { padding-top: 0;
} @media (min-width: 768px) {
.content-area {
padding-top: calc(var(--ap-spacing-xxl) * 0.55);
}
.single-post-area {
padding-top: calc(var(--ap-spacing-xxl) * 0.55);
}
.site-main {
padding-top: 0;
}
} .single-article {
max-width: 800px;
margin: 0 auto;
}
.entry-header {
margin-bottom: var(--ap-spacing-lg);
}
.entry-categories {
margin-bottom: var(--ap-spacing-sm);
display: flex;
gap: var(--ap-spacing-xs);
}
.category-badge {
padding: 4px 12px;
background: var(--ap-primary);
color: white;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
border-radius: var(--ap-radius-sm);
text-decoration: none;
}
.entry-title {
margin: 0 0 var(--ap-spacing-md);
font-size: clamp(28px, 5vw, 36px);
line-height: 1.3;
}
.entry-meta {
display: flex;
flex-wrap: wrap;
gap: var(--ap-spacing-md);
font-size: 14px;
color: var(--ap-text); }
.meta-item {
display: flex;
align-items: center;
gap: var(--ap-spacing-xs);
font-size: 14px; line-height: 1.4;
}
.meta-author img {
border-radius: 50%;
} .entry-meta .author-name {
font-size: inherit; margin: 0;
font-weight: 400; }
.entry-meta .author-name a {
color: var(--ap-text);
font-weight: 500;
transition: color 0.2s ease;
}
.entry-meta .author-name a:hover {
color: var(--ap-primary);
}
.entry-featured-image {
margin-bottom: var(--ap-spacing-xl);
}
.entry-featured-image img {
width: 100%;
height: auto;
border-radius: var(--ap-radius);
}
.image-caption {
margin-top: var(--ap-spacing-sm);
font-size: 14px;
color: var(--ap-text-light);
font-style: italic;
} .entry-content {
font-size: 18px;
line-height: 1.7;
color: var(--ap-text);
}
.entry-content,
.page-content {
overflow-wrap: anywhere; word-break: break-word;
}
.entry-content :where(img, video, iframe),
.page-content :where(img, video, iframe) {
max-width: 100%;
height: auto;
} .entry-content table,
.page-content table {
display: block;
width: 100%;
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border-collapse: collapse;
} .entry-content pre,
.page-content pre {
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.entry-content code,
.page-content code {
overflow-wrap: anywhere;
} .entry-content .wp-block-embed__wrapper,
.page-content .wp-block-embed__wrapper {
position: relative;
width: 100%;
max-width: 100%;
aspect-ratio: 16 / 9;
}
.entry-content .wp-block-embed__wrapper iframe,
.page-content .wp-block-embed__wrapper iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.entry-content > * {
margin-bottom: var(--ap-spacing-lg);
}
.entry-content p {
margin-bottom: var(--ap-spacing-lg);
}
.entry-content h2 {
margin-top: var(--ap-spacing-xxl);
margin-bottom: var(--ap-spacing-md);
}
.entry-content h3 {
margin-top: var(--ap-spacing-xl);
margin-bottom: var(--ap-spacing-md);
}
.entry-content img {
border-radius: var(--ap-radius);
}
.entry-content blockquote {
margin: var(--ap-spacing-xl) 0;
padding: var(--ap-spacing-md) var(--ap-spacing-lg);
border-left: 4px solid var(--ap-primary);
background: var(--ap-bg-light);
font-size: 20px;
line-height: 1.6;
font-style: italic;
}
.entry-footer {
margin-top: var(--ap-spacing-xl);
padding-top: var(--ap-spacing-lg);
border-top: 1px solid var(--ap-border);
}
.entry-tags {
display: flex;
flex-wrap: wrap;
gap: var(--ap-spacing-xs);
align-items: center;
}
.tags-label {
font-weight: 600;
margin-right: var(--ap-spacing-xs);
}
.tag-link {
padding: 4px 12px;
background: var(--ap-bg-light);
color: var(--ap-text);
font-size: 14px;
border-radius: var(--ap-radius-sm);
text-decoration: none;
transition: background var(--ap-transition);
}
.tag-link:hover {
background: var(--ap-primary);
color: white;
} .entry-share {
margin-top: var(--ap-spacing-xl);
padding: var(--ap-spacing-lg);
background: var(--ap-bg-light);
border-radius: var(--ap-radius);
}
.share-label {
display: block;
font-weight: 600;
margin-bottom: var(--ap-spacing-sm);
}
.share-buttons {
display: flex;
gap: var(--ap-spacing-sm);
}
.share-button {
padding: 8px 16px;
background: var(--ap-primary);
color: white;
border-radius: var(--ap-radius-sm);
text-decoration: none;
font-size: 14px;
font-weight: 600;
transition: background var(--ap-transition);
}
.share-button:hover {
background: var(--ap-secondary);
color: white;
} .author-box {
display: flex;
gap: var(--ap-spacing-lg);
margin-top: var(--ap-spacing-xxl);
padding: var(--ap-spacing-lg);
background: var(--ap-bg-light);
border-radius: var(--ap-radius);
}
.author-avatar img {
border-radius: 50%;
}
.author-info {
flex: 1;
} .author-box .author-name {
margin: 0 0 var(--ap-spacing-sm);
font-size: 20px;
font-weight: 600;
}
.author-bio {
margin-bottom: var(--ap-spacing-md);
line-height: 1.6;
}
.author-link {
color: var(--ap-primary);
font-weight: 600;
} .related-posts {
margin-top: var(--ap-spacing-xxl);
}
.related-posts-title {
margin: 0 0 var(--ap-spacing-lg);
}
.related-posts-grid {
display: grid;
grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, auto); gap: var(--ap-spacing-lg);
} .post-navigation {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: var(--ap-spacing-lg);
margin-top: var(--ap-spacing-xxl);
}
.post-navigation a {
display: block;
padding: var(--ap-spacing-lg);
background: var(--ap-bg-light);
border-radius: var(--ap-radius);
text-decoration: none;
color: var(--ap-text); transition: background var(--ap-transition), color var(--ap-transition);
}
.post-navigation a:hover {
background: var(--ap-primary);
color: white;
}
.nav-label {
display: block;
font-size: 14px;
font-weight: 600;
margin-bottom: var(--ap-spacing-xs);
text-transform: uppercase;
color: inherit; }
.nav-title {
display: block;
font-size: 16px;
line-height: 1.4;
color: inherit; } .content-wrapper {
display: grid;
grid-template-columns: 1fr 320px;
gap: var(--ap-spacing-xl);
}
.no-sidebar .content-wrapper {
grid-template-columns: 1fr;
}
.widget-area {
position: sticky;
top: var(--ap-spacing-xl);
align-self: start;
}
.widget {
box-sizing: border-box;
max-width: 100%;
overflow-wrap: anywhere;
word-break: break-word;
} @media (max-width: 1023px) {
.content-wrapper {
grid-template-columns: 1fr;
gap: var(--ap-spacing-lg);
}
.widget-area {
position: static;
top: auto;
}
}
.widget {
margin-bottom: var(--ap-spacing-xl);
padding: var(--ap-spacing-lg);
background: var(--ap-bg-light);
border-radius: var(--ap-radius);
}
.widget-title {
margin: 0 0 var(--ap-spacing-md);
padding-bottom: var(--ap-spacing-sm);
border-bottom: 2px solid var(--ap-primary);
font-size: 18px;
}
.widget ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget li {
padding: var(--ap-spacing-xs) 0;
border-bottom: 1px solid var(--ap-border);
}
.widget li:last-child {
border-bottom: none;
}
.widget a {
color: var(--ap-text);
text-decoration: none;
}
.widget a:hover {
color: var(--ap-primary);
} .widget_recent_entries {
background: var(--ap-widget-recent-bg) !important;
border-radius: var(--ap-radius);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
overflow: hidden;
}
.widget_recent_entries .widget-title {
color: var(--ap-widget-recent-primary) !important;
border-bottom: 3px solid var(--ap-widget-recent-primary) !important;
background: linear-gradient(135deg, var(--ap-widget-recent-primary) 0%, var(--ap-widget-recent-secondary) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
position: relative;
padding-left: var(--ap-spacing-md);
margin-left: calc(-1 * var(--ap-spacing-md));
}
.widget_recent_entries .widget-title::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
background: linear-gradient(180deg, var(--ap-widget-recent-primary) 0%, var(--ap-widget-recent-secondary) 100%);
border-radius: 2px 0 0 2px;
}
.widget_recent_entries ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget_recent_entries li {
padding: var(--ap-spacing-sm) var(--ap-spacing-md);
border-bottom: 1px solid var(--ap-border);
background: var(--ap-widget-recent-bg);
transition: all var(--ap-transition);
position: relative;
padding-left: calc(var(--ap-spacing-md) + 8px);
}
.widget_recent_entries li::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 3px;
background: var(--ap-widget-recent-primary);
opacity: 0;
transition: opacity var(--ap-transition);
}
.widget_recent_entries li:hover {
background: var(--ap-widget-recent-bg-hover);
transform: translateX(4px);
}
.widget_recent_entries li:hover::before {
opacity: 1;
}
.widget_recent_entries li:last-child {
border-bottom: none;
}
.widget_recent_entries a {
color: var(--ap-text);
text-decoration: none;
display: block;
position: relative;
padding-right: var(--ap-spacing-lg);
transition: color var(--ap-transition);
}
.widget_recent_entries a::after {
content: '▸';
position: absolute;
right: 0;
color: var(--ap-widget-recent-primary);
font-size: 14px;
transition: transform var(--ap-transition);
}
.widget_recent_entries a:hover {
color: var(--ap-widget-recent-primary);
}
.widget_recent_entries a:hover::after {
transform: translateX(4px);
}
.widget_recent_entries .post-date {
display: block;
font-size: 12px;
color: var(--ap-text-light);
margin-top: var(--ap-spacing-xs);
} .site-footer {
background: var(--ap-footer-bg);
color: var(--ap-footer-text);
} :where(a, button, input, textarea, select):focus-visible {
outline: 2px solid var(--ap-primary);
outline-offset: 2px;
}   .ap-featured-layout,
.ap-featured-sidebar,
.content-wrapper,
.widget-area,
.entry-content,
.site-container,
.ap-featured-main {
overflow-x: hidden;
position: relative;
} .adsbygoogle,
ins.adsbygoogle,
[class*="adsbygoogle"] {
display: block !important;
max-width: 100% !important; width: auto !important; box-sizing: border-box !important; overflow: hidden !important; margin: var(--ap-spacing-lg) auto !important; text-align: center;
} .ap-featured-sidebar .adsbygoogle,
.widget-area .adsbygoogle,
.widget .adsbygoogle,
.ap-featured-sidebar ins.adsbygoogle,
.widget-area ins.adsbygoogle,
.widget ins.adsbygoogle {
max-width: 100% !important; width: 100% !important; margin-left: 0 !important;
margin-right: 0 !important;
} @media (min-width: 768px) and (max-width: 1023px) {
.adsbygoogle,
ins.adsbygoogle,
[class*="adsbygoogle"] {
max-width: 100% !important; width: 100% !important; box-sizing: border-box !important;
overflow: hidden !important;
margin-left: 0 !important;
margin-right: 0 !important;
} .ap-featured-sidebar .adsbygoogle,
.widget-area .adsbygoogle,
.widget .adsbygoogle,
.ap-featured-sidebar ins.adsbygoogle,
.widget-area ins.adsbygoogle,
.widget ins.adsbygoogle {
max-width: 100% !important;
width: 100% !important;
display: block !important;
float: none !important;
}
} @media (max-width: 767px) {
.adsbygoogle,
ins.adsbygoogle,
[class*="adsbygoogle"] {
max-width: 100% !important; width: 100% !important; height: auto !important; min-height: 100px; } .site-container .adsbygoogle,
.content-wrapper .adsbygoogle,
.ap-featured-layout .adsbygoogle {
display: block !important;
float: none !important;
clear: both !important;
}
} .adsbygoogle[style*="width:300px"],
.adsbygoogle[style*="width: 300px"],
.adsbygoogle[style*="width:728px"],
.adsbygoogle[style*="width: 728px"],
ins.adsbygoogle[style*="width:300px"],
ins.adsbygoogle[style*="width: 300px"],
ins.adsbygoogle[style*="width:728px"],
ins.adsbygoogle[style*="width: 728px"] {
max-width: 100% !important; width: auto !important; } div[class*="adsbygoogle"],
div[id*="adsbygoogle"] {
max-width: 100% !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
.footer-widgets {
padding: var(--ap-spacing-xxl) 0;
}
.footer-widgets-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--ap-spacing-xl);
}
.footer-widget-area .widget {
background: transparent;
padding: 0;
}
.footer-widget-area .widget-title {
color: white;
border-color: rgba(255, 255, 255, 0.2);
}
.footer-widget-area .widget a {
color: var(--ap-footer-text);
}
.footer-widget-area .widget a:hover {
color: white;
}
.footer-bottom {
padding: var(--ap-spacing-lg) 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-bottom-inner {
display: flex;
justify-content: space-between;
align-items: center;
}
.site-info {
font-size: 14px;
}
.site-info a {
color: var(--ap-footer-text);
}
.site-info a:hover {
color: white;
}
.footer-navigation {
font-size: 14px;
}
.footer-menu {
display: flex;
list-style: none;
margin: 0;
padding: 0;
gap: var(--ap-spacing-lg);
}
.footer-menu a {
color: var(--ap-footer-text);
}
.footer-menu a:hover {
color: white;
} .back-to-top {
position: fixed;
bottom: 30px;
right: 30px;
width: 56px;
height: 56px;
background: linear-gradient(135deg, var(--ap-primary) 0%, var(--ap-secondary) 100%);
color: white;
border: none;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transform: scale(0.8) translateY(20px);
transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
z-index: 9999;
box-shadow: 0 4px 20px rgba(22, 160, 133, 0.3),
0 2px 8px rgba(0, 0, 0, 0.1);
} .back-to-top.visible {
opacity: 1;
visibility: visible;
transform: scale(1) translateY(0);
} .back-to-top:hover {
transform: scale(1.1) translateY(-5px);
box-shadow: 0 8px 30px rgba(22, 160, 133, 0.4),
0 4px 12px rgba(0, 0, 0, 0.15);
}
.back-to-top:active {
transform: scale(0.95) translateY(-2px);
} .back-to-top:focus {
outline: 3px solid var(--ap-primary);
outline-offset: 4px;
}
.back-to-top:focus:not(:focus-visible) {
outline: none;
} .back-to-top:hover svg {
animation: bounce-arrow 0.6s ease infinite;
}
@keyframes bounce-arrow {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-5px);
}
} @media (max-width: 768px) {
.back-to-top {
bottom: 20px;
right: 20px;
width: 52px;
height: 52px;
}
}
@media (max-width: 480px) {
.back-to-top {
bottom: 16px;
right: 16px;
width: 48px;
height: 48px;
}
} @media (prefers-reduced-motion: reduce) {
.back-to-top {
transition: opacity 0.2s ease, visibility 0.2s ease;
transform: none !important;
}
.back-to-top:hover svg {
animation: none !important;
}
} @media print {
.back-to-top {
display: none !important;
}
} .pagination {
margin: var(--ap-spacing-xxl) 0;
}
.pagination .page-numbers {
display: flex;
justify-content: center;
gap: var(--ap-spacing-xs);
list-style: none;
margin: 0;
padding: 0;
}
.pagination .page-numbers li {
margin: 0;
}
.pagination .page-numbers a,
.pagination .page-numbers span {
display: flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 var(--ap-spacing-sm);
background: var(--ap-bg-light);
color: var(--ap-text);
text-decoration: none;
border-radius: var(--ap-radius-sm);
transition: background var(--ap-transition), color var(--ap-transition);
}
.pagination .page-numbers a:hover,
.pagination .page-numbers .current {
background: var(--ap-primary);
color: white;
} .breadcrumbs {
margin-bottom: var(--ap-spacing-lg);
font-size: 14px;
}
.breadcrumbs ol {
display: flex;
flex-wrap: wrap;
gap: var(--ap-spacing-xs);
list-style: none;
margin: 0;
padding: 0;
}
.breadcrumbs li::after {
content: '/';
margin-left: var(--ap-spacing-xs);
color: var(--ap-text-light);
}
.breadcrumbs li:last-child::after {
display: none;
}
.breadcrumbs a {
color: var(--ap-text-light);
text-decoration: none;
}
.breadcrumbs a:hover {
color: var(--ap-primary);
} .comments-area {
margin-top: var(--ap-spacing-xxl);
}
.comments-title {
margin-bottom: var(--ap-spacing-lg);
}
.comment-list {
list-style: none;
margin: 0;
padding: 0;
}
.comment-body {
margin-bottom: var(--ap-spacing-xl);
padding: var(--ap-spacing-lg);
background: var(--ap-bg-light);
border-radius: var(--ap-radius);
}
.comment-author {
display: flex;
align-items: center;
gap: var(--ap-spacing-sm);
margin-bottom: var(--ap-spacing-sm);
}
.comment-author img {
border-radius: 50%;
}
.comment-metadata {
font-size: 14px;
color: var(--ap-text-light);
margin-bottom: var(--ap-spacing-sm);
}
.comment-content {
line-height: 1.6;
}
.reply {
margin-top: var(--ap-spacing-sm);
}
.comment-reply-link {
font-size: 14px;
color: var(--ap-primary);
text-decoration: none;
}
.comment-form {
margin-top: var(--ap-spacing-xl);
}
.comment-form-comment textarea {
width: 100%;
} .search-form-wrapper {
position: relative;
display: flex;
}
.search-field {
flex: 1;
padding-right: 48px;
}
.search-submit {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 48px;
display: flex;
align-items: center;
justify-content: center;
background: var(--ap-primary);
color: white;
border: none;
border-radius: 0 var(--ap-radius-sm) var(--ap-radius-sm) 0;
cursor: pointer;
}
.search-submit:hover {
background: var(--ap-secondary);
} .error-404-content {
text-align: center;
padding: var(--ap-spacing-xxl) 0;
}
.error-404-title {
font-size: clamp(60px, 15vw, 120px);
margin: 0 0 var(--ap-spacing-md);
color: var(--ap-primary);
}
.error-404-subtitle {
margin: 0 0 var(--ap-spacing-md);
}
.error-404-text {
margin-bottom: var(--ap-spacing-xl);
font-size: 18px;
color: var(--ap-text-light);
}
.error-404-actions {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--ap-spacing-lg);
}
.error-404-search {
max-width: 400px;
width: 100%;
}
.error-404-widgets {
margin-top: var(--ap-spacing-xxl);
max-width: 600px;
margin-left: auto;
margin-right: auto;
} @media (max-width: 1023px) {
:root {
--ap-spacing-xl: 24px;
--ap-spacing-xxl: 32px;
}
.content-wrapper {
grid-template-columns: 1fr;
}
.footer-widgets-grid {
grid-template-columns: 1fr;
}
.related-posts-grid {
grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, auto); } .ap-blocks-section .ap-blocks-grid,
.site-container .ap-blocks-section .ap-blocks-grid {
grid-template-columns: repeat(2, 1fr) !important;
grid-template-rows: repeat(3, auto) !important; display: grid !important;
}
} @media (max-width: 767px) {
:root {
--ap-spacing-lg: 16px;
--ap-spacing-xl: 20px;
--ap-spacing-xxl: 24px;
} .site-container {
padding-left: 16px !important; padding-right: 16px !important; padding-top: 0;
padding-bottom: 0;
} .ap-blocks-section {
padding-left: 0 !important; padding-right: 0 !important;
} .content-area {
padding-top: calc(var(--ap-spacing-lg) * 0.55) !important;
}
.single-post-area {
padding-top: calc(var(--ap-spacing-lg) * 0.55) !important;
}
.site-main { padding-top: 0 !important;
} .header-inner {
flex-wrap: nowrap;
align-items: center;
padding: 10px 0;
}
.site-branding {
order: 1;
flex-shrink: 0;
display: flex;
align-items: center;
}
.custom-logo {
max-height: 36px !important;
height: auto;
width: auto;
display: block;
}
.custom-logo-link {
display: flex;
align-items: center;
line-height: 1;
} .menu-toggle {
display: flex;
order: 2;
margin-left: auto;
position: relative;
z-index: 1001;
align-items: center;
height: 44px;
min-height: 44px;
}
.header-actions {
order: 3;
display: flex;
align-items: center;
height: 44px;
min-height: 44px;
}
.search-toggle {
display: flex;
align-items: center;
justify-content: center;
height: 44px;
min-height: 44px;
padding: 8px;
} .main-navigation {
order: 4;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
height: 100dvh; background: var(--ap-bg);
z-index: 1000;
overflow-y: auto;
-webkit-overflow-scrolling: touch; padding-top: 60px; opacity: 0;
visibility: hidden;
transform: translateX(-100%);
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
will-change: transform, opacity; }
.main-navigation.active {
opacity: 1;
visibility: visible;
transform: translateX(0);
} .menu-close {
display: flex !important;
position: absolute;
top: 15px;
right: 15px;
z-index: 1001;
background: rgba(0, 0, 0, 0.1);
border: none;
border-radius: 50%;
width: 44px;
height: 44px;
align-items: center !important;
justify-content: center !important;
cursor: pointer;
transition: background 0.3s ease;
-webkit-tap-highlight-color: transparent; padding: 0 !important;
margin: 0;
}
.menu-close:hover,
.menu-close:active {
background: rgba(0, 0, 0, 0.2);
}
.menu-close-icon {
font-size: 24px;
line-height: 1;
color: var(--ap-text);
font-weight: 300;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
} body.menu-open {
overflow: hidden;
position: fixed;
width: 100%;
height: 100%;
} @supports (-webkit-touch-callout: none) {
body.menu-open {
position: fixed;
width: 100%;
height: 100%;
overflow: hidden;
}
}  .main-navigation .primary-menu-container {
margin: 0 !important;
padding: var(--ap-spacing-md) var(--ap-spacing-lg) !important;
text-align: left !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
} .main-navigation .primary-menu {
flex-direction: column !important;
gap: 0 !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
align-items: stretch !important;
justify-content: flex-start !important;
width: 100% !important;
display: flex !important;
} .main-navigation .primary-menu > li {
border-bottom: 1px solid var(--ap-border);
position: relative;
width: 100% !important;
max-width: 100% !important;
text-align: left !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
}
.main-navigation .primary-menu > li:last-child {
border-bottom: none;
} .main-navigation .menu-item-wrapper {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
text-align: left !important;
padding: 0 !important;
margin: 0 !important;
} .main-navigation .primary-menu .menu-link {
display: block !important;
flex: 1 1 auto !important;
padding: var(--ap-spacing-md) 0 !important;
font-size: 18px !important;
font-weight: 500 !important;
color: var(--ap-text) !important;
text-decoration: none !important;
transition: color 0.2s ease !important;
-webkit-tap-highlight-color: transparent;
text-align: left !important;
margin: 0 !important;
min-width: 0;
}
.main-navigation .primary-menu .menu-link:hover,
.main-navigation .primary-menu .menu-link:active,
.main-navigation .primary-menu .menu-link:focus {
color: var(--ap-primary) !important;
transform: none !important; } .main-navigation.active .primary-menu .menu-link {
color: var(--ap-text) !important;
}
.main-navigation.active .primary-menu .menu-link:hover,
.main-navigation.active .primary-menu .menu-link:active {
color: var(--ap-primary) !important;
} .main-navigation .submenu-toggle {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 48px !important;
min-width: 48px !important;
height: 48px !important;
min-height: 48px !important;
background: transparent !important;
border: none !important;
padding: 0 !important;
margin: 0 0 0 var(--ap-spacing-sm) !important;
cursor: pointer !important;
-webkit-tap-highlight-color: transparent;
touch-action: manipulation;
flex-shrink: 0 !important;
position: relative;
z-index: 2;
}
.main-navigation .submenu-toggle:focus {
outline: 2px solid var(--ap-primary) !important;
outline-offset: 2px !important;
}
.main-navigation .submenu-toggle-icon {
font-size: 20px !important;
line-height: 1 !important;
color: var(--ap-text) !important;
transition: transform 0.2s ease !important;
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
} .main-navigation .submenu-toggle[aria-expanded="true"] .submenu-toggle-icon {
transform: rotate(90deg) !important;
} .main-navigation .primary-menu .sub-menu {
display: none !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
padding-left: var(--ap-spacing-lg) !important;
background: var(--ap-bg-light) !important;
border-left: 3px solid var(--ap-primary) !important;
overflow: hidden !important;
width: 100% !important;
max-width: 100% !important;
} .main-navigation .primary-menu .sub-menu.submenu-open {
display: block !important;
animation: slideDownMobile 0.2s ease-out !important;
}
@keyframes slideDownMobile {
from {
opacity: 0;
max-height: 0;
transform: translateY(-8px);
}
to {
opacity: 1;
max-height: 500px;
transform: translateY(0);
}
} .main-navigation .primary-menu .sub-menu.submenu-closing {
animation: slideUpMobile 0.2s ease-out !important;
}
@keyframes slideUpMobile {
from {
opacity: 1;
max-height: 500px;
transform: translateY(0);
}
to {
opacity: 0;
max-height: 0;
transform: translateY(-8px);
}
} .main-navigation .primary-menu .sub-menu a {
display: block !important;
font-size: 16px !important;
font-weight: 400 !important;
padding: var(--ap-spacing-sm) var(--ap-spacing-md) !important;
color: var(--ap-text) !important;
text-decoration: none !important;
transition: background 0.2s ease, color 0.2s ease !important;
-webkit-tap-highlight-color: transparent;
text-align: left !important;
width: 100% !important;
}
.main-navigation .primary-menu .sub-menu a:hover,
.main-navigation .primary-menu .sub-menu a:active {
background: rgba(22, 160, 133, 0.1) !important;
color: var(--ap-primary) !important;
} .main-navigation .primary-menu .menu-item-has-children > a::after,
.main-navigation .primary-menu .menu-item-has-children > .menu-item-wrapper > .menu-link::after {
display: none !important;
} @media (max-width: 360px) {
.main-navigation .primary-menu .menu-link {
font-size: 16px !important;
padding: var(--ap-spacing-sm) 0 !important;
}
.main-navigation .submenu-toggle {
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
}
} @supports (-webkit-touch-callout: none) {
.main-navigation .primary-menu .menu-link {
-webkit-tap-highlight-color: rgba(22, 160, 133, 0.1);
}
.main-navigation .submenu-toggle {
-webkit-tap-highlight-color: rgba(22, 160, 133, 0.1);
}
} .menu-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
height: 100dvh; background: rgba(0, 0, 0, 0.5);
z-index: 999;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s;
-webkit-tap-highlight-color: transparent;
touch-action: manipulation; }
.menu-overlay.active {
opacity: 1;
visibility: visible;
} .ap-hero-3 .ap-hero-grid,
.ap-hero-4 .ap-hero-grid {
grid-template-columns: 1fr;
grid-template-rows: auto;
}
.ap-hero-3 .ap-hero-main,
.ap-hero-3 .ap-hero-small,
.ap-hero-4 .ap-hero-main,
.ap-hero-4 .ap-hero-small {
grid-column: 1 !important;
grid-row: auto !important;
} .ap-blocks-section .ap-blocks-grid,
.site-container .ap-blocks-section .ap-blocks-grid,
.homepage-content .ap-blocks-section .ap-blocks-grid,
.content-area .ap-blocks-section .ap-blocks-grid {
grid-template-columns: 1fr !important;
grid-template-rows: none !important;
gap: 12px !important; } .ap-blocks-grid .ap-block-column {
grid-column: 1 !important;
grid-row: auto !important;
} .ap-block-posts {
gap: var(--ap-spacing-xs) !important; } .ap-block-column .ap-block-cat-title {
margin: 0 0 var(--ap-spacing-xs) !important; font-size: 18px !important; } .posts-grid {
grid-template-columns: 1fr;
} .entry-content {
font-size: 16px;
}
.author-box {
flex-direction: column;
text-align: center;
}
.related-posts-grid {
grid-template-columns: 1fr;
}
.post-navigation {
grid-template-columns: 1fr;
} .footer-bottom-inner {
flex-direction: column;
gap: var(--ap-spacing-md);
text-align: center;
}
.footer-menu {
flex-direction: column;
gap: var(--ap-spacing-xs);
} .share-buttons {
flex-direction: column;
} .ap-section-title {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.ap-featured-list .site-container {
padding-left: 16px !important;
padding-right: 16px !important;
}
.widget-area {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.widget {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.ap-featured-sidebar {
width: 100% !important;
max-width: 100% !important;
}
.ap-featured-sidebar .widget {
width: 100% !important;
max-width: 100% !important;
}
} :root{--cg-ink:#171b20;--cg-muted:#59616a;--cg-orange:#c74411;--cg-bright:#f16529;--cg-line:#e1e4e7;--cg-paper:#f4f5f6;--ap-primary:#c74411;--ap-secondary:#171b20;--ap-text:#222831;--ap-text-light:#59616a;--ap-header-bg:#171b20;--ap-footer-bg:#171b20}
body{font-family:Arial,Helvetica,sans-serif;background:#fff;color:var(--cg-ink)}.site-container{width:100%;max-width:1240px;padding-left:32px;padding-right:32px}a{transition:color .15s ease}a:focus-visible,button:focus-visible{outline:3px solid var(--cg-bright);outline-offset:4px}#page{overflow-x:clip}.cg-header{background:#fff!important;border:0;box-shadow:none}.cg-topline{background:var(--cg-ink);color:#d9dce0;font-size:10px;font-weight:700;letter-spacing:1.15px}.cg-topline>.site-container{display:flex;align-items:center;justify-content:space-between;min-height:33px;gap:12px}.cg-topline a{color:#e6e7e9;font-size:11px;letter-spacing:0;text-decoration:none}.cg-masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:27px;padding-bottom:26px}.cg-brand{display:inline-flex;align-items:center;gap:12px;color:var(--cg-ink)!important;text-decoration:none!important;flex-shrink:0}.cg-emblem{color:var(--cg-bright);width:45px;height:45px}.cg-wordmark{display:block;font-weight:900;font-size:43px;line-height:.9;letter-spacing:-2.2px;font-style:italic}.cg-tagline{display:block;letter-spacing:2.3px;font-size:9px;line-height:1;font-style:normal;margin-top:11px;font-weight:700}.cg-header-right{display:flex;gap:28px;align-items:center}.cg-header-promise{color:var(--cg-muted);font-size:13px}.cg-follow{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--cg-orange);color:#fff!important;text-decoration:none!important;padding:11px 17px;border:1px solid var(--cg-orange);border-radius:3px;font-size:13px;font-weight:700;line-height:1.4;white-space:nowrap}.cg-follow:hover{background:#9e330b;border-color:#9e330b}.cg-navline{border-top:1px solid var(--cg-line);border-bottom:1px solid var(--cg-line);background:#fff}.cg-nav-inner{display:flex;gap:12px;align-items:center;justify-content:space-between}.cg-nav{display:flex;gap:29px;min-width:0;overflow-x:auto;scrollbar-width:none}.cg-nav::-webkit-scrollbar{display:none}.cg-nav>a{font-size:13px;font-weight:700;white-space:nowrap;color:var(--cg-ink);text-decoration:none;padding:15px 0;border-bottom:3px solid transparent}.cg-nav>a:hover,.cg-nav>a[aria-current]{color:var(--cg-orange);border-bottom-color:var(--cg-orange)}.cg-header .search-toggle{background:none;color:var(--cg-ink)!important;padding:10px;min-width:40px;min-height:44px}.cg-header .header-search{background:var(--cg-paper)}.cg-header .header-search.active{border-bottom:1px solid var(--cg-line)}
.cg-home{padding-top:34px;padding-bottom:55px}.cg-home-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}.cg-eyebrow{font-size:10px!important;line-height:1.4!important;letter-spacing:1.8px;font-weight:800;margin:0 0 13px!important;color:var(--cg-orange)}.cg-home-heading h1{margin:0;font-weight:900;font-size:clamp(32px,3.5vw,45px);line-height:1.03;letter-spacing:-1.6px}.cg-home-heading h1 span{color:var(--cg-muted)}.cg-home-heading>p{font-size:13px;line-height:1.6;color:var(--cg-muted);margin:0 0 3px}.cg-hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);grid-template-rows:1fr 1fr;gap:22px}.cg-card{min-width:0;background:#fff;position:relative}.cg-card-image{display:block;overflow:hidden;background:#e7e9ec;aspect-ratio:16/9}.cg-card-image img{display:block;width:100%;height:100%;object-fit:cover;margin:0;transition:transform .25s ease}.cg-card:hover .cg-card-image img{transform:scale(1.025)}.cg-card-body{padding-top:13px}.cg-card h2{font-size:19px;font-weight:800;line-height:1.25;letter-spacing:-.35px;margin:7px 0 9px}.cg-card h2 a{color:var(--cg-ink);text-decoration:none}.cg-card h2 a:hover{color:var(--cg-orange)}.cg-card time{color:var(--cg-muted);font-size:11px}.cg-category{color:var(--cg-orange);font-weight:800;text-transform:uppercase;font-size:10px;letter-spacing:.8px;text-decoration:none}.cg-card-lead{grid-row:1/3;display:flex;flex-direction:column}.cg-card-lead>.cg-card-image{flex:1;min-height:270px;aspect-ratio:auto}.cg-card-lead .cg-card-body{background:var(--cg-ink);padding:24px;color:#fff}.cg-card-lead h2{font-size:29px;letter-spacing:-.6px;line-height:1.15}.cg-card-lead h2 a{color:#fff}.cg-card-lead .cg-category{color:#ff9c73}.cg-card-lead time{color:#bdc3ca}.cg-card-excerpt{font-size:14px;line-height:1.55;color:#d9dde2;margin:10px 0 13px}.cg-hero>.cg-card:not(.cg-card-lead){display:grid;grid-template-columns:45% 1fr;gap:16px;align-items:start;border-bottom:1px solid var(--cg-line);padding-bottom:15px}.cg-hero>.cg-card:not(.cg-card-lead) .cg-card-image{height:100%;min-height:135px;aspect-ratio:auto}.cg-hero>.cg-card:not(.cg-card-lead) .cg-card-body{padding:3px 0}.cg-hero>.cg-card:not(.cg-card-lead) h2{font-size:19px}.cg-quick{margin:27px 0 42px;background:var(--cg-paper);border-left:3px solid var(--cg-bright);padding:16px 18px;display:flex;gap:26px;align-items:center;flex-wrap:wrap}.cg-quick>span{font-size:10px;font-weight:800;letter-spacing:1px;color:var(--cg-muted)}.cg-quick a{font-size:12px;font-weight:700;color:var(--cg-ink);text-decoration:none}.cg-home-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:42px}.cg-section-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-bottom:14px;margin-bottom:22px;border-bottom:2px solid var(--cg-ink)}.cg-section-heading h2{margin:0;font-size:25px;line-height:1.1;letter-spacing:-.65px;font-weight:800}.cg-section-heading>span,.cg-section-heading>a{font-size:10px;color:var(--cg-muted);font-weight:700;text-decoration:none;letter-spacing:.4px}.cg-latest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.cg-home-aside>section{margin-bottom:24px}.cg-follow-panel{background:var(--cg-ink);padding:25px;color:white;border-top:3px solid var(--cg-bright)}.cg-follow-panel .cg-eyebrow{color:#ff9c73}.cg-follow-panel h2{font-size:26px;line-height:1.15;letter-spacing:-.65px;margin:0 0 16px;color:white}.cg-follow-panel p:not(.cg-eyebrow){font-size:13px;line-height:1.6;color:#c5ccd3;margin-bottom:20px}.cg-follow-panel .cg-follow{width:100%}.cg-guide-panel{padding:22px;border:1px solid var(--cg-line)}.cg-guide-panel h2{font-size:20px;margin:0 0 13px;line-height:1.2}.cg-guide-panel>a{display:flex;gap:13px;padding:14px 0;border-top:1px solid var(--cg-line);text-decoration:none;color:var(--cg-ink);font-size:13px;font-weight:700;line-height:1.5}.cg-guide-panel>a span{color:var(--cg-orange);font-size:12px}.cg-partner-panel{padding:22px;background:var(--cg-paper)}.cg-partner-panel h2{font-size:20px;line-height:1.2;margin:0 0 12px}.cg-partner-panel p:not(.cg-eyebrow){font-size:13px;color:var(--cg-muted);line-height:1.6}.cg-partner-panel a{font-size:12px;font-weight:700;color:var(--cg-orange);text-decoration:none}.cg-category-section{margin-top:48px}.cg-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.cg-image-placeholder{display:grid;place-items:center;height:100%;font-size:25px;font-weight:900;font-style:italic;letter-spacing:-1px;color:#78818b} .single-post-area{padding-top:36px!important}.single-post .content-wrapper{grid-template-columns:minmax(0,1fr) 275px;gap:42px}.single-post .site-main{min-width:0}.entry-header{margin-bottom:26px}.single-post .entry-title{font-size:clamp(30px,3.4vw,46px);line-height:1.09;letter-spacing:-1.5px;font-weight:800;margin:14px 0 16px;color:var(--cg-ink)}.entry-categories{gap:8px}.category-badge{background:#f9eee8!important;color:#a53209!important;border-radius:2px;font-size:10px;letter-spacing:.7px;padding:6px 9px;box-shadow:none}.cg-article-kicker{font-size:14px;color:var(--cg-muted);line-height:1.5;margin:0 0 19px}.single-post .entry-meta{display:flex;flex-wrap:wrap;gap:9px 18px;font-size:12px;padding:14px 0;border-top:1px solid var(--cg-line);border-bottom:1px solid var(--cg-line);color:var(--cg-muted);margin:0}.entry-meta .author-name,.entry-meta .author-name a{font-size:12px!important}.entry-meta a{color:var(--cg-ink);font-weight:700}.cg-article-follow{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:17px}.cg-article-follow>span{font-size:11px;color:var(--cg-muted)}.entry-featured-image{margin:0 0 28px;border-radius:3px;overflow:hidden}.entry-featured-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.image-caption{padding:9px 0;color:var(--cg-muted);font-size:11px}.entry-content{font-size:18px;line-height:1.82;color:#293039}.entry-content>p:first-of-type{font-size:20px;line-height:1.65;font-weight:500;color:#20262d}.entry-content p{margin:0 0 1.3em}.entry-content h2{font-size:28px;line-height:1.2;letter-spacing:-.6px;margin:1.7em 0 .7em;color:var(--cg-ink)}.entry-content h3{font-size:22px;line-height:1.3;margin:1.4em 0 .65em}.entry-content a{color:#a6330d;text-decoration:underline;text-underline-offset:3px}.entry-content strong{font-weight:750;color:#171b20}.entry-content .article-summary{border-left:3px solid var(--cg-bright);background:#f7f1ed;padding:23px 25px;margin:29px 0}.entry-content .article-summary p:last-child{margin-bottom:0}.entry-content blockquote{border-left:3px solid var(--cg-bright);background:var(--cg-paper);font-size:19px;padding:22px;margin:28px 0}.entry-content .article-table-scroll,.entry-content .wp-block-table{overflow-x:auto;max-width:100%}.entry-content table{display:table;border-collapse:collapse;width:100%;font-size:14px;margin:24px 0}.entry-content th{background:var(--cg-ink);color:#fff;text-align:left}.entry-content th,.entry-content td{padding:13px;border:1px solid var(--cg-line);vertical-align:top;min-width:110px}.entry-content tr:nth-child(even){background:var(--cg-paper)}.entry-tags{font-size:12px}.entry-share{margin-top:30px;border-top:1px solid var(--cg-line);padding-top:20px}.share-button{border-radius:2px;font-size:12px;box-shadow:none}.author-box{padding:24px;background:var(--cg-paper);border:1px solid var(--cg-line);border-radius:3px;box-shadow:none}.author-box .author-name{font-size:19px}.author-bio{font-size:14px;line-height:1.65}.related-posts-title{font-size:26px;letter-spacing:-.5px;border-bottom:2px solid var(--cg-ink);padding-bottom:16px}.post-card,.grid-post{border-radius:3px;box-shadow:none;border:1px solid var(--cg-line)}.widget{border:1px solid var(--cg-line);border-top:3px solid var(--cg-ink);box-shadow:none;border-radius:2px;padding:20px;background:#fff}.widget h2,.widget-title{font-size:18px;line-height:1.2;font-weight:800}.widget a{font-size:13px;color:var(--cg-ink)}.widget ul{padding-left:0;list-style:none}.widget li{padding:10px 0;border-bottom:1px solid var(--cg-line);line-height:1.5}.post-navigation .nav-title{font-size:14px}.pagination a,.pagination span{border-radius:2px}.page-header{border-bottom:2px solid var(--cg-ink)} .cg-footer{background:var(--cg-ink)!important;color:#c4cbd2;border-top:4px solid var(--cg-bright);padding:43px 0 0;margin-top:32px}.cg-footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #343940;padding-bottom:30px}.cg-footer .cg-brand{color:#fff!important}.cg-footer .cg-wordmark{font-size:36px}.cg-footer-top p{font-size:13px;line-height:1.65;margin:18px 0 0;color:#c4cbd2}.cg-footer-grid{display:grid;grid-template-columns:1fr 1fr 1.55fr;gap:50px;padding:34px 0}.cg-footer h2{font-size:14px;font-weight:700;line-height:1.3;color:#fff;margin:0 0 17px}.cg-footer nav{display:grid;gap:10px}.cg-footer nav a{font-size:12px;text-decoration:none;color:#c4cbd2}.cg-footer nav a:hover{color:#ff9c73}.cg-footer-partner{border-left:1px solid #343940;padding-left:40px}.cg-footer-partner .cg-eyebrow{color:#ff9c73}.cg-footer-partner h2{font-size:23px;letter-spacing:-.4px}.cg-footer-partner p:not(.cg-eyebrow){font-size:13px;line-height:1.6;color:#c4cbd2}.cg-footer-partner>a{font-size:12px;color:#ff9c73;font-weight:700;text-decoration:none}.cg-footer-bottom{display:flex;justify-content:space-between;gap:18px;padding:19px 0 24px;border-top:1px solid #343940;font-size:10px;color:#b2bbc5}.cg-footer-bottom a{color:#c4cbd2;text-decoration:none}
@media(max-width:1023px){.site-container{padding-left:24px;padding-right:24px}.cg-nav{gap:23px}.cg-header-promise{display:none}.cg-home-layout,.single-post .content-wrapper{grid-template-columns:minmax(0,1fr);gap:32px}.cg-home-aside{display:grid;grid-template-columns:1fr 1fr;gap:22px}.cg-home-aside>section{margin:0}.cg-partner-panel{grid-column:1/-1}.single-post .widget-area{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}.cg-hero{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.cg-hero>.cg-card:not(.cg-card-lead){display:block}.cg-hero>.cg-card:not(.cg-card-lead) .cg-card-image{height:auto;aspect-ratio:16/9;min-height:0}.cg-hero>.cg-card:not(.cg-card-lead) h2{font-size:16px}.cg-hero>.cg-card:not(.cg-card-lead) .cg-card-body{padding-top:10px}.cg-card-lead>.cg-card-image{min-height:200px}}
@media(max-width:767px){.site-container{padding-left:18px;padding-right:18px}.cg-topline{font-size:8px;letter-spacing:.5px}.cg-topline a{display:none}.cg-topline>.site-container{min-height:27px}.cg-masthead{padding-top:21px;padding-bottom:20px;gap:14px}.cg-wordmark{font-size:31px;letter-spacing:-1.5px}.cg-tagline{font-size:7px;letter-spacing:1.3px;margin-top:8px}.cg-emblem{width:31px;height:31px}.cg-brand{gap:8px}.cg-header .cg-follow{font-size:10px;padding:9px 10px}.cg-nav{gap:20px}.cg-nav>a{font-size:12px;padding:13px 0}.cg-home{padding-top:24px}.cg-home-heading{display:block;margin-bottom:23px}.cg-home-heading h1{font-size:34px;letter-spacing:-1.2px}.cg-home-heading>p{margin-top:14px;font-size:12px}.cg-eyebrow{font-size:9px!important}.cg-hero{display:block}.cg-card-lead .cg-card-image{aspect-ratio:16/9;min-height:0}.cg-card-lead .cg-card-body{padding:20px}.cg-card-lead h2{font-size:25px}.cg-hero>.cg-card:not(.cg-card-lead){display:grid;grid-template-columns:36% 1fr;margin-top:18px;gap:14px;padding-bottom:18px}.cg-hero>.cg-card:not(.cg-card-lead) .cg-card-image{aspect-ratio:4/3;min-height:100px}.cg-hero>.cg-card:not(.cg-card-lead) .cg-card-body{padding-top:0}.cg-hero>.cg-card:not(.cg-card-lead) h2{font-size:16px;margin:5px 0 7px}.cg-quick{gap:12px;margin:24px 0 31px;padding:16px}.cg-quick>span{width:100%;font-size:9px}.cg-quick a{font-size:11px}.cg-section-heading h2{font-size:22px}.cg-section-heading>span{display:none}.cg-latest-grid{grid-template-columns:1fr;gap:23px}.cg-latest-grid>.cg-card{display:grid;grid-template-columns:35% 1fr;gap:15px;border-bottom:1px solid var(--cg-line);padding-bottom:19px}.cg-latest-grid .cg-card-image{aspect-ratio:4/3;align-self:start}.cg-latest-grid .cg-card-body{padding-top:0}.cg-latest-grid .cg-card h2{font-size:17px}.cg-home-aside{display:block}.cg-home-aside>section{margin-bottom:20px}.cg-category-grid{grid-template-columns:1fr;gap:25px}.cg-category-section{margin-top:33px}.cg-category-grid .cg-card h2{font-size:21px}.single-post-area{padding-top:24px!important}.single-post .entry-title{font-size:32px;letter-spacing:-.8px}.cg-article-follow>span{display:none}.cg-article-follow .cg-follow{font-size:12px}.entry-content{font-size:17px;line-height:1.8}.entry-content>p:first-of-type{font-size:19px}.entry-content h2{font-size:25px}.entry-content h3{font-size:21px}.entry-content .article-summary{padding:19px}.entry-content table{display:block;overflow-x:auto;font-size:13px}.single-post .widget-area{display:block}.cg-footer-top{display:block}.cg-footer-top>.cg-follow{margin-top:22px}.cg-footer-grid{grid-template-columns:1fr 1fr;gap:28px}.cg-footer-partner{grid-column:1/-1;border-left:0;border-top:1px solid #343940;padding:27px 0 0}.cg-footer-bottom{flex-wrap:wrap;font-size:10px}.cg-footer-bottom span:nth-child(2){display:none}.related-posts-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.cg-card-image img,a{transition:none}.cg-card:hover .cg-card-image img{transform:none}} .single-post #comments{box-sizing:border-box;min-width:0;max-width:100%;margin:42px 0 0;padding:28px;border:1px solid var(--cg-line);border-top:3px solid var(--cg-orange);border-radius:3px;background:var(--cg-paper);overflow-wrap:anywhere}
#comments *,#comments *::before,#comments *::after{box-sizing:border-box}
#comments .comment-reply-title,#comments .comments-title{font-size:24px;line-height:1.25;letter-spacing:-.4px;margin:0 0 20px;color:var(--cg-ink)}
#comments .comment-reply-title small{display:block;font-size:12px;margin-top:8px}
#comments .comment-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;min-width:0}
#comments .comment-form>p{min-width:0;margin:0;float:none;width:auto}
#comments .comment-form-comment,#comments .comment-notes,#comments .logged-in-as,#comments .comment-form-cookies-consent,#comments .form-submit{grid-column:1/-1}
#comments .comment-notes,#comments .logged-in-as{font-size:13px;line-height:1.65;color:var(--cg-muted)}
#comments .required-field-message{display:block;margin-top:5px}
#comments label{display:block;font-size:13px;font-weight:700;line-height:1.5;margin-bottom:7px;color:var(--cg-ink)}
#comments textarea,#comments input[type=text],#comments input[type=email],#comments input[type=url]{display:block;width:100%;max-width:100%;min-width:0;border:1px solid #bec6cf;border-radius:3px;background:white;color:var(--cg-ink);font:inherit;font-size:16px;line-height:1.5;padding:12px;box-shadow:none}
#comments textarea{min-height:160px;resize:vertical}
#comments textarea:focus,#comments input:focus{outline:2px solid var(--cg-orange);outline-offset:2px}
#comments .comment-form-cookies-consent{display:flex;align-items:flex-start;gap:9px}
#comments .comment-form-cookies-consent input{flex:0 0 auto;width:16px;height:16px;margin:3px 0 0}
#comments .comment-form-cookies-consent label{font-size:12px;font-weight:400;color:var(--cg-muted);margin:0}
#comments .submit{display:inline-block;width:auto;max-width:100%;white-space:normal;padding:12px 19px;border:0;border-radius:3px;background:var(--cg-orange);color:white;font:inherit;font-size:14px;font-weight:700;line-height:1.4;cursor:pointer}
#comments .submit:hover{background:#963207}
#comments a{color:#a6330d;text-underline-offset:3px}
#comments .comment-list,#comments .comment-list .children{list-style:none;margin:0;padding:0;min-width:0;max-width:100%}
#comments .comment-list .children{padding-left:18px;border-left:2px solid var(--cg-line)}
#comments .comment-body{min-width:0;max-width:100%;padding:20px;background:white;border:1px solid var(--cg-line);margin:0 0 18px;border-radius:3px}
#comments .comment-author{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
#comments .comment-author .avatar{width:36px;height:36px;flex:0 0 36px;object-fit:cover}
#comments .comment-metadata{font-size:12px;line-height:1.5}
#comments .comment-content{min-width:0;max-width:100%;font-size:15px;line-height:1.75;overflow-wrap:anywhere}
#comments .comment-content img,#comments .comment-content iframe{max-width:100%;height:auto}
#comments .comment-content pre{max-width:100%;overflow:auto;white-space:pre-wrap}
#comments .comment-content p:last-child{margin-bottom:0}
#comments .comment-respond{min-width:0;max-width:100%}
@media(max-width:767px){.single-post #comments{padding:19px 16px;margin-top:30px}#comments .comment-form{grid-template-columns:minmax(0,1fr);gap:16px}#comments .comment-form>p{grid-column:1}#comments .comment-reply-title,#comments .comments-title{font-size:22px}#comments .comment-list .children{padding-left:10px}#comments .comment-body{padding:15px}}