.mailerlite-form {
}
.mailerlite-form .mailerlite-form-description {
margin-bottom: 10px;
}
.mailerlite-form .mailerlite-form-field {
margin-bottom: 10px;
}
.mailerlite-form .mailerlite-form-field label {
display: block;
}
.mailerlite-form .mailerlite-subscribe-button-container {
text-align: center;
}
.mailerlite-form input.error {
color: #ff0000;
border-color: #ff0000;
}
.mailerlite-form label.error {
color: #ff0000;
}
.mailerlite-form-response {
margin-top: 20px;
display: none;
text-align: center;
color: #00a154;
}
.mailerlite-form-loader {
display: none;
text-align: center;
font-weight: bold;
margin: 0 20px;
}
.mailerlite-form-error {
display: block;
color: #ff0000;
}
.mailerlite-subscribe-submit{
max-width: 100%;
}@import url("https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700;800;900&family=Source+Sans+3:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap"); :root {
--bg:      #0d0d0f;
--bg2:     #111318;
--bg3:     #161920;
--bg4:     #1c2030;
--accent:  #f7931a;
--accent2: #ff6b35;
--blue:    #3b82f6;
--green:   #22c55e;
--red:     #ef4444;
--text1:   #f1f5f9;
--text2:   #94a3b8;
--text3:   #475569;
--border:  rgba(255,255,255,0.07);
--border2: rgba(255,255,255,0.12);
--font-h:  'Exo 2', sans-serif;
--font-b:  'Source Sans 3', sans-serif;
--mono:    'JetBrains Mono', monospace;
--safe-bottom: env(safe-area-inset-bottom, 0px);
} html { background: var(--bg) !important; }
body,
body.wcn-dark {
background: var(--bg) !important;
color: var(--text2) !important;
font-family: var(--font-b) !important;
-webkit-font-smoothing: antialiased;
} #page, #content, #primary, #secondary,
#main, .site, .ast-container,
.entry-content, .ast-article-single,
.site-content, .ast-single-post,
.ast-separate-container,
.ast-page-builder-template,
.ast-right-sidebar, .ast-left-sidebar {
background: var(--bg) !important;
}
::selection { background: rgba(247,147,26,.22); color: #f7931a; }
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: #1e2535; border-radius: 3px; } #wcn-reading-progress {
position: fixed;
top: 0; left: 0;
width: 0%; height: 2px;
background: linear-gradient(90deg, var(--accent), var(--accent2));
z-index: 99999;
box-shadow: 0 0 6px var(--accent);
transition: width .1s linear;
pointer-events: none;
} #wcn-top-bars {
position: relative;
z-index: 400;
width: 100%;
} .wcn-ticker {
background: #08090b;
border-bottom: 1px solid var(--border);
height: 30px;
display: flex;
align-items: center;
padding: 0 1rem;
gap: .75rem;
overflow: hidden;
width: 100%;
}
.wcn-ticker-label {
font-family: var(--mono);
font-size: .58rem; font-weight: 600;
letter-spacing: .1em; text-transform: uppercase;
color: var(--accent);
padding-right: .75rem;
border-right: 1px solid var(--border);
flex-shrink: 0;
white-space: nowrap;
}
.wcn-ticker-overflow { overflow: hidden; flex: 1; }
.wcn-ticker-track {
display: flex;
gap: 2rem;
animation: wcnTicker 30s linear infinite;
white-space: nowrap;
}
.wcn-ticker-item {
display: inline-flex; align-items: center; gap: .4rem;
font-family: var(--mono); font-size: .65rem; color: var(--text1);
}
.wcn-ticker-sym { color: var(--text3); font-size: .6rem; }
.wcn-ticker-up  { color: var(--green); }
.wcn-ticker-dn  { color: var(--red); }
@keyframes wcnTicker { from { transform: translateX(0); } to { transform: translateX(-50%); } } .site-header,
.ast-primary-header-bar,
#masthead {
background: var(--bg2) !important;
border-bottom: 1px solid var(--border) !important;
box-shadow: none !important;
} .ast-site-title a,
.site-title a,
.ast-logo-title-holder .site-title {
color: var(--text1) !important;
font-family: var(--font-h) !important;
font-weight: 900 !important;
} .main-header-menu .menu-link,
.ast-nav-menu .menu-link,
#ast-hf-menu-1 .menu-link {
color: var(--text2) !important;
font-family: var(--font-h) !important;
font-size: .85rem !important;
font-weight: 600 !important;
letter-spacing: .01em !important;
}
.main-header-menu .menu-link:hover,
.ast-nav-menu .menu-link:hover { color: var(--text1) !important; }
.main-header-menu .current-menu-item > .menu-link,
.ast-nav-menu .current-menu-item > .menu-link { color: var(--accent) !important; } .main-header-menu .sub-menu,
.ast-nav-menu .sub-menu {
background: var(--bg2) !important;
border: 1px solid var(--border) !important;
border-radius: 8px !important;
box-shadow: 0 8px 30px rgba(0,0,0,.5) !important;
}
.main-header-menu .sub-menu .menu-link,
.ast-nav-menu .sub-menu .menu-link { color: var(--text2) !important; }
.main-header-menu .sub-menu .menu-link:hover,
.ast-nav-menu .sub-menu .menu-link:hover { color: var(--accent) !important; background: var(--bg3) !important; } .ast-button-wrap .menu-toggle,
.ast-mobile-menu-trigger-fill { color: var(--text2) !important; }
.ast-mobile-menu-trigger-fill span { background: var(--text2) !important; } .ast-mobile-header-content { background: var(--bg2) !important; }
.ast-mobile-header-content .menu-link { color: var(--text2) !important; border-color: var(--border) !important; font-family: var(--font-h) !important; }
.ast-mobile-header-content .menu-link:hover,
.ast-mobile-header-content .current-menu-item > .menu-link { color: var(--accent) !important; } .wcn-cat-nav {
background: var(--bg2);
border-bottom: 1px solid var(--border);
width: 100%;
}
.wcn-cat-nav-inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 1.25rem;
box-sizing: border-box;
display: flex;
overflow-x: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.wcn-cat-nav-inner::-webkit-scrollbar { display: none; }
.wcn-cat-nav a {
font-family: var(--font-h);
font-size: .72rem; font-weight: 700;
letter-spacing: .05em; text-transform: uppercase;
color: var(--text3);
padding: .6rem 1rem;
border-bottom: 2px solid transparent;
white-space: nowrap;
flex-shrink: 0;
display: block;
text-decoration: none;
transition: color .2s, border-color .2s;
}
.wcn-cat-nav a:hover,
.wcn-cat-nav a.current-cat {
color: var(--accent);
border-bottom-color: var(--accent);
}  h1, h2, h3, h4, h5, h6,
.entry-title, .entry-title a,
.ast-blog-single-element-title a {
color: var(--text1) !important;
font-family: var(--font-h) !important;
}
.entry-title a:hover { color: var(--accent) !important; } p, .entry-content p, .entry-summary p {
color: var(--text2) !important;
font-family: var(--font-b) !important;
line-height: 1.75 !important;
} a { color: var(--text2) !important; }
.entry-content a { color: var(--accent) !important; }
.entry-content a:hover { color: #ffaa44 !important; } .entry-meta,
.ast-blog-meta,
.posted-on, .byline, .cat-links,
.entry-meta a, .ast-blog-meta a {
color: var(--text3) !important;
font-family: var(--mono) !important;
font-size: .68rem !important;
}
.entry-meta a:hover, .ast-blog-meta a:hover { color: var(--accent) !important; } .ast-article-categories-container a,
.entry-meta .cat-links a {
background: var(--accent) !important;
color: #000 !important;
font-family: var(--font-h) !important;
font-size: .6rem !important;
font-weight: 800 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
padding: .2rem .6rem !important;
border-radius: 3px !important;
text-decoration: none !important;
}  .ast-blog-layout-1 #primary > .site-main,
.blog #primary,
.archive #primary {
background: var(--bg) !important;
} .ast-article-post {
background: var(--bg2) !important;
border: 1px solid var(--border) !important;
border-radius: 8px !important;
margin-bottom: 1rem !important;
box-shadow: none !important;
overflow: hidden !important;
transition: background .2s, border-color .2s !important;
}
.ast-article-post:hover {
background: var(--bg3) !important;
border-color: var(--border2) !important;
} .ast-blog-featured-section {
background: var(--bg3) !important;
}
.ast-blog-featured-section img {
opacity: .9 !important;
transition: opacity .3s !important;
}
.ast-article-post:hover .ast-blog-featured-section img { opacity: 1 !important; } .ast-blog-single-element-title {
font-family: var(--font-h) !important;
font-weight: 700 !important;
letter-spacing: -.02em !important;
line-height: 1.3 !important;
} .single-post .site-content,
.single .ast-article-single {
background: var(--bg) !important;
} .single h1.entry-title {
font-family: var(--font-h) !important;
font-size: clamp(1.5rem, 3vw, 2.2rem) !important;
font-weight: 900 !important;
letter-spacing: -.04em !important;
line-height: 1.12 !important;
color: var(--text1) !important;
} .single .entry-content h2 {
font-family: var(--font-h) !important;
font-size: 1.3rem !important; font-weight: 800 !important;
color: var(--text1) !important;
letter-spacing: -.03em !important;
margin: 2rem 0 .85rem !important;
padding-bottom: .5rem !important;
border-bottom: 1px solid var(--border) !important;
}
.single .entry-content h3 {
font-family: var(--font-h) !important;
font-size: 1.1rem !important; font-weight: 700 !important;
color: var(--text1) !important;
margin: 1.5rem 0 .6rem !important;
} .single .ast-single-post-featured-section,
.single .post-thumbnail {
border-radius: 8px !important;
overflow: hidden !important;
border: 1px solid var(--border) !important;
margin-bottom: 1.5rem !important;
} .single .entry-content blockquote,
.entry-content blockquote {
background: var(--bg3) !important;
border: none !important;
border-left: 3px solid var(--accent) !important;
border-radius: 0 8px 8px 0 !important;
padding: 1rem 1.25rem !important;
margin: 1.5rem 0 !important;
color: var(--text1) !important;
} .entry-content pre {
background: #080b10 !important;
border: 1px solid var(--border2) !important;
border-radius: 8px !important;
padding: 1.25rem !important;
font-family: var(--mono) !important;
color: #7dd3fc !important;
overflow-x: auto !important;
}
.entry-content code {
font-family: var(--mono) !important;
background: var(--bg3) !important;
color: #7dd3fc !important;
padding: .15em .5em !important;
border-radius: 3px !important;
border: 1px solid var(--border) !important;
} .entry-content ul li, .entry-content ol li { color: var(--text2) !important; }
.entry-content ul li::marker { color: var(--accent) !important; } .wcn-read-time {
display: inline-flex !important;
align-items: center !important; gap: .4rem !important;
font-family: var(--mono) !important; font-size: .7rem !important;
color: var(--text3) !important;
background: var(--bg3) !important;
border: 1px solid var(--border) !important;
padding: .25rem .8rem !important;
border-radius: 100px !important;
margin-bottom: 1.25rem !important;
} #secondary, .ast-sidebar-wrap, .widget-area {
background: var(--bg) !important;
}
.widget {
background: var(--bg2) !important;
border: 1px solid var(--border) !important;
border-radius: 8px !important;
overflow: hidden !important;
margin-bottom: 1.25rem !important;
padding: 0 !important;
box-shadow: none !important;
}
.widget-title, .widgettitle {
font-family: var(--font-h) !important;
font-size: .68rem !important; font-weight: 800 !important;
letter-spacing: .1em !important; text-transform: uppercase !important;
color: var(--text1) !important;
padding: .75rem 1rem !important; margin: 0 !important;
border-bottom: 1px solid var(--border) !important;
background: var(--bg2) !important;
display: flex !important; align-items: center !important; gap: .5rem !important;
}
.widget-title::before, .widgettitle::before {
content: '' !important; width: 3px !important; height: 13px !important;
background: var(--accent) !important; border-radius: 2px !important;
display: inline-block !important; flex-shrink: 0 !important;
}
.widget ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.widget ul li { background: var(--bg2) !important; border-bottom: 1px solid var(--border) !important; }
.widget ul li:last-child { border: none !important; }
.widget ul li a { display: block !important; padding: .7rem 1rem !important; color: var(--text2) !important; text-decoration: none !important; font-size: .85rem !important; transition: color .2s, background .2s !important; }
.widget ul li a:hover { color: var(--accent) !important; background: var(--bg3) !important; } .widget .search-field {
background: var(--bg3) !important; border: 1px solid var(--border2) !important;
border-radius: 5px !important; color: var(--text1) !important;
padding: .65rem 1rem !important; width: 100% !important;
font-family: var(--font-b) !important; -webkit-appearance: none !important;
}
.widget .search-field:focus { outline: none !important; border-color: var(--accent) !important; }
.widget .search-submit {
background: var(--accent) !important; border: none !important; color: #000 !important;
font-family: var(--font-h) !important; font-weight: 800 !important;
padding: .65rem 1rem !important; border-radius: 5px !important; cursor: pointer !important;
width: 100% !important; margin-top: .5rem !important; text-transform: uppercase !important;
font-size: .75rem !important; letter-spacing: .04em !important;
}
.widget .search-submit:hover { background: #ffaa44 !important; } .tag-cloud-link {
font-family: var(--font-h) !important; font-size: .62rem !important; font-weight: 700 !important;
letter-spacing: .05em !important; text-transform: uppercase !important;
color: var(--text2) !important; background: var(--bg3) !important;
border: 1px solid var(--border) !important; padding: .25rem .65rem !important;
border-radius: 3px !important; display: inline-block !important; margin: .2rem !important;
text-decoration: none !important; transition: color .2s, border-color .2s !important;
}
.tag-cloud-link:hover { color: var(--accent) !important; border-color: rgba(247,147,26,.35) !important; } .page-numbers,
.ast-pagination { list-style: none !important; padding: 0 !important; display: flex !important; gap: .4rem !important; justify-content: center !important; margin: 2rem 0 !important; }
.page-numbers a, .page-numbers span,
.page-numbers li a, .page-numbers li span {
display: flex !important; align-items: center !important; justify-content: center !important;
width: 38px !important; height: 38px !important;
background: var(--bg2) !important; border: 1px solid var(--border) !important;
border-radius: 5px !important; color: var(--text2) !important;
font-family: var(--mono) !important; font-size: .82rem !important; text-decoration: none !important;
transition: all .2s !important;
}
.page-numbers a:hover { color: var(--accent) !important; border-color: rgba(247,147,26,.35) !important; }
.page-numbers .current { background: var(--accent) !important; border-color: var(--accent) !important; color: #000 !important; font-weight: 700 !important; } .site-footer, #colophon, .ast-footer-overlay {
background: var(--bg2) !important;
border-top: 1px solid var(--border) !important;
} .ast-footer-widget-area,
.ast-footer-widget-area .ast-container,
.ast-footer-copyright-wrap,
.ast-footer-copyright-wrap .ast-container,
.ast-footer-above-section,
.ast-footer-below-section,
#colophon .ast-container,
#colophon .ast-row {
background: var(--bg2) !important;
} #colophon .ast-container,
.ast-footer-copyright-wrap .ast-container {
max-width: 1200px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
width: 100% !important;
} #colophon,
#colophon *,
.site-footer,
.site-footer * {
font-family: var(--font-b) !important;
font-size: .8rem !important;
font-weight: 400 !important;
color: var(--text3) !important;
line-height: 1.6 !important;
text-decoration: none !important;
} #colophon .widget-title,
#colophon .widgettitle,
#colophon h1, #colophon h2,
#colophon h3, #colophon h4,
#colophon h5, #colophon h6,
.site-footer .widget-title,
.site-footer .widgettitle,
.site-footer h1, .site-footer h2,
.site-footer h3, .site-footer h4,
.site-footer h5, .site-footer h6 {
font-family: var(--font-h) !important;
font-size: .65rem !important;
font-weight: 800 !important;
letter-spacing: .1em !important;
text-transform: uppercase !important;
color: var(--text3) !important;
margin-bottom: .85rem !important;
line-height: 1.4 !important;
} #colophon a,
.site-footer a {
font-family: var(--font-b) !important;
font-size: .8rem !important;
font-weight: 400 !important;
color: var(--text3) !important;
text-decoration: none !important;
transition: color .2s !important;
}
#colophon a:hover,
.site-footer a:hover { color: var(--accent) !important; } #colophon .ast-footer-copyright,
#colophon .site-info,
.ast-footer-copyright,
.site-info {
font-family: var(--mono) !important;
font-size: .65rem !important;
color: var(--text3) !important;
font-weight: 400 !important;
} input[type="text"], input[type="email"], input[type="password"],
input[type="search"], textarea, select {
background: var(--bg3) !important; border: 1px solid var(--border2) !important;
border-radius: 5px !important; color: var(--text1) !important;
font-family: var(--font-b) !important; -webkit-appearance: none !important;
}
input:focus, textarea:focus { outline: none !important; border-color: var(--accent) !important; }
button[type="submit"], input[type="submit"] {
background: var(--accent) !important; border: none !important; color: #000 !important;
font-family: var(--font-h) !important; font-weight: 800 !important; cursor: pointer !important;
}
button[type="submit"]:hover, input[type="submit"]:hover { background: #ffaa44 !important; } .comments-area { background: var(--bg) !important; }
.comment-body { background: var(--bg2) !important; border: 1px solid var(--border) !important; border-radius: 8px !important; padding: 1rem 1.25rem !important; margin-bottom: 1rem !important; }
.comment-author .fn { color: var(--text1) !important; font-weight: 700 !important; }
.comment-content p { color: var(--text2) !important; }
.comment-metadata a { color: var(--text3) !important; font-family: var(--mono) !important; font-size: .62rem !important; } .wcn-bottom-nav {
display: none;
position: fixed;
bottom: 0; left: 0; right: 0;
background: rgba(17,19,24,.96);
border-top: 1px solid var(--border);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
padding-bottom: var(--safe-bottom);
z-index: 9990;
}
.wcn-bottom-nav-inner { display: flex; }
.wcn-nav-item {
flex: 1;
display: flex; flex-direction: column;
align-items: center; justify-content: center;
padding: .6rem .5rem .55rem;
color: var(--text3);
text-decoration: none;
gap: .2rem;
-webkit-tap-highlight-color: transparent;
transition: color .2s;
}
.wcn-nav-item:hover, .wcn-nav-item.active { color: var(--accent) !important; }
.wcn-nav-icon { display: flex; align-items: center; justify-content: center; }
.wcn-nav-label { font-family: var(--font-h); font-size: .5rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; } @media (max-width: 1024px) {
.ast-article-post { margin-bottom: .75rem !important; }
}  .ast-container,
.ast-container-fluid,
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 1200px !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
} .home #content .ast-container,
.front-page #content .ast-container,
body.page-template-front-page #content .ast-container {
padding-left: 0 !important;
padding-right: 0 !important;
} .ast-narrow-container .ast-container,
.single .ast-container,
.page .ast-container {
max-width: 1200px !important;
} #content .ast-container > #primary,
.ast-two-container-layout #primary,
.ast-right-sidebar #primary,
.ast-left-sidebar #primary {
width: calc(1200px - 300px - 2.5rem) !important;
max-width: calc(100% - 300px - 2.5rem) !important;
} #secondary,
.ast-sidebar-wrap,
.widget-area,
.ast-right-sidebar #secondary,
.ast-left-sidebar #secondary {
width: 300px !important;
min-width: 300px !important;
max-width: 300px !important;
flex: 0 0 300px !important;
} @media (max-width: 768px) {
#content .ast-container > #primary,
.ast-right-sidebar #primary,
.ast-left-sidebar #primary {
width: 100% !important;
max-width: 100% !important;
}
#secondary,
.ast-sidebar-wrap,
.widget-area {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
}
} #wcn-homepage {
background: var(--bg);
width: 100%;
}
.wcn-home-wrap {
max-width: 1200px;
margin: 0 auto;
padding: 1.5rem 1.25rem;
display: grid;
grid-template-columns: 1fr 300px;
gap: 1.75rem;
background: var(--bg);
}
.wcn-home-main {
min-width: 0;
background: var(--bg);
}
.wcn-home-sidebar {
width: 300px;
flex-shrink: 0;
background: var(--bg);
} .wcn-section-head {
display: flex;
align-items: center;
gap: .6rem;
padding: 1.25rem 0 .85rem;
background: var(--bg);
}
.wcn-section-head::before {
content: '';
width: 3px; height: 16px;
background: var(--accent);
border-radius: 2px;
flex-shrink: 0;
}
.wcn-section-label {
font-family: var(--font-h);
font-size: .7rem; font-weight: 800;
letter-spacing: .1em; text-transform: uppercase;
color: var(--text1);
}
.wcn-section-more {
margin-left: auto;
font-family: var(--font-h);
font-size: .7rem; font-weight: 600;
color: var(--text3);
text-decoration: none;
transition: color .2s;
}
.wcn-section-more:hover { color: var(--accent) !important; } .wcn-hero-placeholder,
.wcn-hcard-placeholder,
.wcn-card-placeholder,
.wcn-list-placeholder {
width: 100%; height: 100%;
background: linear-gradient(135deg, var(--bg3), var(--bg4));
min-height: 150px;
} .wcn-hero-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1px;
background: var(--border);
border: 1px solid var(--border);
border-radius: 10px;
overflow: hidden;
margin-bottom: 1.75rem;
text-decoration: none;
} .wcn-hero-main {
position: relative;
overflow: hidden;
min-height: 430px;
display: block;
text-decoration: none;
grid-row: 1 / 2;
}
.wcn-hero-main img {
width: 100%; height: 100%;
object-fit: cover;
filter: brightness(.6);
transition: transform .6s ease, filter .3s;
display: block;
position: absolute; inset: 0;
}
.wcn-hero-main:hover img { transform: scale(1.03); filter: brightness(.72); }
.wcn-hero-overlay {
position: absolute; inset: 0;
background: linear-gradient(to top, rgba(0,0,0,.9) 0%, rgba(0,0,0,.2) 55%, transparent 100%);
display: flex; flex-direction: column;
justify-content: flex-end;
padding: 1.75rem;
z-index: 1;
}
.wcn-hero-title-lg {
font-family: var(--font-h) !important;
font-size: clamp(1.3rem, 2.5vw, 1.75rem) !important;
font-weight: 800; letter-spacing: -.03em;
line-height: 1.15; color: #fff;
margin: .4rem 0 .75rem;
}
.wcn-hero-meta {
font-family: var(--mono);
font-size: .62rem; color: rgba(255,255,255,.45);
display: flex; align-items: center; gap: .5rem;
}
.wcn-hero-meta-dot {
width: 2px; height: 2px;
background: rgba(255,255,255,.3); border-radius: 50%;
} .wcn-hero-subs {
display: flex; flex-direction: column; gap: 1px;
background: var(--border);
}
.wcn-hero-sub {
position: relative; overflow: hidden;
flex: 1; min-height: 185px;
display: block; text-decoration: none;
background: var(--bg3);
}
.wcn-hero-sub img {
width: 100%; height: 100%;
object-fit: cover;
filter: brightness(.62);
transition: transform .5s ease, filter .3s;
display: block;
position: absolute; inset: 0;
}
.wcn-hero-sub:hover img { transform: scale(1.04); filter: brightness(.75); }
.wcn-hero-sub-overlay {
position: absolute; inset: 0;
background: linear-gradient(to top, rgba(0,0,0,.88) 0%, transparent 55%);
display: flex; flex-direction: column;
justify-content: flex-end;
padding: 1.25rem;
z-index: 1;
}
.wcn-hero-title-md {
font-family: var(--font-h) !important;
font-size: 1.05rem !important;
font-weight: 800 !important;
letter-spacing: -.03em !important;
line-height: 1.15 !important;
color: #fff !important;
margin: .3rem 0 .5rem;
} .wcn-hscroll {
padding: 0 0 .5rem;
overflow-x: auto;
display: flex; gap: .75rem;
scrollbar-width: none; -ms-overflow-style: none;
cursor: grab;
background: var(--bg);
-webkit-overflow-scrolling: touch;
}
.wcn-hscroll:active { cursor: grabbing; }
.wcn-hscroll::-webkit-scrollbar { display: none; }
.wcn-hcard {
flex-shrink: 0; width: 200px;
background: var(--bg2);
border: 1px solid var(--border);
border-radius: 10px; overflow: hidden;
text-decoration: none;
transition: border-color .2s;
display: block;
}
.wcn-hcard:hover { border-color: rgba(247,147,26,.3); }
.wcn-hcard img { width: 100%; height: 110px; object-fit: cover; filter: brightness(.82); display: block; }
.wcn-hcard-placeholder { width: 100%; height: 110px; background: var(--bg3); }
.wcn-hcard-body { padding: .65rem .8rem .8rem; }
.wcn-hcard-cat { font-family: var(--font-h); font-size: .58rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--accent); margin-bottom: .3rem; }
.wcn-hcard-title { font-family: var(--font-h); font-size: .82rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.3; color: var(--text1); }
.wcn-hcard-meta { font-family: var(--mono); font-size: .58rem; color: var(--text3); margin-top: .4rem; } .wcn-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1px;
background: var(--border);
border: 1px solid var(--border);
border-radius: 10px;
overflow: hidden;
margin-bottom: 1.75rem;
}
.wcn-card-v {
background: var(--bg2);
overflow: hidden;
text-decoration: none;
transition: background .2s;
display: block;
}
.wcn-card-v:hover { background: var(--bg3); }
.wcn-card-v img { width: 100%; height: 145px; object-fit: cover; filter: brightness(.82); display: block; transition: transform .5s, filter .3s; }
.wcn-card-v:hover img { transform: scale(1.04); filter: brightness(.95); }
.wcn-card-placeholder { width: 100%; height: 145px; background: var(--bg3); }
.wcn-card-v-body { padding: .85rem 1rem 1rem; background: var(--bg2); }
.wcn-card-v-title { font-family: var(--font-h) !important; font-size: .92rem !important; font-weight: 700 !important; letter-spacing: -.02em !important; line-height: 1.3 !important; color: var(--text1) !important; transition: color .2s; margin-bottom: .5rem !important; }
.wcn-card-v:hover .wcn-card-v-title { color: var(--accent); }
.wcn-card-meta { font-family: var(--mono); font-size: .6rem; color: var(--text3); } .wcn-list {
background: var(--bg2);
border: 1px solid var(--border);
border-radius: 10px;
overflow: hidden;
margin-bottom: 1.75rem;
}
.wcn-list-card {
display: grid;
grid-template-columns: 160px 1fr;
background: var(--bg2);
border-bottom: 1px solid var(--border);
text-decoration: none;
transition: background .2s;
overflow: hidden;
min-height: 105px;
}
.wcn-list-card:last-child { border-bottom: none; }
.wcn-list-card:hover { background: var(--bg3); }
.wcn-list-card img { width: 160px; height: 105px; object-fit: cover; filter: brightness(.85); display: block; transition: filter .3s; }
.wcn-list-card:hover img { filter: brightness(1); }
.wcn-list-placeholder { width: 160px; height: 105px; background: var(--bg3); }
.wcn-list-body { padding: .75rem 1rem; display: flex; flex-direction: column; justify-content: center; }
.wcn-list-cat { font-family: var(--font-h); font-size: .58rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--accent); margin-bottom: .2rem; }
.wcn-list-title { font-family: var(--font-h); font-size: .88rem; font-weight: 700; letter-spacing: -.015em; line-height: 1.3; color: var(--text1); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.wcn-list-card:hover .wcn-list-title { color: var(--accent); }
.wcn-list-meta { font-family: var(--mono); font-size: .6rem; color: var(--text3); margin-top: .35rem; }  .wcn-widget {
background: var(--bg2);
border: 1px solid var(--border);
border-radius: 10px;
overflow: hidden;
margin-bottom: 1.25rem;
}
.wcn-widget-head {
padding: .7rem 1rem;
border-bottom: 1px solid var(--border);
display: flex; align-items: center; gap: .5rem;
background: var(--bg2);
}
.wcn-widget-head::before {
content: '';
width: 3px; height: 13px;
background: var(--accent); border-radius: 2px; flex-shrink: 0;
}
.wcn-widget-head span {
font-family: var(--font-h);
font-size: .65rem; font-weight: 800;
letter-spacing: .08em; text-transform: uppercase;
color: var(--text1);
} .wcn-trending-item {
display: flex; align-items: flex-start; gap: .75rem;
padding: .8rem 1rem;
border-bottom: 1px solid var(--border);
text-decoration: none;
transition: background .15s;
}
.wcn-trending-item:last-child { border: none; }
.wcn-trending-item:hover { background: var(--bg3); }
.wcn-trending-num { font-family: var(--font-h); font-size: 1.3rem; font-weight: 900; color: rgba(255,255,255,.07); line-height: 1; flex-shrink: 0; width: 26px; text-align: center; }
.wcn-trending-title { font-family: var(--font-h); font-size: .82rem; font-weight: 700; letter-spacing: -.01em; line-height: 1.3; color: var(--text1); }
.wcn-trending-item:hover .wcn-trending-title { color: var(--accent); }
.wcn-trending-meta { font-family: var(--mono); font-size: .58rem; color: var(--text3); margin-top: .2rem; } .wcn-show-mobile { display: none; }  @media (max-width: 1024px) {
.wcn-home-wrap {
grid-template-columns: 1fr;
}
.wcn-home-sidebar {
width: 100%;
}
.wcn-grid {
grid-template-columns: repeat(2, 1fr);
}
} @media (max-width: 768px) { .wcn-home-wrap { padding: 0 0 1rem; gap: 0; }
.wcn-home-main { padding: 0; } .wcn-hero-grid { display: none; }
.wcn-show-mobile { display: flex; } .wcn-hero-main-mobile {
position: relative;
margin: .75rem;
border-radius: 12px;
overflow: hidden;
min-height: 240px;
}
.wcn-hero-main-mobile img {
width: 100%; height: 240px;
object-fit: cover;
filter: brightness(.6);
display: block;
}
.wcn-hero-main-mobile .wcn-hero-overlay {
position: absolute; inset: 0;
background: linear-gradient(to top, rgba(0,0,0,.92) 0%, rgba(0,0,0,.25) 55%, transparent 100%);
display: flex; flex-direction: column; justify-content: flex-end;
padding: 1.1rem;
} .wcn-hscroll {
padding: 0 1rem .5rem;
cursor: grab;
}
.wcn-hscroll:active { cursor: grabbing; }
.wcn-hcard {
width: 200px;
border-radius: 10px;
border: 1px solid var(--border);
}
.wcn-hcard:active { border-color: rgba(247,147,26,.35); }
.wcn-hcard img { height: 110px; } .wcn-section-head { padding: 1.1rem 1rem .7rem; }
.wcn-section-label { font-size: .68rem; letter-spacing: .1em; } .wcn-grid {
grid-template-columns: 1fr;
border-radius: 0;
border-left: none;
border-right: none;
margin-bottom: 0;
} .wcn-list {
border-radius: 0;
border-left: none;
border-right: none;
}
.wcn-list-card {
grid-template-columns: 110px 1fr;
border-bottom: 1px solid var(--border);
border-radius: 0;
}
.wcn-list-card:first-child { border-top: 1px solid var(--border); }
.wcn-list-card img,
.wcn-list-placeholder { width: 110px; height: 85px; }
.wcn-list-title {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
} .wcn-widget {
border-radius: 0;
border-left: none;
border-right: none;
margin-bottom: .75rem;
} .wcn-nl-box {
background: linear-gradient(135deg, #0e1a2f, #161920);
border: 1px solid rgba(247,147,26,.2);
margin: .75rem;
border-radius: 12px;
padding: 1.25rem;
}
.wcn-nl-input {
border-radius: 8px;
padding: .7rem .9rem;
-webkit-appearance: none;
}
.wcn-nl-btn {
border-radius: 8px;
padding: .7rem;
} .wcn-home-sidebar {
width: 100%;
padding: 0;
border-top: 1px solid var(--border);
} .wcn-trending-num {
font-size: 1.3rem;
width: 26px;
}
.wcn-trending-title { font-size: .82rem; }
.wcn-trending-meta { font-size: .58rem; } .wcn-price-icon { width: 32px; height: 32px; font-size: .75rem; }
.wcn-price-name { font-size: .85rem; }
.wcn-price-val  { font-size: .82rem; }
.wcn-price-chg  { font-size: .6rem; } .wcn-tag { font-size: .6rem; padding: .25rem .65rem; } .wcn-bottom-nav { display: flex !important; }
#page { padding-bottom: calc(60px + var(--safe-bottom, 0px)) !important; } .single h1.entry-title { font-size: 1.45rem !important; }
.single .entry-content h2 { font-size: 1.1rem !important; } #secondary, .ast-sidebar-wrap {
margin-top: 1.5rem !important;
border-top: 1px solid var(--border) !important;
padding-top: 1.5rem !important;
}
} @media (max-width: 480px) {
.wcn-hcard { width: 170px; }
.wcn-hcard img { height: 95px; }
.single h1.entry-title { font-size: 1.25rem !important; }
.wcn-hero-title-lg { font-size: 1.15rem; }
} .wcn-price-row {
display: flex;
align-items: center;
justify-content: space-between;
padding: .7rem 1.1rem;
border-bottom: 1px solid var(--border);
cursor: pointer;
transition: background .2s;
}
.wcn-price-row:last-child { border-bottom: none; }
.wcn-price-row:hover { background: var(--bg3); }
.wcn-price-left {
display: flex;
align-items: center;
gap: .7rem;
} .wcn-price-icon {
width: 28px;
height: 28px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: .8rem;
font-weight: 700;
font-family: var(--mono, monospace);
flex-shrink: 0;
}
.wcn-price-icon.btc { background: rgba(247,147,26,.15);  color: #f7931a; }
.wcn-price-icon.eth { background: rgba(98,126,234,.15);  color: #627eea; }
.wcn-price-icon.sol { background: rgba(20,241,149,.15);  color: #14f195; }
.wcn-price-icon.bnb { background: rgba(243,186,47,.15);  color: #f3ba2f; }
.wcn-price-icon.xrp { background: rgba(52,106,169,.15);  color: #346aa9; }
.wcn-price-icon.ada { background: rgba(0,51,173,.15);    color: #6699ff; }
.wcn-price-icon.doge{ background: rgba(194,166,51,.15);  color: #c2a633; }
.wcn-price-name {
font-family: var(--font-h, 'Exo 2', sans-serif);
font-size: .82rem;
font-weight: 700;
color: var(--text1);
line-height: 1.2;
}
.wcn-price-sym {
font-family: var(--mono, monospace);
font-size: .65rem;
color: var(--text3);
margin-top: .1rem;
} .wcn-price-val {
font-family: var(--mono, monospace);
font-size: .85rem;
font-weight: 500;
color: var(--text1);
text-align: right;
}
.wcn-price-chg {
font-family: var(--mono, monospace);
font-size: .65rem;
font-weight: 600;
text-align: right;
margin-top: .1rem;
}
.wcn-price-chg.up { color: var(--green, #22c55e); }
.wcn-price-chg.dn { color: var(--red,   #ef4444); } .wcn-price-right {
text-align: right;
} .wcn-nl-box {
background: var(--bg2);
border: 1px solid var(--border);
border-radius: 10px;
padding: 1.25rem 1.1rem;
overflow: hidden;
}
.wcn-nl-title {
display: flex;
align-items: center;
gap: .5rem;
font-family: var(--font-h, 'Exo 2', sans-serif);
font-size: 1rem;
font-weight: 800;
letter-spacing: -.02em;
color: var(--text1);
margin-bottom: .4rem;
}
.wcn-nl-title svg {
color: var(--accent);
flex-shrink: 0;
}
.wcn-nl-desc {
font-size: .8rem;
color: var(--text2);
line-height: 1.55;
margin-bottom: 1rem;
}
.wcn-nl-form {
display: flex;
flex-direction: column;
gap: .6rem;
}
.wcn-nl-input {
width: 100%;
background: #0d1220;
border: 1px solid var(--border2, rgba(255,255,255,.12));
border-radius: 5px;
padding: .6rem .9rem;
color: var(--text1);
font-family: var(--font-b, 'Source Sans 3', sans-serif);
font-size: .82rem;
transition: border-color .2s;
}
.wcn-nl-input::placeholder { color: var(--text3); }
.wcn-nl-input:focus {
outline: none;
border-color: var(--accent);
}
.wcn-nl-btn {
width: 100% !important;
background: var(--accent) !important;
border: none !important;
color: #000 !important;
font-family: var(--font-h, 'Exo 2', sans-serif) !important;
font-size: .82rem !important;
font-weight: 800 !important;
letter-spacing: .02em !important;
text-transform: uppercase !important;
padding: .65rem !important;
border-radius: 5px !important;
cursor: pointer !important;
transition: background .2s !important;
box-shadow: none !important;
line-height: 1.4 !important;
display: block !important;
text-align: center !important;
}
.wcn-nl-btn:hover { background: #ffaa44 !important; } .wcn-tags {
display: flex;
flex-wrap: wrap;
gap: .4rem;
padding: .85rem 1rem;
}
.wcn-tag {
font-family: var(--font-h, 'Exo 2', sans-serif);
font-size: .65rem;
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;
color: var(--text2);
background: var(--bg3);
border: 1px solid var(--border);
padding: .25rem .7rem;
border-radius: 3px;
cursor: pointer;
transition: all .2s;
text-decoration: none;
}
.wcn-tag:hover {
color: var(--accent);
border-color: rgba(247,147,26,.3);
background: rgba(247,147,26,.07);
}  .wcn-cat-badge {
font-family: var(--font-h, 'Exo 2', sans-serif);
font-size: .65rem;
font-weight: 800;
letter-spacing: .12em;
text-transform: uppercase;
color: #000;
background: var(--accent);
padding: .2rem .65rem;
border-radius: 3px;
display: inline-block;
margin-bottom: .75rem;
width: fit-content;
} .wcn-card-v-body .wcn-cat-badge,
.wcn-list-body .wcn-cat-badge {
background: transparent;
color: var(--accent);
padding: 0;
margin-bottom: .35rem;
letter-spacing: .1em;
font-size: .6rem;
} .wcn-logo {
font-family: var(--font-h, 'Exo 2', sans-serif);
font-size: 1.3rem;
font-weight: 900;
letter-spacing: -.03em;
color: var(--text1);
text-decoration: none;
display: flex;
align-items: center;
white-space: nowrap;
line-height: 1;
}
.wcn-logo:hover { color: var(--text1); text-decoration: none; }
.wcn-logo-accent { color: var(--accent); } .wcn-logo ~ .ast-site-title,
.ast-logo-title-holder .custom-logo-link,
.ast-logo-title-holder img.custom-logo {
display: none !important;
}  .wcn-nl-box .srfm-form-container,
.wcn-nl-box .srfm-form {
background: transparent !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
} .wcn-nl-box .srfm-label,
.wcn-nl-box .srfm-block-label {
font-family: var(--font-b) !important;
font-size: .8rem !important;
color: var(--text2) !important;
margin-bottom: .35rem !important;
} .wcn-nl-box .srfm-input,
.wcn-nl-box input[type="email"],
.wcn-nl-box input[type="text"] {
width: 100% !important;
background: #0d1220 !important;
border: 1px solid var(--border2) !important;
border-radius: 5px !important;
padding: .6rem .9rem !important;
color: var(--text1) !important;
font-family: var(--font-b) !important;
font-size: .82rem !important;
margin-bottom: .6rem !important;
box-shadow: none !important;
-webkit-appearance: none !important;
}
.wcn-nl-box input[type="email"]:focus,
.wcn-nl-box input[type="text"]:focus {
outline: none !important;
border-color: var(--accent) !important;
}
.wcn-nl-box input::placeholder { color: var(--text3) !important; } .wcn-nl-box .srfm-submit-btn,
.wcn-nl-box button[type="submit"],
.wcn-nl-box input[type="submit"] {
width: 100% !important;
background: var(--accent) !important;
border: none !important;
color: #000 !important;
font-family: var(--font-h) !important;
font-size: .82rem !important;
font-weight: 800 !important;
letter-spacing: .02em !important;
text-transform: uppercase !important;
padding: .65rem !important;
border-radius: 5px !important;
cursor: pointer !important;
transition: background .2s !important;
box-shadow: none !important;
}
.wcn-nl-box .srfm-submit-btn:hover,
.wcn-nl-box button[type="submit"]:hover { background: #ffaa44 !important; } .wcn-nl-box .srfm-success-message {
font-family: var(--font-h) !important;
font-size: .85rem !important;
color: var(--green) !important;
padding: .75rem !important;
background: rgba(34,197,94,.08) !important;
border: 1px solid rgba(34,197,94,.2) !important;
border-radius: 5px !important;
} .wcn-nl-box .srfm-error-message {
font-size: .75rem !important;
color: var(--red) !important;
margin-top: .25rem !important;
} .wcn-header {
background: var(--bg2);
border-bottom: 1px solid var(--border);
position: sticky;
top: 0;
z-index: 500;
width: 100%;
}
.wcn-header-inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 1.25rem;
box-sizing: border-box;
height: 58px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.5rem;
} .wcn-logo { text-decoration: none; flex-shrink: 0; display: flex; align-items: center; }
.wcn-logo img { height: 36px; width: auto; }
.wcn-logo-text {
font-family: var(--font-h);
font-size: 1.3rem; font-weight: 900;
letter-spacing: -.03em;
display: flex; align-items: center; gap: .05rem;
}
.wcn-logo-part1 { color: var(--text1); }
.wcn-logo-part2 { color: var(--accent); }
.wcn-logo-dot {
width: 6px; height: 6px;
background: var(--accent); border-radius: 50%;
margin-left: 2px; box-shadow: 0 0 8px var(--accent);
align-self: flex-start; margin-top: 5px;
}  .wcn-header-right { display: flex; align-items: center; gap: .65rem; flex-shrink: 0; }
.wcn-btn-search {
background: var(--bg3); border: 1px solid var(--border);
color: var(--text2);
padding: .38rem .9rem; border-radius: 5px;
font-family: var(--font-b); font-size: .8rem;
cursor: pointer; transition: border-color .2s, color .2s;
display: flex; align-items: center; gap: .4rem;
}
.wcn-btn-search:hover { border-color: var(--border2); color: var(--text1); }
.wcn-btn-nl {
background: var(--accent); color: #000;
padding: .38rem 1rem; border-radius: 5px;
font-family: var(--font-h); font-size: .8rem; font-weight: 700;
text-decoration: none; white-space: nowrap;
transition: background .2s; display: block;
}
.wcn-btn-nl:hover { background: #ffaa44 !important; color: #000 !important; } .wcn-hamburger {
display: none;
flex-direction: column; gap: 5px;
background: var(--bg3); border: 1px solid var(--border);
padding: .5rem; border-radius: 5px; cursor: pointer;
}
.wcn-hamburger span {
display: block; width: 18px; height: 2px;
background: var(--text2); border-radius: 2px;
transition: all .3s;
}
.wcn-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.wcn-hamburger.open span:nth-child(2) { opacity: 0; }
.wcn-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } .wcn-search-bar {
background: var(--bg3);
border-top: 1px solid var(--border);
padding: .75rem 1.25rem;
}
.wcn-search-bar[hidden] { display: none; }
.wcn-search-bar-inner { max-width: 1200px; margin: 0 auto; }
.wcn-search-bar form { display: flex; gap: .5rem; }
.wcn-search-input {
flex: 1; background: var(--bg2); border: 1px solid var(--border2);
border-radius: 6px; padding: .6rem 1rem;
color: var(--text1); font-family: var(--font-b); font-size: .9rem;
-webkit-appearance: none;
}
.wcn-search-input:focus { outline: none; border-color: var(--accent); }
.wcn-search-submit, .wcn-search-close {
background: var(--bg2); border: 1px solid var(--border);
color: var(--text2); padding: .6rem .9rem; border-radius: 6px;
cursor: pointer; transition: color .2s, border-color .2s;
}
.wcn-search-submit:hover { color: var(--accent); border-color: rgba(247,147,26,.3); }
.wcn-search-close:hover { color: var(--red); border-color: rgba(239,68,68,.3); } .wcn-mobile-menu {
display: none;
background: var(--bg2);
border-top: 1px solid var(--border);
padding: .5rem 0 1rem;
}
.wcn-mobile-menu.open { display: block; }
.wcn-mobile-nav-list { list-style: none; margin: 0; padding: 0; }
.wcn-mobile-nav-list > li > a {
display: block; padding: .75rem 1.5rem;
color: var(--text2); font-family: var(--font-h);
font-size: .9rem; font-weight: 600;
border-bottom: 1px solid var(--border);
text-decoration: none; transition: color .2s, background .2s;
}
.wcn-mobile-nav-list > li > a:hover,
.wcn-mobile-nav-list > .current-menu-item > a { color: var(--accent) !important; background: rgba(247,147,26,.06); }
.wcn-mobile-nav-list .sub-menu { list-style: none; padding: 0; }
.wcn-mobile-nav-list .sub-menu a {
display: block; padding: .6rem 2rem;
color: var(--text3); font-size: .85rem;
border-bottom: 1px solid var(--border);
text-decoration: none; transition: color .2s;
}
.wcn-mobile-nav-list .sub-menu a:hover { color: var(--accent) !important; }
.wcn-mobile-search { padding: .85rem 1.25rem; }
.wcn-mobile-search form { display: flex; gap: .5rem; }
.wcn-mobile-search input {
flex: 1; background: var(--bg3); border: 1px solid var(--border2);
border-radius: 6px; padding: .6rem 1rem;
color: var(--text1); font-family: var(--font-b); font-size: .85rem;
-webkit-appearance: none;
}
.wcn-mobile-search input:focus { outline: none; border-color: var(--accent); }
.wcn-mobile-search button {
background: var(--accent); border: none; color: #000;
font-family: var(--font-h); font-weight: 800; font-size: .75rem;
padding: .6rem 1rem; border-radius: 6px; cursor: pointer;
} .wcn-footer {
background: var(--bg2);
border-top: 1px solid var(--border);
margin-top: 3rem;
}
.wcn-footer-inner {
max-width: 1200px; margin: 0 auto;
padding: 2.5rem 1.25rem 1.5rem;
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 2rem;
} .wcn-footer-desc {
font-size: .8rem; color: var(--text3);
line-height: 1.65; max-width: 280px;
margin-bottom: 1rem;
}
.wcn-footer-social { display: flex; gap: .5rem; }
.wcn-social-link {
width: 32px; height: 32px;
background: var(--bg3); border: 1px solid var(--border);
border-radius: 6px; display: flex; align-items: center;
justify-content: center; color: var(--text3);
text-decoration: none; transition: color .2s, border-color .2s;
}
.wcn-social-link:hover { color: var(--accent) !important; border-color: rgba(247,147,26,.3); }
.wcn-footer-col-title {
font-family: var(--font-h); font-size: .65rem; font-weight: 800;
letter-spacing: .1em; text-transform: uppercase;
color: var(--text3); margin-bottom: .85rem;
}
.wcn-footer-col ul,
.wcn-footer-col > ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .4rem; }
.wcn-footer-col ul li a,
.wcn-footer-col > ul li a {
font-size: .82rem; color: var(--text3);
text-decoration: none; transition: color .2s;
}
.wcn-footer-col ul li a:hover { color: var(--accent) !important; }
.wcn-footer-bottom {
max-width: 1200px; margin: 0 auto;
padding: 1rem 1.25rem;
border-top: 1px solid var(--border);
display: flex; justify-content: space-between; align-items: center;
font-family: var(--mono); font-size: .65rem; color: var(--text3);
flex-wrap: wrap; gap: .5rem;
}
.wcn-footer-bottom a { color: var(--text3); text-decoration: none; transition: color .2s; }
.wcn-footer-bottom a:hover { color: var(--accent) !important; } @media (max-width: 768px) { .wcn-header-inner { height: 52px; gap: .75rem; }
.wcn-btn-search span { display: none; } .wcn-btn-search { padding: .38rem .55rem; }
.wcn-btn-nl { display: none; } .wcn-hamburger { display: flex; } .wcn-footer-inner {
grid-template-columns: 1fr 1fr;
gap: 1.5rem;
padding: 1.75rem 1.25rem 1.25rem;
}
.wcn-footer-brand { grid-column: 1 / -1; }
.wcn-footer-desc { max-width: 100%; } .wcn-footer { margin-bottom: calc(56px + var(--safe-bottom)); }
}
@media (max-width: 480px) {
.wcn-footer-inner { grid-template-columns: 1fr; }
.wcn-footer-brand { grid-column: auto; }
.wcn-footer-bottom { flex-direction: column; text-align: center; gap: .4rem; }
}  .wcn-header-inner,
.wcn-footer-inner,
.wcn-footer-bottom,
.wcn-cat-nav-inner {
margin-left: auto !important;
margin-right: auto !important;
text-align: left !important;
float: none !important;
} .wcn-header { text-align: left !important; }
.wcn-header * { box-sizing: border-box; } .wcn-header-inner {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
flex-direction: row !important;
width: 100% !important;
max-width: 1200px !important;
padding: 0 1.25rem !important;
box-sizing: border-box !important;
} .wcn-logo {
margin-left: 0 !important;
margin-right: 0 !important;
float: none !important;
order: 0 !important;
}  .wcn-header-right {
margin-left: 0 !important;
margin-right: 0 !important;
order: 2 !important;
float: none !important;
} .wcn-footer-inner {
display: grid !important;
grid-template-columns: 2fr 1fr 1fr 1fr !important;
text-align: left !important;
float: none !important;
}
.wcn-footer-bottom {
display: flex !important;
justify-content: space-between !important;
text-align: left !important;
float: none !important;
} .wcn-header::after,
.wcn-footer::after {
content: '';
display: table;
clear: both;
} .ast-container,
.ast-grid-common-wrap,
#content .ast-container,
.entry-content .ast-container,
.site-content .ast-container,
.ast-flex,
#primary,
#secondary,
.widget-area,
.main-wrap,
.wcn-header-inner,
.wcn-footer-inner,
.wcn-footer-bottom,
.wcn-cat-nav-inner {
max-width: 1200px !important;
} .ast-container {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
margin-left: auto !important;
margin-right: auto !important;
width: 100% !important;
} .ast-container,
.ast-grid-common-wrap,
.ast-row,
.site-content > .ast-container,
.entry-content > .ast-container {
max-width: 1200px !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
} body:not(.home):not(.front-page) #content,
body:not(.home):not(.front-page) .site-content,
body:not(.home):not(.front-page) #primary,
body:not(.home):not(.front-page) .content-area {
max-width: 1200px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
box-sizing: border-box !important;
width: 100% !important;
} .ast-page-builder-template #content,
.ast-full-width-layout #content,
.ast-page-builder-template .site-content {
max-width: 1200px !important;
padding: 0 1.25rem !important;
margin: 0 auto !important;
box-sizing: border-box !important;
} @media (min-width: 769px) { .ast-container,
.ast-grid-common-wrap {
max-width: 1200px !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
box-sizing: border-box !important;
} .page #content,
.page .site-content,
.page #primary { max-width: 1200px !important; margin: 0 auto !important; box-sizing: border-box !important; } .archive #content,
.category #content,
.tag #content,
.archive .site-content { max-width: 1200px !important; margin: 0 auto !important; box-sizing: border-box !important; } .single #content,
.single .site-content,
.single #primary { max-width: 1200px !important; margin: 0 auto !important; box-sizing: border-box !important; } .ast-full-width-layout .site-content,
.ast-plain-container .site-content,
.ast-page-builder-template .site-content {
max-width: 1200px !important;
margin: 0 auto !important;
padding: 0 1.25rem !important;
box-sizing: border-box !important;
}
} @media (min-width: 769px) { .ast-right-sidebar #content,
.ast-left-sidebar #content {
display: flex !important;
flex-direction: row !important;
align-items: flex-start !important;
gap: 1.75rem !important;
flex-wrap: nowrap !important;
} .ast-right-sidebar #primary,
.ast-left-sidebar #primary {
flex: 1 1 0 !important;
min-width: 0 !important;
width: auto !important;
max-width: none !important;
float: none !important;
} .ast-right-sidebar #secondary,
.ast-left-sidebar #secondary,
.ast-right-sidebar .widget-area,
.ast-left-sidebar .widget-area {
flex: 0 0 300px !important;
width: 300px !important;
min-width: 300px !important;
max-width: 300px !important;
float: none !important;
} .ast-right-sidebar #secondary { order: 2 !important; }
.ast-right-sidebar #primary   { order: 1 !important; } .ast-left-sidebar #secondary  { order: 1 !important; }
.ast-left-sidebar #primary    { order: 2 !important; } .ast-right-sidebar #primary,
.ast-right-sidebar #secondary,
.ast-left-sidebar #primary,
.ast-left-sidebar #secondary { float: none !important; }
}  .post-thumb-img-content,
.post-thumb-img-content.post-thumb {
overflow: hidden !important;
border-radius: 8px !important;
margin-bottom: 1rem !important;
}
.post-thumb-img-content img,
.post-thumb-img-content.post-thumb img {
width: 100% !important;
height: 200px !important;
object-fit: cover !important;
display: block !important;
max-width: 100% !important;
} .single .post-thumb-img-content img,
.single .post-thumb-img-content.post-thumb img {
height: 420px !important;
width: 100% !important;
object-fit: cover !important;
border-radius: 8px !important;
margin-bottom: 1.5rem !important;
} .ast-article-single .post-thumb,
.ast-article-post .post-thumb {
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
} .wcn-footer-inner {
max-width: 1200px !important;
margin: 0 auto;
padding: 2.5rem 1.25rem 1.5rem;
box-sizing: border-box;
}
.wcn-footer-brand {
max-width: 480px;
}
.wcn-footer-logo {
font-family: 'Exo 2', sans-serif !important;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: -.03em;
margin-bottom: .65rem;
display: flex;
align-items: center;
}
.wcn-footer-logo-plain  { color: var(--text1); }
.wcn-footer-logo-accent { color: var(--accent); } .wcn-footer-nav { margin-top: 1.25rem; }
.wcn-footer-nav-list {
list-style: none; margin: 0; padding: 0;
display: flex; flex-wrap: wrap; gap: .35rem 0;
}
.wcn-footer-nav-list li { display: flex; align-items: center; }
.wcn-footer-nav-list li:not(:last-child)::after {
content: '·';
color: var(--text3);
margin: 0 .5rem;
font-size: .8rem;
}
.wcn-footer-nav-list li a {
font-size: .82rem;
color: var(--text3);
text-decoration: none;
transition: color .2s;
}
.wcn-footer-nav-list li a:hover { color: var(--accent) !important; } .wcn-footer-bottom {
max-width: 1200px;
margin: 0 auto;
padding: 1rem 1.25rem;
border-top: 1px solid var(--border);
display: flex;
justify-content: space-between;
align-items: center;
font-family: 'JetBrains Mono', monospace !important;
font-size: .65rem;
color: var(--text3);
flex-wrap: wrap;
gap: .5rem;
box-sizing: border-box;
} .wcn-home-wrap {
max-width: 1200px !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
} #wcn-catpage { background: var(--bg); min-height: 100vh; }
.wcn-cat-heading {
padding: 1.5rem 0 1rem;
border-bottom: 1px solid var(--border);
margin-bottom: 1.5rem;
}
.wcn-cat-title {
font-family: var(--font-h);
font-size: clamp(1.4rem, 3vw, 2rem);
font-weight: 900;
color: var(--text1);
letter-spacing: -.03em;
margin: 0 0 .4rem;
}
.wcn-cat-desc {
font-size: .88rem;
color: var(--text2);
margin: 0;
} .wcn-cat-content { width: 100%; }   .wcn-list {
display: flex;
flex-direction: column;
gap: 0;
margin-top: 1.5rem;
border: 1px solid var(--border);
border-radius: 10px;
overflow: hidden;
}
.wcn-list-card {
display: flex;
gap: 1rem;
padding: 1rem 1.25rem;
border-bottom: 1px solid var(--border);
text-decoration: none;
background: var(--bg2);
transition: background .2s;
}
.wcn-list-card:last-child { border-bottom: none; }
.wcn-list-card:hover { background: var(--bg3); }
.wcn-list-card-img {
flex: 0 0 160px;
height: 100px;
border-radius: 6px;
overflow: hidden;
}
.wcn-list-card-img img {
width: 100%; height: 100%;
object-fit: cover;
transition: transform .4s ease;
}
.wcn-list-card:hover .wcn-list-card-img img { transform: scale(1.04); }
.wcn-list-card-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .3rem; }
.wcn-list-cat {
font-family: var(--font-h);
font-size: .65rem; font-weight: 800;
letter-spacing: .1em; text-transform: uppercase;
color: var(--accent);
}
.wcn-list-title {
font-family: var(--font-h);
font-size: 1rem; font-weight: 700;
color: var(--text1); line-height: 1.3;
letter-spacing: -.01em; margin: 0;
}
.wcn-list-excerpt {
font-size: .82rem; color: var(--text2);
line-height: 1.5; margin: 0;
display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; overflow: hidden;
}
.wcn-list-meta {
display: flex; align-items: center; gap: .4rem;
font-family: var(--mono); font-size: .68rem; color: var(--text3);
margin-top: auto;
}
.wcn-meta-dot {
width: 3px; height: 3px;
background: var(--text3); border-radius: 50%;
} .wcn-pagination {
display: flex; justify-content: center;
gap: .4rem; padding: 1.5rem 0 2rem;
flex-wrap: wrap;
}
.wcn-pagination .page-numbers {
font-family: var(--mono); font-size: .75rem;
padding: .45rem .85rem; border-radius: 5px;
background: var(--bg2); border: 1px solid var(--border);
color: var(--text2); text-decoration: none;
transition: all .2s;
}
.wcn-pagination .page-numbers:hover,
.wcn-pagination .page-numbers.current {
background: var(--accent); color: #000 !important;
border-color: var(--accent);
} @media (max-width: 768px) {
.wcn-list-card { flex-direction: column; }
.wcn-list-card-img { flex: none; width: 100%; height: 180px; }
} .wcn-cat-layout {
display: grid;
grid-template-columns: 1fr 300px;
gap: 1.75rem;
align-items: start;
}
.wcn-cat-main { min-width: 0; }
@media (max-width: 768px) {
.wcn-cat-layout {
grid-template-columns: 1fr;
}
}  .home #content.site-content,
.front-page #content.site-content,
.category #content.site-content,
.archive #content.site-content {
padding: 0 !important;
} .wcn-cat-wrap {
max-width: 1200px;
margin: 0 auto;
padding: 1.5rem 1.25rem;
box-sizing: border-box;
background: var(--bg);
}