.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}:root{
--bg: #0b0f17;
--surface: #111827;
--text: #e5e7eb;
--muted: #9ca3af;
--brand: #60a5fa;
--border: rgba(255,255,255,.10);
--radius: 16px;
--container: 1120px;
--shadow: 0 10px 30px rgba(0,0,0,.35);
}
*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
margin:0;
font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
background: radial-gradient(1200px 800px at 20% 0%, rgba(96,165,250,.16), transparent 55%),
radial-gradient(1000px 700px at 80% 10%, rgba(34,197,94,.10), transparent 55%),
var(--bg);
color:var(--text);
line-height:1.6;
}
a{ color:inherit; text-decoration:none; }
a:hover{ color:var(--brand); }
.container{
width:min(100% - 2rem, var(--container));
margin-inline:auto;
}
.site-header{
position:sticky;
top:0;
z-index:50;
backdrop-filter: blur(10px);
background: rgba(11,15,23,.70);
border-bottom:1px solid var(--border);
} a:focus-visible, button:focus-visible, input:focus-visible{
outline: 2px solid rgba(96,165,250,.9);
outline-offset: 3px;
border-radius: 10px;
} .breadcrumbs{
padding: .9rem 0;
border-bottom: 1px solid var(--border);
background: rgba(255,255,255,.02);
}
.breadcrumbs a{ color: var(--muted); }
.breadcrumbs a:hover{ color: var(--brand); }
.breadcrumbs .sep{ color: rgba(255,255,255,.25); margin: 0 .4rem; }
.breadcrumbs span{ color: rgba(229,231,235,.9); } .nav-links{
display:flex;
gap:.6rem;
flex-wrap:wrap;
align-items:center;
}
.page-numbers{
display:inline-flex;
padding:.55rem .8rem;
border-radius: 999px;
border:1px solid var(--border);
background: rgba(255,255,255,.03);
color: var(--text);
}
.page-numbers.current{
background: rgba(96,165,250,.18);
border-color: rgba(96,165,250,.35);
}
.page-numbers:hover{ background: rgba(255,255,255,.06); } .related{
padding: 1.2rem 1.2rem 1.6rem;
border-top: 1px solid var(--border);
}
.related h2{
margin: 0 0 1rem;
font-size: 1.1rem;
color: rgba(229,231,235,.95);
} .empty-state{
padding: 1.2rem;
color: var(--muted);
}
.header-inner{
display:flex;
align-items:center;
justify-content:space-between;
gap:1rem;
padding: .9rem 0;
}
.brand{
display:flex;
align-items:center;
gap:.75rem;
font-weight:800;
letter-spacing:.2px;
}
.brand .tagline{
display:none;
color:var(--muted);
font-weight:600;
}
.nav ul{
list-style:none;
display:flex;
gap:1rem;
padding:0;
margin:0;
align-items:center;
flex-wrap:wrap;
}
.nav a{
display:inline-flex;
padding:.55rem .75rem;
border-radius:999px;
color:var(--text);
border:1px solid transparent;
}
.nav a:hover{
border-color: var(--border);
background: rgba(255,255,255,.04);
}
.hero{
padding: 3.5rem 0 2rem;
}
.hero h1{
margin:0 0 .6rem;
font-size: clamp(1.8rem, 3.2vw, 3rem);
line-height:1.15;
}
.hero p{
margin:0;
color:var(--muted);
max-width: 70ch;
}
.layout{
display:grid;
grid-template-columns: 1fr 320px;
gap:1.5rem;
padding: 1.5rem 0 3rem;
}
@media (max-width: 980px){
.layout{ grid-template-columns: 1fr; }
}
.card{
background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
border: 1px solid var(--border);
border-radius: var(--radius);
overflow:hidden;
box-shadow: var(--shadow);
}
.card-body{ padding: 1.1rem 1.1rem 1.2rem; }
.card-meta{
display:flex;
gap:.6rem;
flex-wrap:wrap;
color:var(--muted);
font-size:.9rem;
}
.card-title{
margin:.45rem 0 .55rem;
font-size:1.25rem;
line-height:1.25;
}
.card-excerpt{ color:var(--text); opacity:.92; margin:0; }
.thumb{
width:100%;
aspect-ratio: 16/9;
object-fit: cover;
display:block;
background: rgba(255,255,255,.04);
}
.grid{
display:grid;
grid-template-columns: repeat(2, minmax(0,1fr));
gap:1.25rem;
}
@media (max-width: 740px){
.grid{ grid-template-columns: 1fr; }
}
.sidebar .widget{
padding: 1.1rem;
}
.sidebar .widget-title{
margin:0 0 .75rem;
font-size:1rem;
letter-spacing:.2px;
}
.sidebar a{ color:var(--muted); }
.sidebar a:hover{ color:var(--brand); }
.searchform{
display:flex;
gap:.5rem;
}
.searchform input[type="search"]{
width:100%;
padding:.7rem .85rem;
border-radius: 12px;
border:1px solid var(--border);
background: rgba(255,255,255,.04);
color: var(--text);
}
.searchform button{
padding:.7rem .9rem;
border-radius:12px;
border:1px solid var(--border);
background: rgba(96,165,250,.18);
color: var(--text);
cursor:pointer;
}
.searchform button:hover{ background: rgba(96,165,250,.28); }
.post-content{
padding: 1.2rem 1.2rem 1.6rem;
}
.post-content h1, .post-content h2, .post-content h3{ line-height:1.2; }
.post-content p{ color: rgba(229,231,235,.95); }
.site-footer{
border-top:1px solid var(--border);
padding: 2rem 0;
color:var(--muted);
} .reading-progress {
position: fixed;
top: 0;
left: 0;
height: 3px;
width: 0%;
z-index: 9999;
background: rgba(96,165,250,.95);
}
.post-meta-extended{
margin-top: .6rem;
display:flex;
gap:.6rem .9rem;
flex-wrap:wrap;
color: var(--muted);
font-size: .95rem;
}
.post-meta-extended .dot{
opacity:.35;
}
.author-box{
display:flex;
gap:1rem;
align-items:flex-start;
padding: 1.2rem;
border-top: 1px solid var(--border);
background: rgba(255,255,255,.02);
}
.author-box img{
width:56px;
height:56px;
border-radius: 999px;
border: 1px solid var(--border);
}
.author-box .author-name{
margin:0;
font-weight:800;
}
.author-box .author-bio{
margin:.25rem 0 0;
color: var(--muted);
}
.author-box a{
color: var(--brand);
}
.author-box a:hover{
text-decoration: underline;
}
@media (min-width: 981px){
.sidebar{
position: sticky;
top: 92px; align-self: start;
}
}
.toc{
margin: 1rem 0 1.25rem;
padding: 1rem;
border: 1px solid var(--border);
border-radius: var(--radius);
background: rgba(255,255,255,.03);
}
.toc .toc-title{
margin: 0 0 .6rem;
font-weight: 800;
font-size: 1rem;
}
.toc ul{
margin: 0;
padding-left: 1.1rem;
display: grid;
gap: .35rem;
}
.toc a{
color: var(--muted);
}
.toc a:hover{
color: var(--brand);
}
.toc a.is-active{
color: var(--brand);
text-decoration: underline;
}
.toc .toc-level-3{
margin-left: .6rem;
opacity: .95;
}
.home-mag{
padding: 1.5rem 0 3rem;
}
.feature{
display:grid;
grid-template-columns: 1.25fr 1fr;
gap: 0;
overflow:hidden;
margin-bottom: 1.5rem;
}
.feature .thumb{
aspect-ratio: 16/9;
}
.feature-body{
padding: 1.2rem 1.2rem 1.4rem;
display:flex;
flex-direction:column;
gap:.65rem;
}
.feature-title{
margin: .2rem 0 .2rem;
font-size: clamp(1.25rem, 2.2vw, 1.9rem);
line-height:1.15;
}
.feature-excerpt{
margin: 0;
color: rgba(229,231,235,.92);
}
.home-grid{
display:grid;
grid-template-columns: 1fr 320px;
gap: 1.5rem;
align-items:start;
}
@media (max-width: 980px){
.feature{ grid-template-columns: 1fr; }
.home-grid{ grid-template-columns: 1fr; }
}
.home-section{
margin-bottom: 1.6rem;
}
.section-head{
display:flex;
align-items:baseline;
justify-content:space-between;
gap:1rem;
margin: 0 0 .9rem;
}
.section-head h2{
margin:0;
font-size: 1.1rem;
letter-spacing:.2px;
}
.section-link{
color: var(--muted);
border: 1px solid var(--border);
padding: .35rem .6rem;
border-radius: 999px;
background: rgba(255,255,255,.03);
}
.section-link:hover{
color: var(--brand);
background: rgba(255,255,255,.06);
} .newsletter{
display:flex;
gap:.5rem;
flex-wrap:wrap;
}
.newsletter input[type="email"]{
flex: 1 1 170px;
padding:.7rem .85rem;
border-radius: 12px;
border:1px solid var(--border);
background: rgba(255,255,255,.04);
color: var(--text);
}
.newsletter button{
padding:.7rem .9rem;
border-radius:12px;
border:1px solid var(--border);
background: rgba(96,165,250,.18);
color: var(--text);
cursor:pointer;
}
.newsletter button:hover{
background: rgba(96,165,250,.28);
}
.cat-landing{
padding: 1.5rem 0 3rem;
}
.cat-grid{
display:grid;
grid-template-columns: 1fr 320px;
gap: 1.5rem;
align-items:start;
}
@media (max-width: 980px){
.cat-grid{ grid-template-columns: 1fr; }
}
.most-read{
margin:0;
padding-left: 1.1rem;
display:grid;
gap:.55rem;
}
.most-read li{
color: var(--muted);
}
.most-read a{
color: rgba(229,231,235,.9);
}
.most-read a:hover{
color: var(--brand);
}
.mr-score{
display:none; margin-left:.35rem;
color: rgba(156,163,175,.8);
font-size:.9rem;
}
.badge-featured{
position:absolute;
top: 14px;
left: 14px;
padding: .35rem .65rem;
border-radius: 999px;
font-weight: 800;
font-size: .85rem;
letter-spacing: .2px;
color: rgba(229,231,235,.95);
background: rgba(96,165,250,.22);
border: 1px solid rgba(96,165,250,.35);
backdrop-filter: blur(8px);
}
.feature-media{
position: relative;
display:block;
} .thumb-wrap{
position: relative;
display:block;
}
.thumb-wrap::after{
content:"";
position:absolute;
inset:0;
background: linear-gradient(
to top,
rgba(0,0,0,.55),
rgba(0,0,0,.10) 45%,
rgba(0,0,0,0)
);
pointer-events:none;
}
.badge-cat{
position:absolute;
top: 14px;
right: 14px;
padding: .35rem .65rem;
border-radius: 999px;
font-weight: 800;
font-size: .82rem;
letter-spacing: .2px;
color: rgba(229,231,235,.95);
background: rgba(17,24,39,.55);
border: 1px solid rgba(255,255,255,.14);
backdrop-filter: blur(8px);
}
html[data-theme="light"]{
--bg: #f6f7fb;
--surface: #ffffff;
--text: #0b1220;
--muted: #4b5563;
--brand: #2563eb;
--border: rgba(0,0,0,.10);
--shadow: 0 10px 30px rgba(0,0,0,.08);
}
html[data-theme="light"] body{
background: radial-gradient(1200px 800px at 20% 0%, rgba(37,99,235,.10), transparent 55%),
radial-gradient(1000px 700px at 80% 10%, rgba(34,197,94,.08), transparent 55%),
var(--bg);
}
html[data-theme="light"] .site-header{
background: rgba(246,247,251,.75);
}
.theme-toggle{
border: 1px solid var(--border);
background: rgba(255,255,255,.04);
color: var(--text);
padding: .55rem .75rem;
border-radius: 999px;
cursor: pointer;
}
.theme-toggle:hover{
background: rgba(255,255,255,.08);
} .btn-primary{
display:inline-flex;
align-items:center;
justify-content:center;
gap:.5rem;
padding: .7rem .95rem;
border-radius: 12px;
border:1px solid rgba(96,165,250,.35);
background: rgba(96,165,250,.18);
color: var(--text);
font-weight: 700;
}
.btn-primary:hover{
background: rgba(96,165,250,.28);
} .screen-reader-text{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0;
} .thumb-wrap{
position: relative;
display:block;
}
.thumb-wrap::after{
content:"";
position:absolute;
inset:0;
background: linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,.10) 45%, rgba(0,0,0,0));
pointer-events:none;
} .badge-cat{
position:absolute;
top: 14px;
right: 14px;
padding: .35rem .65rem;
border-radius: 999px;
font-weight: 800;
font-size: .82rem;
letter-spacing: .2px;
color: rgba(229,231,235,.95);
background: rgba(17,24,39,.55);
border: 1px solid rgba(255,255,255,.14);
backdrop-filter: blur(8px);
} html[data-theme="light"]{
--bg: #f6f7fb;
--surface: #ffffff;
--text: #0b1220;
--muted: #4b5563;
--brand: #2563eb;
--border: rgba(0,0,0,.10);
--shadow: 0 10px 30px rgba(0,0,0,.08);
}
html[data-theme="light"] body{
background: radial-gradient(1200px 800px at 20% 0%, rgba(37,99,235,.10), transparent 55%),
radial-gradient(1000px 700px at 80% 10%, rgba(34,197,94,.08), transparent 55%),
var(--bg);
}
html[data-theme="light"] .site-header{
background: rgba(246,247,251,.75);
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}