/*
Theme Name: Sitezen
Theme URI: https://example.com/sitezen
Author: Sitezen Team
Author URI: https://example.com
Description: Sitezen — a fully responsive multi-niche WordPress theme for news, magazine, tech, sports, lifestyle, business and entertainment sites. The design applies automatically on activation: hero mosaic, breaking news ticker, auto homepage category sections, per-category color badges, a complete default footer, 416 built-in designs (32 layout skins × 13 color palettes, including dark palettes for any layout), sidebar and footer widgets, and a Customizer accent color.
Version: 2.4.0
Requires at least: 5.9
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sitezen
Tags: news, blog, two-columns, right-sidebar, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, threaded-comments, translation-ready
*/

/* =========================================================
   1. Tokens & base
   ========================================================= */
:root {
  --sz-red: #C21E2C;
  --sz-ink: #191D24;
  --sz-ink-2: #22262E;
  --sz-paper: #F7F6F2;
  --sz-card: #FFFFFF;
  --sz-mut: #6B7078;
  --sz-line: #E5E2DA;
  --sz-line-dark: rgba(255, 255, 255, .09);
  --f-serif: 'Newsreader', 'Source Serif 4', Georgia, serif;
  --f-sans: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
  --radius: 12px;
  --shadow: 0 10px 28px rgba(16, 20, 24, .10);
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; scroll-padding-top: 72px; -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--sz-paper);
  color: var(--sz-ink);
  font-family: var(--f-sans);
  font-size: clamp(15px, 0.3vw + 14px, 17px);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  word-break: break-word;
}

img { max-width: 100%; height: auto; }
iframe, embed, video { max-width: 100%; }

a { color: var(--sz-red); text-decoration: none; transition: color .2s; }
a:hover { color: color-mix(in srgb, var(--sz-red) 78%, #000); }

h1, h2, h3, h4, h5, h6 {
  font-family: var(--f-serif);
  line-height: 1.5;
  color: var(--sz-ink);
  margin: 0 0 .5em;
}

::selection { background: var(--sz-red); color: #fff; }

.wrap {
  max-width: 1180px; margin: 0 auto;
  padding-left: max(20px, env(safe-area-inset-left));
  padding-right: max(20px, env(safe-area-inset-right));
}

/* Accessibility */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px; width: 1px;
  overflow: hidden; position: absolute !important;
  word-wrap: normal !important;
}
.skip-link {
  position: absolute; left: 8px; top: -60px;
  background: var(--sz-red); color: #fff;
  padding: 10px 16px; border-radius: 6px; z-index: 999;
  transition: top .2s;
}
.skip-link:focus { top: 8px; color: #fff; }
a:focus-visible, button:focus-visible, input:focus-visible {
  outline: 2px solid var(--sz-red); outline-offset: 2px;
}

/* =========================================================
   2. Top bar
   ========================================================= */
.topbar { background: var(--sz-ink); color: #C8CCD2; font-size: .8rem; }
.topbar-in {
  display: flex; align-items: center; justify-content: space-between;
  gap: 14px; min-height: 36px;
}
.top-date { display: inline-flex; align-items: center; gap: 8px; }
.top-date::before {
  content: ""; width: 7px; height: 7px; border-radius: 50%;
  background: var(--sz-red);
}
.top-links { display: flex; list-style: none; margin: 0; padding: 0; gap: 18px; }
.top-links a { color: #C8CCD2; }
.top-links a:hover { color: #fff; }

/* =========================================================
   3. Masthead
   ========================================================= */
.masthead { padding: 30px 0 22px; text-align: center; }
.site-title {
  margin: 0; font-family: var(--f-serif); font-weight: 800;
  font-size: clamp(2.1rem, 5vw, 3.3rem); line-height: 1.25;
  letter-spacing: .01em;
}
.site-title a { color: var(--sz-ink); }
.site-title a::after { content: "."; color: var(--sz-red); }
.site-desc { margin: 4px 0 0; color: var(--sz-mut); font-size: .95rem; }
.custom-logo-link img { max-height: 86px; width: auto; }

/* =========================================================
   4. Navbar
   ========================================================= */
.navbar {
  background: var(--sz-ink);
  position: sticky; top: 0; z-index: 80;
  border-top: 1px solid var(--sz-line-dark);
}
.navbar.scrolled { box-shadow: 0 8px 22px rgba(0, 0, 0, .28); }
.admin-bar .navbar { top: 32px; }

.navbar-in { display: flex; align-items: center; min-height: 54px; position: relative; }

.nav-toggle {
  display: none; align-items: center; gap: 10px;
  background: none; border: 0; color: #fff; cursor: pointer;
  font: 700 .95rem var(--f-sans); padding: 14px 4px;
}
.nav-toggle .bars { position: relative; width: 22px; height: 2px; background: #fff; display: inline-block; }
.nav-toggle .bars::before, .nav-toggle .bars::after {
  content: ""; position: absolute; left: 0; width: 22px; height: 2px; background: #fff;
  transition: transform .25s, top .25s;
}
.nav-toggle .bars::before { top: -7px; }
.nav-toggle .bars::after { top: 7px; }
body.nav-open .nav-toggle .bars { background: transparent; }
body.nav-open .nav-toggle .bars::before { top: 0; transform: rotate(45deg); }
body.nav-open .nav-toggle .bars::after { top: 0; transform: rotate(-45deg); }

.site-nav { display: flex; align-items: center; gap: 12px; flex: 1; }
.site-nav .menu { display: flex; flex: 1; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
.site-nav .menu li { position: relative; }
.site-nav .menu a {
  display: block; padding: 15px 15px; color: #E7E9EC;
  font-weight: 600; font-size: .95rem; line-height: 1.5;
}
.site-nav .menu > li:hover > a,
.site-nav .menu > li > a:focus { color: #fff; }
.site-nav .menu > li.current-menu-item > a,
.site-nav .menu > li.current_page_item > a,
.site-nav .menu > li.current-cat > a {
  color: #fff; box-shadow: inset 0 -3px 0 var(--sz-red);
}

/* Dropdowns (desktop) */
.site-nav .menu ul {
  position: absolute; top: 100%; left: 0; z-index: 90;
  min-width: 220px; margin: 0; padding: 8px 0; list-style: none;
  background: #fff; border-radius: 0 0 10px 10px; box-shadow: var(--shadow);
  opacity: 0; visibility: hidden; transform: translateY(10px);
  transition: opacity .2s, transform .2s, visibility .2s;
}
.site-nav .menu ul a { color: var(--sz-ink); padding: 9px 18px; font-weight: 500; }
.site-nav .menu ul a:hover { color: var(--sz-red); background: #faf9f5; }
.site-nav .menu li:hover > ul,
.site-nav .menu li:focus-within > ul {
  opacity: 1; visibility: visible; transform: translateY(0);
}
.site-nav .menu ul ul { top: 0; left: 100%; border-radius: 10px; }

.sub-toggle { display: none; }

/* Nav search */
.nav-search { margin-left: auto; }
.nav-search .search-form { display: flex; }
.nav-search .search-field {
  width: 170px; padding: 8px 12px; font: .88rem var(--f-sans);
  color: #fff; background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 7px 0 0 7px; transition: width .25s, background .25s;
}
.nav-search .search-field::placeholder { color: #9aa0a8; }
.nav-search .search-field:focus { width: 230px; background: rgba(255, 255, 255, .14); outline: none; }
.nav-search .search-submit {
  border: 0; background: var(--sz-red); color: #fff; cursor: pointer;
  padding: 0 13px; border-radius: 0 7px 7px 0; display: inline-flex; align-items: center;
}
.nav-search .search-submit svg { width: 15px; height: 15px; }

/* =========================================================
   5. Breaking ticker
   ========================================================= */
.ticker { background: var(--sz-card); border-bottom: 1px solid var(--sz-line); }
.ticker-in { display: flex; align-items: stretch; min-height: 44px; }
.ticker-label {
  flex: none; display: inline-flex; align-items: center; gap: 9px;
  background: var(--sz-red); color: #fff;
  font-weight: 800; font-size: .85rem; padding: 0 16px; letter-spacing: .02em;
}
.ticker-label::before {
  content: ""; width: 8px; height: 8px; border-radius: 50%; background: #fff;
  animation: sz-blink 1.1s ease-in-out infinite;
}
@keyframes sz-blink { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
.ticker-track {
  flex: 1; overflow: hidden; display: flex; align-items: center;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
}
.ticker-move {
  display: inline-flex; gap: 42px; white-space: nowrap; padding-left: 24px;
  animation: sz-tick 30s linear infinite; will-change: transform;
}
.ticker-track:hover .ticker-move { animation-play-state: paused; }
.ticker-move a { color: var(--sz-ink); font-weight: 500; font-size: .92rem; }
.ticker-move a:hover { color: var(--sz-red); }
.ticker-move a::before { content: "●"; color: var(--sz-red); font-size: .55em; margin-right: 9px; vertical-align: 2px; }
@keyframes sz-tick { to { transform: translateX(-50%); } }

/* =========================================================
   6. Hero mosaic
   ========================================================= */
.hero { margin-top: 26px; }
.hero-grid {
  display: grid; gap: 14px;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: clamp(180px, 16vw, 228px);
}
.hero-item {
  position: relative; overflow: hidden; border-radius: var(--radius);
  background: var(--sz-ink-2);
}
.hero-item:first-child { grid-column: span 2; grid-row: span 2; }
.hero-item img, .hero-item .ph-thumb {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; transition: transform .55s ease;
}
.hero-item:hover img { transform: scale(1.06); }
.hero-item::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(185deg, rgba(12, 14, 18, 0) 32%, rgba(12, 14, 18, .90) 92%);
}
.hero-overlay {
  position: absolute; inset: auto 0 0 0; z-index: 2;
  padding: 16px 18px 16px; display: flex; flex-direction: column; gap: 8px;
}
.hero-title {
  margin: 0; font-size: 1.05rem; line-height: 1.55; font-weight: 700;
}
.hero-item:first-child .hero-title { font-size: clamp(1.25rem, 2.3vw, 1.6rem); }
.hero-title a { color: #fff; }
.hero-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.hero-meta { color: rgba(255, 255, 255, .78); font-size: .78rem; }
.hero-overlay .cat-badge { position: relative; z-index: 3; }

/* =========================================================
   7. Layout & section titles
   ========================================================= */
.site-content { padding-bottom: 60px; }
.layout {
  display: grid; grid-template-columns: minmax(0, 1fr) 336px;
  gap: 36px; align-items: start; margin-top: 34px;
}
.layout.no-hero { margin-top: 30px; }

.sec-title {
  display: flex; align-items: center; gap: 12px;
  margin: 0 0 20px; padding-bottom: 10px;
  border-bottom: 3px solid var(--sz-ink);
  font-size: clamp(1.16rem, 1.02rem + 0.6vw, 1.34rem); font-weight: 800;
}
.sec-title::before {
  content: ""; flex: none; width: 11px; height: 24px;
  background: var(--sz-red); border-radius: 3px;
}
.sec-title a { color: inherit; }

.archive-head { margin: 0 0 6px; }
.archive-kicker {
  display: inline-block; background: var(--sz-red); color: #fff;
  font-size: .74rem; font-weight: 700; padding: 4px 12px; border-radius: 4px;
  margin-bottom: 10px; letter-spacing: .03em;
}
.archive-title { font-size: clamp(1.5rem, 3.5vw, 2.1rem); margin: 0 0 6px; }
.archive-desc { color: var(--sz-mut); max-width: 640px; margin: 0 0 8px; }

/* =========================================================
   8. Cards
   ========================================================= */
.card-grid {
  display: grid; gap: 22px;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
}
.card {
  background: var(--sz-card); border: 1px solid var(--sz-line);
  border-radius: var(--radius); overflow: hidden;
  display: flex; flex-direction: column;
  transition: transform .25s ease, box-shadow .25s ease;
}
.card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.card.sticky { border-color: var(--sz-red); }
.card-media {
  position: relative; display: block; overflow: hidden;
  aspect-ratio: 16 / 10; background: #E9E7E0;
}
.card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s ease; }
.card:hover .card-media img { transform: scale(1.05); }
.card-body { padding: 16px 17px 19px; display: flex; flex-direction: column; gap: 9px; flex: 1; }
.card-title { margin: 0; font-size: clamp(1.04rem, 0.96rem + 0.45vw, 1.15rem); line-height: 1.55; font-weight: 700; }
.card-title a { color: var(--sz-ink); }
.card-title a:hover { color: var(--sz-red); }
.card-excerpt { margin: 0; color: var(--sz-mut); font-size: .9rem; line-height: 1.7; }

/* Category badge — auto colour per category via --cat */
.cat-badge {
  --cat: var(--sz-red);
  display: inline-block; align-self: flex-start;
  background: var(--cat); color: #fff;
  font-family: var(--f-sans); font-size: .72rem; font-weight: 700;
  line-height: 1.45; padding: 4px 11px; border-radius: 4px; letter-spacing: .02em;
}
.cat-badge:hover { color: #fff; filter: brightness(.88); }

/* Meta row */
.meta {
  display: flex; flex-wrap: wrap; gap: 4px 16px;
  color: var(--sz-mut); font-size: .8rem;
}
.meta > * { display: inline-flex; align-items: center; position: relative; }
.meta > * + *::before { content: "•"; color: #C4C1B8; margin-right: 16px; }
.meta a { color: inherit; }
.meta a:hover { color: var(--sz-red); }

/* Placeholder thumbnail */
.ph-thumb {
  --cat: var(--sz-red);
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  background: var(--cat);
  background: linear-gradient(135deg, var(--cat), color-mix(in srgb, var(--cat) 45%, #14181d));
}
.ph-thumb span {
  font-family: var(--f-serif); font-weight: 800; font-size: 2.7rem;
  color: rgba(255, 255, 255, .9);
}

/* No results */
.no-results {
  background: var(--sz-card); border: 1px dashed var(--sz-line);
  border-radius: var(--radius); padding: 34px 26px; text-align: center;
}
.no-results .search-form { justify-content: center; margin-top: 14px; }

/* =========================================================
   9. Sidebar & widgets
   ========================================================= */
.widget {
  background: var(--sz-card); border: 1px solid var(--sz-line);
  border-radius: var(--radius); padding: 19px 19px 14px; margin-bottom: 24px;
}
.widget-title {
  display: flex; align-items: center; gap: 10px;
  font-size: 1.05rem; font-weight: 800;
  margin: 0 0 14px; padding-bottom: 10px;
  border-bottom: 2px solid var(--sz-ink);
}
.widget-title::before {
  content: ""; flex: none; width: 9px; height: 19px;
  background: var(--sz-red); border-radius: 3px;
}
.widget ul { list-style: none; margin: 0; padding: 0; }
.widget ul li { padding: 9px 0; border-bottom: 1px dashed var(--sz-line); font-size: .93rem; }
.widget ul li:last-child { border-bottom: 0; }
.widget ul ul { padding-left: 16px; }
.widget a { color: var(--sz-ink); }
.widget a:hover { color: var(--sz-red); }
.widget select { width: 100%; }
.widget .search-form { display: flex; }
.widget .search-field { flex: 1; border-radius: 7px 0 0 7px; }
.widget .search-submit { border-radius: 0 7px 7px 0; }

/* Mini post list */
.mini-list { display: flex; flex-direction: column; }
.mini-post { display: flex; gap: 13px; padding: 11px 0; border-bottom: 1px dashed var(--sz-line); }
.mini-post:last-child { border-bottom: 0; }
.mini-thumb {
  position: relative; flex: none; width: 80px; height: 60px;
  border-radius: 7px; overflow: hidden; background: #E9E7E0;
}
.mini-thumb img { width: 100%; height: 100%; object-fit: cover; }
.mini-thumb .ph-thumb span { font-size: 1.3rem; }
.mini-title { margin: 0 0 3px; font-size: .92rem; line-height: 1.55; font-weight: 700; }
.mini-title a { color: var(--sz-ink); }
.mini-title a:hover { color: var(--sz-red); }
.mini-date { color: var(--sz-mut); font-size: .76rem; }

/* =========================================================
   10. Single post & pages
   ========================================================= */
.single-post-article, .page-article, .comments-area {
  background: var(--sz-card); border: 1px solid var(--sz-line);
  border-radius: var(--radius); padding: clamp(20px, 4vw, 38px);
}
.comments-area { margin-top: 28px; }
.entry-header { margin-bottom: 18px; }
.entry-title {
  font-size: clamp(1.55rem, 3.6vw, 2.35rem);
  line-height: 1.45; margin: 10px 0 12px; font-weight: 800;
}
.entry-thumb { margin: 4px 0 22px; }
.entry-thumb img { width: 100%; border-radius: 10px; }
.entry-thumb figcaption { text-align: center; color: var(--sz-mut); font-size: .82rem; margin-top: 8px; }

.entry-content { font-size: clamp(1rem, 0.95rem + 0.4vw, 1.1rem); line-height: 1.8; }
.entry-content > * { margin-top: 0; margin-bottom: 1.15em; }
.entry-content h2, .entry-content h3, .entry-content h4 { margin-top: 1.5em; }
.entry-content h2 { font-size: 1.5rem; }
.entry-content h3 { font-size: 1.25rem; }
.entry-content a { text-decoration: underline; text-underline-offset: 3px; }
.entry-content blockquote {
  margin: 1.4em 0; padding: 16px 22px;
  background: #FBF9F4; border-left: 4px solid var(--sz-red);
  border-radius: 0 10px 10px 0; font-family: var(--f-serif); font-size: 1.08em;
}
.entry-content blockquote > :last-child { margin-bottom: 0; }
.entry-content img { border-radius: 10px; }
.entry-content ul, .entry-content ol { padding-left: 1.4em; }
.entry-content li { margin-bottom: .4em; }
.entry-content pre {
  background: var(--sz-ink); color: #E7E9EC; padding: 18px;
  border-radius: 10px; overflow: auto; font-size: .88em; line-height: 1.7;
}
.entry-content code { background: #EFEDE6; padding: 2px 6px; border-radius: 5px; font-size: .9em; }
.entry-content pre code { background: none; padding: 0; }
.entry-content table { width: 100%; border-collapse: collapse; }
.entry-content th, .entry-content td { border: 1px solid var(--sz-line); padding: 9px 12px; text-align: left; }
.entry-content th { background: #F3F1EA; }
.entry-content hr { border: 0; border-top: 1px solid var(--sz-line); margin: 2em 0; }

.wp-caption { max-width: 100%; }
.wp-caption-text { color: var(--sz-mut); font-size: .82rem; text-align: center; margin-top: 6px; }
.alignleft { float: left; margin: 6px 22px 12px 0; }
.alignright { float: right; margin: 6px 0 12px 22px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.gallery-columns-2 { grid-template-columns: repeat(2, 1fr); }
.gallery-columns-4 { grid-template-columns: repeat(4, 1fr); }
.gallery-item { margin: 0; }
.bypostauthor { display: block; }

.entry-footer { margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--sz-line); }
.tag-links { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: .85rem; }
.tag-links a {
  background: #F1EFE8; color: var(--sz-ink);
  padding: 5px 13px; border-radius: 999px; font-weight: 600;
}
.tag-links a:hover { background: var(--sz-red); color: #fff; }

/* Author box */
.author-box {
  display: flex; gap: 17px; align-items: flex-start;
  background: #FBF9F4; border: 1px solid var(--sz-line);
  border-radius: var(--radius); padding: 20px; margin-top: 26px;
}
.author-box img { border-radius: 50%; flex: none; }
.author-box h3 { margin: 0 0 4px; font-size: 1.05rem; }
.author-box p { margin: 0; color: var(--sz-mut); font-size: .9rem; }

/* Post navigation */
.post-navigation { margin-top: 28px; }
.post-navigation .nav-links {
  display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
}
.post-navigation a {
  display: block; background: var(--sz-card); border: 1px solid var(--sz-line);
  border-radius: 10px; padding: 14px 17px; color: var(--sz-ink);
  font-weight: 600; font-size: .92rem; line-height: 1.6;
}
.post-navigation a:hover { border-color: var(--sz-red); color: var(--sz-red); }
.post-navigation .nav-next { text-align: right; }

/* Related */
.related-posts { margin-top: 34px; }

/* =========================================================
   11. Comments
   ========================================================= */
.comments-title, .comment-reply-title { font-size: 1.25rem; }
.comment-list, .comment-list .children { list-style: none; margin: 0; padding: 0; }
.comment-list .children { padding-left: clamp(14px, 4vw, 40px); }
.comment-body {
  border-bottom: 1px dashed var(--sz-line); padding: 16px 0;
}
.comment-author { display: flex; align-items: center; gap: 11px; font-weight: 700; }
.comment-author .avatar { border-radius: 50%; }
.comment-metadata { font-size: .78rem; margin: 4px 0 8px; }
.comment-metadata a { color: var(--sz-mut); }
.comment-content { font-size: .95rem; }
.comment-content p:last-child { margin-bottom: 0; }
.reply { font-size: .82rem; margin-top: 6px; }
.reply a { font-weight: 700; }
.comment-form label { display: block; font-weight: 600; font-size: .88rem; margin-bottom: 5px; }
.comment-form p { margin: 0 0 15px; }
.logged-in-as, .comment-notes { color: var(--sz-mut); font-size: .85rem; }

/* =========================================================
   12. Forms & buttons
   ========================================================= */
input[type="text"], input[type="email"], input[type="url"],
input[type="search"], input[type="password"], input[type="number"], textarea, select {
  width: 100%; padding: 10px 14px;
  border: 1px solid #D9D6CD; border-radius: 8px;
  background: #fff; color: var(--sz-ink);
  font: 1em var(--f-sans); transition: border-color .2s, box-shadow .2s;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--sz-red); outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--sz-red) 16%, transparent);
}
button, input[type="submit"], .btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: var(--sz-red); color: #fff; border: 0; cursor: pointer;
  font: 700 .95rem var(--f-sans); padding: 11px 22px; border-radius: 8px;
  transition: background .2s, transform .15s;
}
button:hover, input[type="submit"]:hover, .btn:hover {
  background: color-mix(in srgb, var(--sz-red) 84%, #000); color: #fff;
}
button:active { transform: translateY(1px); }
.search-form { display: flex; gap: 0; }
.search-form .search-field { border-radius: 8px 0 0 8px; }
.search-form .search-submit { border-radius: 0 8px 8px 0; padding: 0 16px; }
.search-form .search-submit svg { width: 16px; height: 16px; }

/* Pagination */
.pagination, .comments-pagination { margin-top: 32px; }
.pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.page-numbers {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 42px; height: 42px; padding: 0 14px;
  background: var(--sz-card); border: 1px solid var(--sz-line);
  border-radius: 9px; color: var(--sz-ink); font-weight: 700; font-size: .92rem;
}
.page-numbers:hover { border-color: var(--sz-red); color: var(--sz-red); }
.page-numbers.current { background: var(--sz-red); border-color: var(--sz-red); color: #fff; }
.page-numbers.dots { border: 0; background: none; }

/* Back to top */
.to-top {
  position: fixed; right: max(20px, env(safe-area-inset-right));
  bottom: calc(22px + env(safe-area-inset-bottom, 0px)); z-index: 90;
  width: 46px; height: 46px; border-radius: 50%; padding: 0;
  background: var(--sz-ink); color: #fff; font-size: 1.1rem;
  opacity: 0; visibility: hidden; transform: translateY(12px);
  transition: opacity .25s, transform .25s, visibility .25s, background .2s;
}
.to-top.show { opacity: 1; visibility: visible; transform: translateY(0); }
.to-top:hover { background: var(--sz-red); }

/* =========================================================
   13. Footer
   ========================================================= */
.site-footer { background: var(--sz-ink); color: #B8BDC4; margin-top: 26px; }
.foot-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 36px; padding: 46px 20px 38px;
}
.site-footer .widget { background: none; border: 0; padding: 0; margin: 0; }
.site-footer .widget-title {
  color: #fff; border-bottom-color: var(--sz-line-dark); font-size: 1rem;
}
.site-footer a { color: #B8BDC4; }
.site-footer a:hover { color: #fff; }
.site-footer .widget ul li { border-bottom-color: var(--sz-line-dark); }
.site-footer .mini-post { border-bottom-color: var(--sz-line-dark); }
.site-footer .mini-title a { color: #E7E9EC; }
.site-footer .mini-date { color: #868C95; }
.foot-about .foot-logo {
  font-family: var(--f-serif); font-weight: 800; font-size: 1.6rem; color: #fff;
}
.foot-about .foot-logo::after { content: "."; color: var(--sz-red); }
.foot-about p { font-size: .9rem; line-height: 1.9; }
.foot-bottom { border-top: 1px solid var(--sz-line-dark); font-size: .82rem; }
.foot-bottom-in {
  display: flex; flex-wrap: wrap; gap: 8px 20px;
  align-items: center; justify-content: space-between; padding: 16px 0;
}
.foot-menu { display: flex; flex-wrap: wrap; gap: 16px; list-style: none; margin: 0; padding: 0; }

/* =========================================================
   13b. Homepage niche sections (auto category blocks)
   ========================================================= */
.home-section { margin-top: 40px; }
.home-section .sec-title { border-bottom-color: var(--cat, var(--sz-ink)); }
.home-section .sec-title::before { background: var(--cat, var(--sz-red)); }
.home-section .sec-title > a:first-of-type:hover { color: var(--cat, var(--sz-red)); }
.home-section .card-title a:hover,
.home-section .mini-title a:hover { color: var(--cat, var(--sz-red)); }

.view-all {
  margin-left: auto; font-family: var(--f-sans);
  font-size: .8rem; font-weight: 700; letter-spacing: .01em;
  color: var(--cat, var(--sz-red)); white-space: nowrap;
}
.view-all:hover { text-decoration: underline; color: var(--cat, var(--sz-red)); }

.card-grid.cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.feat-row {
  display: grid; grid-template-columns: 1.35fr 1fr;
  gap: 8px 26px; align-items: start;
}
.feat-main { display: flex; flex-direction: column; gap: 10px; }
.feat-main .card-media { border-radius: var(--radius); }
.feat-title { margin: 2px 0 0; font-size: 1.34rem; line-height: 1.5; font-weight: 800; }
.feat-title a { color: var(--sz-ink); }
.feat-title a:hover { color: var(--cat, var(--sz-red)); }
.feat-excerpt { margin: 0; color: var(--sz-mut); font-size: .92rem; line-height: 1.75; }
.feat-row .mini-list { margin-top: -8px; }
.feat-row .mini-post:first-child { padding-top: 0; }

/* =========================================================
   14. Motion preferences
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  .ticker-move { animation: none; }
}

/* =========================================================
   15. Responsive
   ========================================================= */
@media (max-width: 1080px) {
  .layout { grid-template-columns: minmax(0, 1fr) 300px; gap: 28px; }
  .hero-grid { grid-auto-rows: 190px; }
}

@media (max-width: 920px) {
  .layout { grid-template-columns: minmax(0, 1fr); }
  .sidebar { display: grid; grid-template-columns: 1fr 1fr; gap: 0 22px; align-items: start; }
  .card-grid.cols-3 { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
}

@media (max-width: 860px) {
  .admin-bar .navbar { top: 46px; }
  .nav-toggle { display: inline-flex; }
  .site-nav {
    display: none; position: absolute; top: 100%; left: 0; right: 0;
    background: var(--sz-ink); border-top: 1px solid var(--sz-line-dark);
    max-height: calc(100vh - 100px); overflow: auto;
    padding: 6px 0 16px; flex-direction: column; align-items: stretch;
    box-shadow: 0 18px 30px rgba(0, 0, 0, .35);
  }
  body.nav-open .site-nav { display: flex; }
  .site-nav .menu { display: block; flex: none; }
  .site-nav .menu li { border-bottom: 1px solid var(--sz-line-dark); }
  .site-nav .menu li:last-child { border-bottom: 0; }
  .site-nav .menu a { padding: 13px 20px; }
  .site-nav .menu > li.current-menu-item > a { box-shadow: inset 3px 0 0 var(--sz-red); }
  .site-nav .menu ul {
    position: static; opacity: 1; visibility: visible; transform: none;
    display: none; background: rgba(255, 255, 255, .04);
    box-shadow: none; border-radius: 0; padding: 0 0 0 14px; min-width: 0;
  }
  .site-nav .menu li.open > ul { display: block; }
  .site-nav .menu ul a { color: #C8CCD2; }
  .site-nav .menu ul li { border-bottom: 0; }
  .sub-toggle {
    display: inline-flex; align-items: center; justify-content: center;
    position: absolute; top: 6px; right: 10px;
    width: 38px; height: 38px; padding: 0;
    background: rgba(255, 255, 255, .07); border-radius: 8px; color: #fff;
  }
  .sub-toggle::after {
    content: ""; width: 8px; height: 8px;
    border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
    transform: rotate(45deg) translate(-1px, -1px); transition: transform .2s;
  }
  li.open > .sub-toggle::after { transform: rotate(-135deg) translate(-2px, -2px); }
  .nav-search { margin: 12px 20px 4px; }
  .nav-search .search-field, .nav-search .search-field:focus { width: 100%; }
  .nav-search .search-form { width: 100%; }
  .masthead { padding: 24px 0 18px; }
}

@media (max-width: 760px) {
  .feat-row { grid-template-columns: minmax(0, 1fr); }
  .feat-title { font-size: 1.18rem; }
  .hero-grid { grid-template-columns: 1fr 1fr; grid-auto-rows: 175px; }
  .hero-item:first-child { grid-column: span 2; }
  .post-navigation .nav-links { grid-template-columns: 1fr; }
  .foot-bottom-in { justify-content: center; text-align: center; }
}

@media (max-width: 600px) {
  body { font-size: 15.5px; }
  .wrap { padding-left: max(15px, env(safe-area-inset-left)); padding-right: max(15px, env(safe-area-inset-right)); }
  .topbar-in .top-links { display: none; }
  .sidebar { grid-template-columns: 1fr; }
  .hero-grid { grid-template-columns: 1fr; grid-auto-rows: auto; gap: 12px; }
  .hero-item { min-height: 200px; }
  .hero-item:first-child { grid-column: auto; grid-row: auto; min-height: 250px; }
  .card-grid { grid-template-columns: 1fr; gap: 18px; }
  .ticker-label { font-size: .78rem; padding: 0 12px; }
  .author-box { flex-direction: column; }
  .sec-title { font-size: 1.18rem; }
}

/* =========================================================
   16. Design skins — each preset is a complete design:
       colors, fonts and layout change together. 32 skins:
       News, Tech, Magazine, Sports, Lifestyle, Business,
       Minimal, Tabloid, Brutal, Luxe, Gazette, Neon, Candy,
       Nature, Cinema, Fashion, Retro, Startup, Ledger, Studio,
       Clinic, Campus, Voyage, Kitchen, Arcade, Atelier, Reader,
       Desh, Terminal, Aurora, Playground, Ink.
       Skin accent: a custom Customizer accent (--sz-accent)
       always beats the skin colour. Skin tokens live here,
       BEFORE the palette layer (19) so palettes can override.
   ========================================================= */
body.sitezen-skin-news      { --sz-red: var(--sz-accent, #C21E2C); }
body.sitezen-skin-tech      { --sz-red: var(--sz-accent, #35A2F2); }
body.sitezen-skin-magazine  { --sz-red: var(--sz-accent, #6A3FA0); }
body.sitezen-skin-sports    { --sz-red: var(--sz-accent, #1E8A4C); }
body.sitezen-skin-lifestyle { --sz-red: var(--sz-accent, #C86420); }

/* ---------------------------------------------------------
   Shared: light navbar variant (.sz-nav-light — added by the
   skin registry for every skin with nav => 'light')
   --------------------------------------------------------- */
.sz-nav-light .navbar { border-top: 0; background: var(--sz-card); border-bottom: 1px solid var(--sz-line); }
.sz-nav-light .navbar.scrolled { box-shadow: 0 8px 22px rgba(0, 0, 0, .10); }
.sz-nav-light .site-nav .menu a, .sz-nav-light .nav-toggle { color: var(--sz-ink); }
.sz-nav-light .site-nav .menu > li:hover > a,
.sz-nav-light .site-nav .menu > li > a:focus,
.sz-nav-light .site-nav .menu > li.current-menu-item > a,
.sz-nav-light .site-nav .menu > li.current_page_item > a,
.sz-nav-light .site-nav .menu > li.current-cat > a { color: var(--sz-red); }
.sz-nav-light .nav-toggle .bars, .sz-nav-light .nav-toggle .bars::before,
.sz-nav-light .nav-toggle .bars::after { background: var(--sz-ink); }
body.nav-open.sz-nav-light .nav-toggle .bars { background: transparent; }
.sz-nav-light .nav-search .search-field {
  color: var(--sz-ink); background: rgba(0, 0, 0, .05); border-color: var(--sz-line);
}
.sz-nav-light .nav-search .search-field::placeholder { color: var(--sz-mut); }
.sz-nav-light .nav-search .search-field:focus { background: rgba(0, 0, 0, .08); }
.sz-nav-light .mode-toggle { color: var(--sz-ink); }
.sz-nav-light .mode-toggle:hover { background: rgba(0, 0, 0, .07); color: var(--sz-red); }
.sz-dark.sz-nav-light .nav-search .search-field { background: rgba(255, 255, 255, .08); }
.sz-dark.sz-nav-light .mode-toggle:hover { background: rgba(255, 255, 255, .12); }

/* =========================================================
   SKIN: TECH — full dark mode, Space Grotesk, mono details
   ========================================================= */
body.sitezen-skin-tech {
  --f-serif: 'Space Grotesk', 'Inter', -apple-system, sans-serif;
  --f-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --sz-paper: #0B0F15; --sz-card: #121826; --sz-ink: #E8EDF4; --sz-ink-2: #0E141D;
  --sz-mut: #8C97A8; --sz-line: #232D3B; --sz-line-dark: rgba(255, 255, 255, .08);
  --shadow: 0 16px 36px rgba(0, 0, 0, .55);
}
.sz-dark .topbar, .sz-dark .navbar, .sz-dark .site-footer { background: #070B11; }
.sz-dark .site-nav .menu ul { background: var(--sz-card); border: 1px solid var(--sz-line); }
.sz-dark .site-nav .menu ul a { color: var(--sz-ink); }
.sz-dark .site-nav .menu ul a:hover { background: rgba(255, 255, 255, .06); color: var(--sz-red); }
.sz-dark .ticker-move a { color: var(--sz-ink); }
.sz-dark .ticker-label { color: #0B0F15; }
.sz-dark .card-media, .sz-dark .mini-thumb { background: var(--sz-ink-2); }
.sitezen-skin-tech .hero-item { border: 1px solid var(--sz-line); }
.sz-dark .card:hover {
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--sz-red) 60%, transparent), var(--shadow);
}
.sz-dark input[type="text"], .sz-dark input[type="email"], .sz-dark input[type="url"],
.sz-dark input[type="search"], .sz-dark input[type="password"],
.sz-dark input[type="number"], .sz-dark textarea, .sz-dark select {
  background: var(--sz-ink-2); border-color: var(--sz-line); color: var(--sz-ink);
}
.sz-dark .entry-content blockquote { background: var(--sz-ink-2); }
.sz-dark .entry-content code { background: rgba(255, 255, 255, .09); color: var(--sz-ink); }
.sz-dark .entry-content pre { background: #070B11; }
.sz-dark .entry-content th { background: rgba(255, 255, 255, .06); }
.sz-dark .tag-links a { background: rgba(255, 255, 255, .09); color: var(--sz-ink); }
.sz-dark .tag-links a:hover { background: var(--sz-red); color: #0B0F15; }
.sz-dark .author-box { background: var(--sz-ink-2); }
.sz-dark .to-top { background: var(--sz-red); color: #0B0F15; }
.sitezen-skin-tech .top-date, .sitezen-skin-tech .meta, .sitezen-skin-tech .mini-date,
.sitezen-skin-tech .hero-meta, .sitezen-skin-tech .comment-metadata {
  font-family: var(--f-mono); font-size: .74rem; letter-spacing: .02em;
}
.sitezen-skin-tech .site-title a::after {
  content: "_"; color: var(--sz-red);
  animation: sz-blink 1.2s steps(1) infinite;
}
.sitezen-skin-tech .cat-badge { border-radius: 5px; }
.sitezen-skin-tech .hero-overlay .cat-badge, .sitezen-skin-tech .ticker-label { font-family: var(--f-mono); }
.sz-dark ::selection { background: var(--sz-red); color: #0B0F15; }
.sz-dark a:hover { color: color-mix(in srgb, var(--sz-red) 78%, #fff); }

/* =========================================================
   SKIN: MAGAZINE — warm editorial, Playfair + Lora,
   full-width cover hero, flat ruled cards
   ========================================================= */
body.sitezen-skin-magazine {
  --f-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --f-sans: 'Lora', Georgia, serif;
  --sz-paper: #F6F1E7; --sz-card: #FFFCF4; --sz-line: #E2D9C6;
  --sz-mut: #79715C; --radius: 4px;
  --shadow: 0 12px 30px rgba(80, 60, 20, .12);
}
.sitezen-skin-magazine .masthead { padding: 40px 0 0; }
.sitezen-skin-magazine .masthead .wrap { border-bottom: 4px double var(--sz-ink); padding-bottom: 24px; }
.sitezen-skin-magazine .site-title { font-size: clamp(2.5rem, 6vw, 4rem); letter-spacing: .01em; }
.sitezen-skin-magazine .site-title a::after { content: ""; }
.sitezen-skin-magazine .site-desc {
  text-transform: uppercase; letter-spacing: .34em; font-size: .66rem; margin-top: 8px;
}
.sitezen-skin-magazine .navbar { background: var(--sz-paper); border-bottom: 1px solid var(--sz-ink); }
.sitezen-skin-magazine .navbar.scrolled { box-shadow: 0 8px 22px rgba(70, 50, 15, .14); }
.sitezen-skin-magazine .site-nav .menu a {
  text-transform: uppercase; letter-spacing: .1em; font-size: .78rem; font-weight: 700;
}
.sitezen-skin-magazine .site-nav .menu > li.current-menu-item > a { box-shadow: inset 0 -2px 0 var(--sz-red); }
.sitezen-skin-magazine .ticker { background: var(--sz-paper); border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-magazine .ticker-label { background: var(--sz-ink); color: var(--sz-paper); }
.sitezen-skin-magazine .hero-grid { grid-auto-rows: 205px; }
.sitezen-skin-magazine .hero-item { border-radius: var(--radius); }
.sitezen-skin-magazine .hero-item:first-child,
.sz-hero-cover .hero-item:first-child,
.hero-cover .hero-item:first-child {
  grid-column: 1 / -1; grid-row: span 2; min-height: 0;
}
.sitezen-skin-magazine .hero-item:first-child .hero-title,
.sz-hero-cover .hero-item:first-child .hero-title,
.hero-cover .hero-item:first-child .hero-title {
  font-size: clamp(1.7rem, 3.8vw, 2.7rem); font-weight: 700; max-width: 22ch;
}
.sitezen-skin-magazine .hero-item:first-child .hero-overlay,
.sz-hero-cover .hero-item:first-child .hero-overlay,
.hero-cover .hero-item:first-child .hero-overlay { padding: 30px 34px 28px; }
.sitezen-skin-magazine .cat-badge {
  background: transparent; color: var(--cat, var(--sz-red));
  border: 1px solid currentColor; border-radius: 0;
  text-transform: uppercase; letter-spacing: .14em; font-size: .6rem; padding: 4px 10px;
}
.sitezen-skin-magazine .cat-badge:hover { filter: none; background: var(--cat, var(--sz-red)); color: #fff; }
.sitezen-skin-magazine .hero-overlay .cat-badge { color: #fff; border-color: rgba(255, 255, 255, .8); }
.sitezen-skin-magazine .sec-title {
  justify-content: center; text-align: center; border-bottom: 0;
  text-transform: uppercase; letter-spacing: .24em; font-size: .95rem; gap: 18px;
}
.sitezen-skin-magazine .sec-title::before, .sitezen-skin-magazine .sec-title::after {
  content: ""; flex: none; width: 70px; height: 1px;
  background: var(--sz-ink); border-radius: 0;
}
.sitezen-skin-magazine .home-section .sec-title::before,
.sitezen-skin-magazine .home-section .sec-title::after { background: var(--cat, var(--sz-ink)); }
.sitezen-skin-magazine .view-all { margin-left: 0; letter-spacing: .1em; font-size: .68rem; text-transform: uppercase; }
.sitezen-skin-magazine .card {
  background: transparent; border: 0; border-top: 1px solid var(--sz-ink);
  border-radius: 0; overflow: visible;
}
.sitezen-skin-magazine .card:hover { transform: none; box-shadow: none; }
.sitezen-skin-magazine .card-media { border-radius: 0; margin-top: 14px; }
.sitezen-skin-magazine .card-body { padding: 14px 2px 6px; }
.sitezen-skin-magazine .card-title { font-size: 1.24rem; line-height: 1.42; }
.sitezen-skin-magazine .feat-main .card-media { border-radius: 0; }
.sitezen-skin-magazine .feat-title { font-size: 1.6rem; line-height: 1.35; }
.sitezen-skin-magazine .widget { border-color: var(--sz-line); }
.sitezen-skin-magazine .widget-title { text-transform: uppercase; letter-spacing: .14em; font-size: .82rem; }
.sitezen-skin-magazine .page-numbers { border-radius: 0; }
.sitezen-skin-magazine button, .sitezen-skin-magazine input[type="submit"], .sitezen-skin-magazine .btn { border-radius: 3px; }
.sitezen-skin-magazine input[type="text"], .sitezen-skin-magazine input[type="email"],
.sitezen-skin-magazine input[type="search"], .sitezen-skin-magazine textarea { border-radius: 3px; background: var(--sz-card); }

/* =========================================================
   SKIN: SPORTS — bold condensed, skewed accents, scoreboard
   ========================================================= */
body.sitezen-skin-sports {
  --f-serif: 'Barlow Condensed', 'Arial Narrow', 'Inter', sans-serif;
  --sz-paper: #F1F4F0; --radius: 8px;
}
.sitezen-skin-sports .site-title { text-transform: uppercase; letter-spacing: .02em; font-size: clamp(2.5rem, 6vw, 4rem); }
.sitezen-skin-sports .site-title a::after {
  content: ""; display: inline-block; width: .34em; height: .34em;
  background: var(--sz-red); margin-left: .14em; transform: skew(-12deg);
  border-radius: 2px; vertical-align: baseline;
}
.sitezen-skin-sports .hero-title, .sitezen-skin-sports .card-title, .sitezen-skin-sports .feat-title,
.sitezen-skin-sports .mini-title, .sitezen-skin-sports .widget-title, .sitezen-skin-sports .entry-title,
.sitezen-skin-sports .archive-title, .sitezen-skin-sports .sec-title {
  text-transform: uppercase; letter-spacing: .02em;
}
.sitezen-skin-sports .card-title { font-size: 1.34rem; line-height: 1.28; }
.sitezen-skin-sports .hero-title { font-size: 1.22rem; line-height: 1.35; }
.sitezen-skin-sports .hero-item:first-child .hero-title { font-size: clamp(1.5rem, 2.8vw, 2.15rem); }
.sitezen-skin-sports .feat-title { font-size: 1.7rem; line-height: 1.25; }
.sitezen-skin-sports .mini-title { font-size: 1rem; line-height: 1.35; }
.sitezen-skin-sports .sec-title { font-size: 1.5rem; }
.sitezen-skin-sports .sec-title::before { transform: skew(-14deg); width: 14px; }
.sitezen-skin-sports .widget-title::before { transform: skew(-14deg); }
.sitezen-skin-sports .cat-badge {
  transform: skew(-10deg); border-radius: 3px;
  text-transform: uppercase; letter-spacing: .07em; font-weight: 800;
}
.sitezen-skin-sports .navbar { border-bottom: 3px solid var(--sz-red); }
.sitezen-skin-sports .ticker { background: var(--sz-ink); border-bottom: 3px solid var(--sz-red); }
.sitezen-skin-sports .ticker-in { min-height: 46px; }
.sitezen-skin-sports .ticker-label {
  transform: skew(-10deg); border-radius: 3px; margin: 6px 0 6px 2px; padding: 0 18px;
}
.sitezen-skin-sports .ticker-move a {
  color: var(--sz-paper); text-transform: uppercase; font-weight: 700;
  font-size: .84rem; letter-spacing: .03em;
}
.sitezen-skin-sports .ticker-move a:hover { color: var(--sz-paper); text-decoration: underline; }
.sitezen-skin-sports .card { border-width: 2px; border-color: var(--sz-line); }
.sitezen-skin-sports .card:hover { border-color: var(--sz-red); }
.sitezen-skin-sports .view-all { text-transform: uppercase; letter-spacing: .05em; }
.sitezen-skin-sports .page-numbers { border-radius: 6px; border-width: 2px; }
.sitezen-skin-sports .meta { text-transform: uppercase; font-size: .72rem; letter-spacing: .04em; }

/* =========================================================
   SKIN: LIFESTYLE — soft & airy, Fraunces + Karla, pills
   ========================================================= */
body.sitezen-skin-lifestyle {
  --f-serif: 'Fraunces', Georgia, serif;
  --f-sans: 'Karla', 'Inter', -apple-system, sans-serif;
  --sz-paper: #FBF6EF; --sz-card: #FFFFFF; --sz-line: #EFE5D6;
  --sz-mut: #8A8172; --radius: 20px;
  --shadow: 0 18px 44px rgba(150, 115, 70, .16);
}
.sitezen-skin-lifestyle .topbar { background: transparent; color: var(--sz-mut); border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-lifestyle .top-links a { color: var(--sz-mut); }
.sitezen-skin-lifestyle .top-links a:hover { color: var(--sz-ink); }
.sitezen-skin-lifestyle .navbar { background: color-mix(in srgb, var(--sz-card) 86%, transparent); backdrop-filter: blur(10px); border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-lifestyle .navbar.scrolled { box-shadow: 0 8px 24px rgba(150, 115, 70, .14); }
.sitezen-skin-lifestyle .ticker { background: transparent; border-bottom: 0; }
.sitezen-skin-lifestyle .ticker-wrapper { }
.sitezen-skin-lifestyle .ticker .ticker-in {
  background: var(--sz-card); border: 1px solid var(--sz-line);
  border-radius: 999px; overflow: hidden; margin-top: 16px; min-height: 42px;
}
.sitezen-skin-lifestyle .cat-badge {
  background: color-mix(in srgb, var(--cat, var(--sz-red)) 13%, #fff);
  color: var(--cat, var(--sz-red)); border-radius: 999px; font-weight: 700;
}
.sitezen-skin-lifestyle .cat-badge:hover { filter: none; background: var(--cat, var(--sz-red)); color: #fff; }
.sitezen-skin-lifestyle .hero-grid { gap: 18px; }
.sitezen-skin-lifestyle .hero-item { border-radius: 22px; }
.sitezen-skin-lifestyle .card { border: 0; box-shadow: 0 8px 24px rgba(150, 115, 70, .10); }
.sitezen-skin-lifestyle .card:hover { box-shadow: var(--shadow); }
.sitezen-skin-lifestyle .widget { border: 0; box-shadow: 0 8px 24px rgba(150, 115, 70, .10); }
.sitezen-skin-lifestyle .widget-title { border-bottom-color: var(--sz-line); }
.sitezen-skin-lifestyle .widget-title::before,
.sitezen-skin-lifestyle .sec-title::before { width: 12px; height: 12px; border-radius: 50%; }
.sitezen-skin-lifestyle .sec-title { border-bottom: 0; padding-bottom: 0; }
.sitezen-skin-lifestyle .home-section .sec-title { border-bottom: 0; }
.sitezen-skin-lifestyle .mini-thumb { border-radius: 12px; }
.sitezen-skin-lifestyle .feat-main .card-media, .sitezen-skin-lifestyle .card-media { border-radius: 18px; }
.sitezen-skin-lifestyle .card .card-media { border-radius: 18px 18px 0 0; }
.sitezen-skin-lifestyle button, .sitezen-skin-lifestyle input[type="submit"], .sitezen-skin-lifestyle .btn,
.sitezen-skin-lifestyle .page-numbers { border-radius: 999px; }
.sitezen-skin-lifestyle .search-form .search-field { border-radius: 999px 0 0 999px; }
.sitezen-skin-lifestyle .search-form .search-submit { border-radius: 0 999px 999px 0; }
.sitezen-skin-lifestyle .nav-search .search-field { border-radius: 999px 0 0 999px; }
.sitezen-skin-lifestyle .nav-search .search-submit { border-radius: 0 999px 999px 0; }
.sitezen-skin-lifestyle .to-top { background: var(--sz-red); }
.sitezen-skin-lifestyle .site-footer { background: #2B241B; }
.sitezen-skin-lifestyle .tag-links a { border-radius: 999px; }

/* =========================================================
   SKIN: BUSINESS — corporate navy, IBM Plex, left-aligned
   masthead, ruled cards with accent top border
   ========================================================= */
body.sitezen-skin-business {
  --f-serif: 'IBM Plex Serif', Georgia, serif;
  --f-sans: 'IBM Plex Sans', 'Inter', -apple-system, sans-serif;
  --sz-red: var(--sz-accent, #1B4B8F);
  --sz-paper: #F3F5F8; --sz-card: #FFFFFF; --sz-ink: #14213D; --sz-ink-2: #0E1730;
  --sz-mut: #5F6B7E; --sz-line: #DCE2EA; --radius: 6px;
  --shadow: 0 12px 28px rgba(20, 33, 61, .10);
}
.sitezen-skin-business .masthead { padding: 22px 0 16px; text-align: left; }
.sitezen-skin-business .masthead .wrap {
  display: flex; align-items: baseline; justify-content: space-between; gap: 12px 24px; flex-wrap: wrap;
}
.sitezen-skin-business .site-title { font-size: clamp(1.8rem, 4vw, 2.5rem); }
.sitezen-skin-business .site-title a::after {
  content: ""; display: inline-block; width: .32em; height: .32em;
  background: var(--sz-red); margin-left: .18em; border-radius: 2px;
}
.sitezen-skin-business .site-desc {
  margin: 0; text-transform: uppercase; letter-spacing: .16em; font-size: .68rem; font-weight: 600;
}
.sitezen-skin-business .navbar { border-bottom: 2px solid var(--sz-ink); }
.sitezen-skin-business .site-nav .menu a { font-size: .84rem; text-transform: uppercase; letter-spacing: .06em; }
.sitezen-skin-business .ticker { background: var(--sz-ink-2); border-bottom: 0; }
.sitezen-skin-business .ticker-move a { color: #DDE3EE; }
.sitezen-skin-business .ticker-move a:hover { color: #fff; }
.sitezen-skin-business .card { border-top: 3px solid var(--sz-red); }
.sitezen-skin-business .card:hover { transform: none; box-shadow: var(--shadow); border-top-color: var(--sz-ink); }
.sitezen-skin-business .card-media, .sitezen-skin-business .mini-thumb { border-radius: 0; }
.sitezen-skin-business .cat-badge {
  border-radius: 3px; text-transform: uppercase; font-size: .66rem; letter-spacing: .08em;
}
.sitezen-skin-business .sec-title { border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-business .sec-title::before { width: 6px; height: 22px; border-radius: 0; }
.sitezen-skin-business .home-section .sec-title { border-bottom-color: var(--sz-line); }
.sitezen-skin-business .widget { border-top: 3px solid var(--sz-ink); border-radius: 0 0 var(--radius) var(--radius); }
.sitezen-skin-business .widget-title::before { border-radius: 0; width: 6px; }
.sitezen-skin-business .hero-item { border-radius: 4px; }
.sitezen-skin-business .hero-item::after {
  background: linear-gradient(185deg, rgba(14, 23, 48, 0) 30%, rgba(14, 23, 48, .92) 92%);
}
.sitezen-skin-business .feat-main .card-media { border-radius: 4px; }
.sitezen-skin-business button, .sitezen-skin-business input[type="submit"], .sitezen-skin-business .btn,
.sitezen-skin-business .page-numbers { border-radius: 4px; }
.sitezen-skin-business .site-footer { background: #0E1730; }

/* =========================================================
   SKIN: MINIMAL — DM Serif + DM Sans, near-black accent,
   narrow measure, hairlines, no boxes
   ========================================================= */
body.sitezen-skin-minimal {
  --f-serif: 'DM Serif Display', Georgia, serif;
  --f-sans: 'DM Sans', 'Inter', -apple-system, sans-serif;
  --sz-red: var(--sz-accent, #111111);
  --sz-paper: #FFFFFF; --sz-card: #FFFFFF; --sz-ink: #111111; --sz-ink-2: #1A1A1A;
  --sz-mut: #777777; --sz-line: #E8E8E8; --radius: 6px;
  --shadow: 0 14px 34px rgba(0, 0, 0, .08);
}
.sitezen-skin-minimal .wrap { max-width: 1080px; }
.sitezen-skin-minimal .topbar { background: transparent; color: var(--sz-mut); border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-minimal .top-links a, .sitezen-skin-minimal .top-social a { color: var(--sz-mut); }
.sitezen-skin-minimal .top-links a:hover { color: var(--sz-ink); }
.sitezen-skin-minimal .top-date::before { background: var(--sz-ink); }
.sitezen-skin-minimal .masthead { padding: 48px 0 30px; }
.sitezen-skin-minimal .site-title { font-weight: 400; font-size: clamp(2.4rem, 6vw, 4.2rem); letter-spacing: -.01em; }
.sitezen-skin-minimal .site-title a::after { content: ""; }
.sitezen-skin-minimal .site-desc { text-transform: uppercase; letter-spacing: .3em; font-size: .64rem; margin-top: 10px; }
.sitezen-skin-minimal .navbar { background: var(--sz-paper); border-top: 1px solid var(--sz-line); border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-minimal .site-nav .menu { justify-content: center; }
.sitezen-skin-minimal .site-nav .menu a { font-weight: 500; font-size: .9rem; }
.sitezen-skin-minimal .site-nav .menu > li.current-menu-item > a { box-shadow: inset 0 -2px 0 var(--sz-ink); }
.sitezen-skin-minimal .ticker { background: transparent; border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-minimal .ticker-label {
  background: transparent; color: var(--sz-ink); padding-left: 0;
  text-transform: uppercase; letter-spacing: .14em; font-size: .7rem;
}
.sitezen-skin-minimal .ticker-label::before { background: var(--sz-ink); }
.sitezen-skin-minimal .ticker-move a::before { color: var(--sz-mut); }
.sitezen-skin-minimal .hero { margin-top: 34px; }
.sitezen-skin-minimal .hero-grid { gap: 10px; }
.sitezen-skin-minimal .hero-item { border-radius: 4px; }
.sitezen-skin-minimal .hero-title { font-weight: 400; }
.sitezen-skin-minimal .card { border: 0; border-radius: 0; background: transparent; overflow: visible; }
.sitezen-skin-minimal .card:hover { transform: none; box-shadow: none; }
.sitezen-skin-minimal .card-media { border-radius: 4px; }
.sitezen-skin-minimal .card-body { padding: 16px 0 8px; }
.sitezen-skin-minimal .card-title { font-weight: 400; font-size: 1.28rem; line-height: 1.35; }
.sitezen-skin-minimal .cat-badge {
  background: transparent; color: var(--sz-mut); padding: 0; border-radius: 0;
  text-transform: uppercase; letter-spacing: .16em; font-size: .64rem;
}
.sitezen-skin-minimal .cat-badge:hover { filter: none; color: var(--sz-ink); }
.sitezen-skin-minimal .hero-overlay .cat-badge, .sitezen-skin-minimal .ov-body .cat-badge { color: rgba(255, 255, 255, .85); }
.sitezen-skin-minimal .sec-title {
  border-bottom: 1px solid var(--sz-ink); font-family: var(--f-sans); font-size: .78rem;
  text-transform: uppercase; letter-spacing: .2em; font-weight: 500; padding-bottom: 12px;
}
.sitezen-skin-minimal .sec-title::before { display: none; }
.sitezen-skin-minimal .home-section .sec-title { border-bottom-color: var(--sz-ink); }
.sitezen-skin-minimal .view-all { font-weight: 500; letter-spacing: .1em; font-size: .68rem; text-transform: uppercase; color: var(--sz-mut); }
.sitezen-skin-minimal .widget { border: 0; border-top: 1px solid var(--sz-ink); border-radius: 0; padding: 18px 0 10px; background: transparent; }
.sitezen-skin-minimal .widget-title {
  border-bottom: 0; font-family: var(--f-sans); font-size: .74rem;
  text-transform: uppercase; letter-spacing: .2em; font-weight: 500; padding-bottom: 4px;
}
.sitezen-skin-minimal .widget-title::before { display: none; }
.sitezen-skin-minimal .feat-title { font-weight: 400; font-size: 1.6rem; line-height: 1.3; }
.sitezen-skin-minimal .entry-title { font-weight: 400; }
.sitezen-skin-minimal .feat-main .card-media, .sitezen-skin-minimal .mini-thumb { border-radius: 4px; }
.sitezen-skin-minimal .list-item, .sitezen-skin-minimal .strip-card { border-color: var(--sz-line); border-radius: 4px; }
.sitezen-skin-minimal button, .sitezen-skin-minimal input[type="submit"], .sitezen-skin-minimal .btn,
.sitezen-skin-minimal .page-numbers, .sitezen-skin-minimal input[type="text"], .sitezen-skin-minimal input[type="email"],
.sitezen-skin-minimal input[type="url"], .sitezen-skin-minimal input[type="search"], .sitezen-skin-minimal textarea { border-radius: 0; }
.sitezen-skin-minimal .single-post-article, .sitezen-skin-minimal .page-article, .sitezen-skin-minimal .comments-area {
  border: 0; border-radius: 0; padding-left: 0; padding-right: 0;
}
.sitezen-skin-minimal .comments-area { border-top: 1px solid var(--sz-ink); }
.sitezen-skin-minimal .tag-links a { border-radius: 0; }
.sitezen-skin-minimal .to-top { border-radius: 0; }
.sitezen-skin-minimal .to-top::after { display: none; }

/* =========================================================
   SKIN: TABLOID — Oswald caps, red/black/yellow, thick rules
   ========================================================= */
body.sitezen-skin-tabloid {
  --f-serif: 'Oswald', 'Arial Narrow', 'Inter', sans-serif;
  --f-sans: 'Roboto', 'Inter', -apple-system, sans-serif;
  --sz-red: var(--sz-accent, #D7261E);
  --sz-hi: #FFD500;
  --sz-paper: #FFFFFF; --sz-card: #FFFFFF; --sz-ink: #101010; --sz-ink-2: #1B1B1B;
  --sz-mut: #616161; --sz-line: #D9D9D9; --radius: 0px;
  --shadow: 0 10px 24px rgba(0, 0, 0, .14);
}
.sitezen-skin-tabloid .site-title, .sitezen-skin-tabloid .hero-title, .sitezen-skin-tabloid .card-title,
.sitezen-skin-tabloid .feat-title, .sitezen-skin-tabloid .sec-title, .sitezen-skin-tabloid .widget-title,
.sitezen-skin-tabloid .entry-title, .sitezen-skin-tabloid .archive-title, .sitezen-skin-tabloid .list-title,
.sitezen-skin-tabloid .ov-title, .sitezen-skin-tabloid .mini-title, .sitezen-skin-tabloid .strip-title,
.sitezen-skin-tabloid .rank-body h3 { text-transform: uppercase; letter-spacing: .01em; }
.sitezen-skin-tabloid .masthead { padding: 18px 0 12px; }
.sitezen-skin-tabloid .site-title { font-size: clamp(2.6rem, 7vw, 4.6rem); font-weight: 700; line-height: 1.05; }
.sitezen-skin-tabloid .site-title a { background: var(--sz-red); color: #fff; padding: .02em .22em .06em; display: inline-block; }
.sitezen-skin-tabloid .site-title a::after { content: "!"; color: var(--sz-hi); }
.sitezen-skin-tabloid .site-desc {
  text-transform: uppercase; font-weight: 700; letter-spacing: .1em; font-size: .72rem; color: var(--sz-ink); margin-top: 8px;
}
.sitezen-skin-tabloid .navbar { border-top: 0; border-bottom: 4px solid var(--sz-red); }
.sitezen-skin-tabloid .site-nav .menu a {
  font-family: var(--f-serif); text-transform: uppercase; font-size: 1rem; letter-spacing: .04em; font-weight: 500;
}
.sitezen-skin-tabloid .site-nav .menu > li.current-menu-item > a { box-shadow: inset 0 -4px 0 var(--sz-hi); }
.sitezen-skin-tabloid .ticker { background: var(--sz-hi); border-bottom: 0; }
.sitezen-skin-tabloid .ticker-label {
  background: #101010; color: var(--sz-hi); text-transform: uppercase;
  font-family: var(--f-serif); font-size: .95rem; letter-spacing: .06em;
}
.sitezen-skin-tabloid .ticker-label::before { background: var(--sz-red); }
.sitezen-skin-tabloid .ticker-move a { color: #101010; font-weight: 700; text-transform: uppercase; font-size: .84rem; }
.sitezen-skin-tabloid .ticker-move a:hover { color: var(--sz-red); }
.sitezen-skin-tabloid .ticker-move a::before { color: #101010; }
.sitezen-skin-tabloid .card-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 18px; }
.sitezen-skin-tabloid .card { border: 2px solid var(--sz-ink); }
.sitezen-skin-tabloid .card:hover { transform: none; box-shadow: 6px 6px 0 var(--sz-red); }
.sitezen-skin-tabloid .card-title { font-size: 1.3rem; line-height: 1.2; font-weight: 600; }
.sitezen-skin-tabloid .feat-title { font-size: 2rem; line-height: 1.1; }
.sitezen-skin-tabloid .hero-title { font-size: 1.2rem; line-height: 1.2; }
.sitezen-skin-tabloid .hero-item:first-child .hero-title { font-size: clamp(1.6rem, 3vw, 2.4rem); }
.sitezen-skin-tabloid .cat-badge {
  border-radius: 0; text-transform: uppercase; font-weight: 700; letter-spacing: .06em;
  background: var(--sz-hi); color: #101010;
}
.sitezen-skin-tabloid .cat-badge:hover { filter: none; background: var(--sz-ink); color: var(--sz-hi); }
.sitezen-skin-tabloid .sec-title {
  background: var(--sz-ink); color: var(--sz-paper); padding: 6px 12px; border-bottom: 0; font-size: 1.4rem; font-weight: 600;
}
.sitezen-skin-tabloid .sec-title a { color: var(--sz-paper); }
.sitezen-skin-tabloid .sec-title::before { background: var(--sz-hi); border-radius: 0; width: 8px; }
.sitezen-skin-tabloid .home-section .sec-title::before { background: var(--cat, var(--sz-hi)); }
.sitezen-skin-tabloid .view-all { color: var(--sz-hi); text-transform: uppercase; font-size: .72rem; }
.sitezen-skin-tabloid .widget { border: 2px solid var(--sz-ink); }
.sitezen-skin-tabloid .widget-title { font-size: 1.15rem; font-weight: 600; border-bottom-width: 3px; }
.sitezen-skin-tabloid .widget-title::before { border-radius: 0; width: 8px; }
.sitezen-skin-tabloid .hero-item, .sitezen-skin-tabloid .card-media, .sitezen-skin-tabloid .mini-thumb,
.sitezen-skin-tabloid .feat-main .card-media { border-radius: 0; }
.sitezen-skin-tabloid button, .sitezen-skin-tabloid input[type="submit"], .sitezen-skin-tabloid .btn,
.sitezen-skin-tabloid .page-numbers, .sitezen-skin-tabloid input[type="text"], .sitezen-skin-tabloid input[type="search"],
.sitezen-skin-tabloid input[type="email"], .sitezen-skin-tabloid input[type="url"], .sitezen-skin-tabloid textarea,
.sitezen-skin-tabloid .tag-links a { border-radius: 0; }
.sitezen-skin-tabloid .meta { text-transform: uppercase; font-size: .72rem; letter-spacing: .03em; }
.sitezen-skin-tabloid .to-top { border-radius: 0; }
.sitezen-skin-tabloid .to-top::after { display: none; }
.sitezen-skin-tabloid .site-footer { background: #101010; border-top: 4px solid var(--sz-red); }

/* =========================================================
   SKIN: BRUTAL — neo-brutalist: Archivo Black, yellow highlight,
   thick black borders, hard offset shadows
   ========================================================= */
body.sitezen-skin-brutal {
  --f-serif: 'Archivo Black', 'Archivo', Impact, sans-serif;
  --f-sans: 'Archivo', 'Inter', -apple-system, sans-serif;
  --sz-red: var(--sz-accent, #111111);
  --sz-hi: #FFD400;
  --sz-paper: #F4F1E8; --sz-card: #FFFFFF; --sz-ink: #111111; --sz-ink-2: #1C1C1C;
  --sz-mut: #555555; --sz-line: #111111; --radius: 0px;
  --shadow: 8px 8px 0 #111111;
}
.sitezen-skin-brutal .topbar { background: var(--sz-hi); color: #111111; border-bottom: 3px solid var(--sz-ink); font-weight: 700; }
.sitezen-skin-brutal .top-links a, .sitezen-skin-brutal .top-social a { color: #111111; }
.sitezen-skin-brutal .top-date::before { background: #111111; }
.sitezen-skin-brutal .masthead { padding: 30px 0 22px; }
.sitezen-skin-brutal .site-title { font-size: clamp(2rem, 6vw, 3.8rem); letter-spacing: -.02em; line-height: 1.1; }
.sitezen-skin-brutal .site-title a {
  display: inline-block; background: var(--sz-card); border: 3px solid var(--sz-ink);
  box-shadow: 6px 6px 0 var(--sz-ink); padding: .08em .35em .12em;
}
.sitezen-skin-brutal .site-title a::after { content: ""; }
.sitezen-skin-brutal .site-desc {
  margin-top: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; font-size: .74rem; color: var(--sz-ink);
}
.sitezen-skin-brutal .navbar { border-top: 3px solid var(--sz-ink); border-bottom: 3px solid var(--sz-ink); }
.sitezen-skin-brutal .site-nav .menu a { font-weight: 700; text-transform: uppercase; font-size: .84rem; letter-spacing: .06em; }
.sitezen-skin-brutal .site-nav .menu > li.current-menu-item > a { box-shadow: inset 0 -4px 0 var(--sz-hi); }
.sitezen-skin-brutal .site-nav .menu > li > a::after { background: var(--sz-hi); }
.sitezen-skin-brutal .nav-search .search-submit { background: var(--sz-hi); color: #111111; }
.sitezen-skin-brutal .ticker { background: var(--sz-card); border-bottom: 3px solid var(--sz-ink); }
.sitezen-skin-brutal .ticker-label { background: var(--sz-hi); color: #111111; text-transform: uppercase; }
.sitezen-skin-brutal .ticker-label::before { background: #111111; }
.sitezen-skin-brutal .ticker-move a::before { color: var(--sz-ink); }
.sitezen-skin-brutal .hero-grid { gap: 18px; }
.sitezen-skin-brutal .hero-item { border: 3px solid var(--sz-ink); box-shadow: 6px 6px 0 var(--sz-ink); border-radius: 0; }
.sitezen-skin-brutal .card, .sitezen-skin-brutal .widget, .sitezen-skin-brutal .list-item, .sitezen-skin-brutal .strip-card,
.sitezen-skin-brutal .single-post-article, .sitezen-skin-brutal .page-article, .sitezen-skin-brutal .comments-area,
.sitezen-skin-brutal .no-results, .sitezen-skin-brutal .author-box, .sitezen-skin-brutal .post-navigation a,
.sitezen-skin-brutal .ov-item {
  border: 3px solid var(--sz-ink); box-shadow: 6px 6px 0 var(--sz-ink); border-radius: 0;
}
.sitezen-skin-brutal .card-grid { gap: 26px; }
.sitezen-skin-brutal .card:hover { transform: translate(-3px, -3px); box-shadow: 10px 10px 0 var(--sz-ink); }
.sitezen-skin-brutal .card-media { border-bottom: 3px solid var(--sz-ink); border-radius: 0; }
.sitezen-skin-brutal .card-title { font-family: var(--f-serif); font-weight: 400; font-size: 1.1rem; line-height: 1.35; }
.sitezen-skin-brutal .cat-badge {
  background: var(--sz-hi); color: #111111; border: 2px solid var(--sz-ink); border-radius: 0;
  text-transform: uppercase; font-weight: 700; letter-spacing: .06em;
}
.sitezen-skin-brutal .cat-badge:hover { filter: none; background: var(--sz-ink); color: var(--sz-hi); }
.sitezen-skin-brutal .sec-title { border-bottom: 3px solid var(--sz-ink); font-family: var(--f-serif); font-weight: 400; text-transform: uppercase; }
.sitezen-skin-brutal .sec-title::before { background: var(--sz-hi); border: 2px solid var(--sz-ink); border-radius: 0; width: 18px; height: 18px; }
.sitezen-skin-brutal .home-section .sec-title { border-bottom-color: var(--sz-ink); }
.sitezen-skin-brutal .home-section .sec-title::before { background: var(--cat, var(--sz-hi)); }
.sitezen-skin-brutal .widget-title { border-bottom: 3px solid var(--sz-ink); text-transform: uppercase; font-size: .95rem; }
.sitezen-skin-brutal .widget-title::before { background: var(--sz-hi); border: 2px solid var(--sz-ink); border-radius: 0; width: 14px; height: 14px; }
.sitezen-skin-brutal .mini-thumb, .sitezen-skin-brutal .feat-main .card-media { border: 2px solid var(--sz-ink); border-radius: 0; }
.sitezen-skin-brutal button, .sitezen-skin-brutal input[type="submit"], .sitezen-skin-brutal .btn {
  background: var(--sz-hi); color: #111111; border: 3px solid var(--sz-ink); box-shadow: 4px 4px 0 var(--sz-ink); border-radius: 0;
}
.sitezen-skin-brutal button:hover, .sitezen-skin-brutal input[type="submit"]:hover, .sitezen-skin-brutal .btn:hover {
  background: var(--sz-ink); color: var(--sz-hi);
}
.sitezen-skin-brutal input[type="text"], .sitezen-skin-brutal input[type="email"], .sitezen-skin-brutal input[type="url"],
.sitezen-skin-brutal input[type="search"], .sitezen-skin-brutal textarea { border: 3px solid var(--sz-ink); border-radius: 0; }
.sitezen-skin-brutal .nav-search .search-field { border: 0; }
.sitezen-skin-brutal .page-numbers { border: 3px solid var(--sz-ink); border-radius: 0; box-shadow: 3px 3px 0 var(--sz-ink); }
.sitezen-skin-brutal .page-numbers.current { background: var(--sz-hi); color: #111111; }
.sitezen-skin-brutal .tag-links a { border: 2px solid var(--sz-ink); border-radius: 0; }
.sitezen-skin-brutal .to-top { border: 3px solid var(--sz-ink); background: var(--sz-hi); color: #111111; border-radius: 0; }
.sitezen-skin-brutal .to-top::after { display: none; }
.sitezen-skin-brutal .site-footer { background: #111111; border-top: 4px solid var(--sz-hi); }

/* =========================================================
   SKIN: LUXE — Cormorant + Montserrat, gold hairlines, cream,
   centered editorial cards
   ========================================================= */
body.sitezen-skin-luxe {
  --f-serif: 'Cormorant Garamond', 'Times New Roman', serif;
  --f-sans: 'Montserrat', 'Inter', -apple-system, sans-serif;
  --sz-red: var(--sz-accent, #B08D3B);
  --sz-paper: #FAF7F1; --sz-card: #FFFFFF; --sz-ink: #221F1A; --sz-ink-2: #1A1712;
  --sz-mut: #7B7365; --sz-line: #E8E1D3; --radius: 2px;
  --shadow: 0 16px 40px rgba(60, 45, 20, .12);
  font-size: clamp(14.5px, 0.3vw + 13.5px, 16px);
}
.sitezen-skin-luxe .topbar { background: var(--sz-ink-2); font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; }
.sitezen-skin-luxe .masthead { padding: 34px 0 0; }
.sitezen-skin-luxe .masthead .wrap {
  border-top: 1px solid var(--sz-red); border-bottom: 1px solid var(--sz-red);
  padding-top: 22px; padding-bottom: 24px; position: relative;
}
.sitezen-skin-luxe .masthead .wrap::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 3px; height: 1px; background: var(--sz-red); opacity: .55;
}
.sitezen-skin-luxe .site-title {
  font-weight: 600; font-size: clamp(2.6rem, 6.5vw, 4.4rem); letter-spacing: .06em; text-transform: uppercase; line-height: 1.1;
}
.sitezen-skin-luxe .site-title a::after { content: ""; }
.sitezen-skin-luxe .site-desc { text-transform: uppercase; letter-spacing: .36em; font-size: .62rem; margin-top: 8px; color: var(--sz-red); }
.sitezen-skin-luxe .navbar { background: var(--sz-paper); border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-luxe .site-nav .menu { justify-content: center; }
.sitezen-skin-luxe .site-nav .menu a {
  text-transform: uppercase; letter-spacing: .2em; font-size: .68rem; font-weight: 600; padding: 18px 16px;
}
.sitezen-skin-luxe .site-nav .menu > li.current-menu-item > a { box-shadow: inset 0 -1px 0 var(--sz-red); }
.sitezen-skin-luxe .ticker { background: var(--sz-paper); border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-luxe .ticker-label {
  background: transparent; color: var(--sz-red); text-transform: uppercase; letter-spacing: .2em; font-size: .66rem;
  border-right: 1px solid var(--sz-line);
}
.sitezen-skin-luxe .ticker-label::before { background: var(--sz-red); }
.sitezen-skin-luxe .ticker-move a { font-family: var(--f-serif); font-size: 1.08rem; font-weight: 600; }
.sitezen-skin-luxe .hero-grid { gap: 10px; }
.sitezen-skin-luxe .hero-item { border-radius: 0; }
.sitezen-skin-luxe .hero-item::before {
  content: ""; position: absolute; inset: 12px; border: 1px solid rgba(255, 255, 255, .5); z-index: 3; pointer-events: none;
}
.sitezen-skin-luxe .hero-overlay { padding: 24px 26px 24px; }
.sitezen-skin-luxe .hero-title { font-size: 1.35rem; font-weight: 600; line-height: 1.3; }
.sitezen-skin-luxe .hero-item:first-child .hero-title { font-size: clamp(1.7rem, 3vw, 2.4rem); }
.sitezen-skin-luxe .card { border: 0; background: transparent; border-radius: 0; text-align: center; overflow: visible; }
.sitezen-skin-luxe .card:hover { transform: none; box-shadow: none; }
.sitezen-skin-luxe .card-media { border-radius: 0; box-shadow: var(--shadow); }
.sitezen-skin-luxe .card-body { padding: 18px 6px 8px; align-items: center; }
.sitezen-skin-luxe .card-title { font-size: 1.42rem; line-height: 1.3; font-weight: 600; }
.sitezen-skin-luxe .cat-badge {
  background: transparent; color: var(--cat, var(--sz-red)); padding: 0; border-radius: 0;
  text-transform: uppercase; letter-spacing: .24em; font-size: .6rem; font-weight: 600; align-self: center;
}
.sitezen-skin-luxe .cat-badge:hover { filter: none; color: var(--sz-ink); }
.sitezen-skin-luxe .hero-overlay .cat-badge, .sitezen-skin-luxe .ov-body .cat-badge { color: #E8D6A8; align-self: flex-start; }
.sitezen-skin-luxe .entry-header .cat-badge { align-self: flex-start; }
.sitezen-skin-luxe .card .meta { justify-content: center; }
.sitezen-skin-luxe .meta { font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; }
.sitezen-skin-luxe .sec-title {
  justify-content: center; text-align: center; border-bottom: 0; text-transform: uppercase;
  letter-spacing: .3em; font-size: .82rem; font-weight: 600; font-family: var(--f-sans); gap: 18px;
}
.sitezen-skin-luxe .sec-title::before, .sitezen-skin-luxe .sec-title::after {
  content: ""; flex: none; width: 60px; height: 1px; background: var(--sz-red); border-radius: 0;
}
.sitezen-skin-luxe .home-section .sec-title::before, .sitezen-skin-luxe .home-section .sec-title::after { background: var(--cat, var(--sz-red)); }
.sitezen-skin-luxe .view-all { margin-left: 0; letter-spacing: .12em; font-size: .64rem; text-transform: uppercase; }
.sitezen-skin-luxe .feat-title { font-size: 1.9rem; line-height: 1.25; font-weight: 600; }
.sitezen-skin-luxe .feat-main .card-media, .sitezen-skin-luxe .mini-thumb { border-radius: 0; }
.sitezen-skin-luxe .widget { border: 1px solid var(--sz-line); border-radius: 0; box-shadow: none; }
.sitezen-skin-luxe .widget-title {
  justify-content: center; text-transform: uppercase; letter-spacing: .24em; font-size: .68rem;
  font-family: var(--f-sans); border-bottom: 1px solid var(--sz-line); padding-bottom: 12px;
}
.sitezen-skin-luxe .widget-title::before { display: none; }
.sitezen-skin-luxe .mini-title { font-size: 1.02rem; line-height: 1.35; }
.sitezen-skin-luxe .entry-title { font-weight: 600; font-size: clamp(2rem, 4.5vw, 3.1rem); line-height: 1.2; }
.sitezen-skin-luxe button, .sitezen-skin-luxe input[type="submit"], .sitezen-skin-luxe .btn {
  border-radius: 0; text-transform: uppercase; letter-spacing: .16em; font-size: .7rem; padding: 13px 24px;
}
.sitezen-skin-luxe .page-numbers, .sitezen-skin-luxe input[type="text"], .sitezen-skin-luxe input[type="email"],
.sitezen-skin-luxe input[type="url"], .sitezen-skin-luxe input[type="search"], .sitezen-skin-luxe textarea,
.sitezen-skin-luxe .single-post-article, .sitezen-skin-luxe .page-article, .sitezen-skin-luxe .comments-area,
.sitezen-skin-luxe .list-item, .sitezen-skin-luxe .strip-card, .sitezen-skin-luxe .tag-links a { border-radius: 0; }
.sitezen-skin-luxe .to-top { background: var(--sz-red); }
.sitezen-skin-luxe .site-footer { background: #1A1712; }

/* =========================================================
   SKIN: GAZETTE — classic newspaper: Libre Baskerville,
   black & white, column rules, drop caps, LEFT sidebar
   ========================================================= */
body.sitezen-skin-gazette {
  --f-serif: 'Libre Baskerville', Georgia, serif;
  --f-sans: 'Libre Franklin', 'Inter', -apple-system, sans-serif;
  --sz-red: var(--sz-accent, #1A1A1A);
  --sz-paper: #F4F1EA; --sz-card: #F4F1EA; --sz-ink: #121212; --sz-ink-2: #1E1E1E;
  --sz-mut: #6E6A60; --sz-line: #C9C3B4; --radius: 0px;
  --shadow: 0 10px 26px rgba(40, 30, 10, .12);
}
.sitezen-skin-gazette .topbar {
  background: transparent; color: var(--sz-mut); border-bottom: 1px solid var(--sz-ink);
  font-family: var(--f-serif); font-style: italic; font-size: .78rem;
}
.sitezen-skin-gazette .top-links a, .sitezen-skin-gazette .top-social a { color: var(--sz-ink); }
.sitezen-skin-gazette .top-date::before { display: none; }
.sitezen-skin-gazette .masthead { padding: 30px 0 0; }
.sitezen-skin-gazette .masthead .wrap { padding-bottom: 16px; border-bottom: 3px solid var(--sz-ink); position: relative; }
.sitezen-skin-gazette .masthead .wrap::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -7px; height: 1px; background: var(--sz-ink);
}
.sitezen-skin-gazette .site-title { font-size: clamp(2.6rem, 7vw, 4.8rem); font-weight: 700; letter-spacing: .01em; line-height: 1.1; }
.sitezen-skin-gazette .site-title a::after { content: ""; }
.sitezen-skin-gazette .site-desc { font-style: italic; font-family: var(--f-serif); font-size: .9rem; margin-top: 6px; }
.sitezen-skin-gazette .navbar { background: var(--sz-paper); border-top: 0; border-bottom: 1px solid var(--sz-ink); margin-top: 8px; }
.sitezen-skin-gazette .site-nav .menu { justify-content: center; }
.sitezen-skin-gazette .site-nav .menu a { text-transform: uppercase; letter-spacing: .14em; font-size: .72rem; font-weight: 600; }
.sitezen-skin-gazette .site-nav .menu > li.current-menu-item > a { box-shadow: inset 0 -2px 0 var(--sz-ink); }
.sitezen-skin-gazette .ticker { background: var(--sz-paper); border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-gazette .ticker-label {
  background: var(--sz-ink); color: var(--sz-paper); text-transform: uppercase; letter-spacing: .12em; font-size: .7rem;
}
.sitezen-skin-gazette .ticker-move a { font-family: var(--f-serif); font-size: .9rem; }
.sitezen-skin-gazette .hero-grid { gap: 1px; background: var(--sz-line); border: 1px solid var(--sz-line); }
.sitezen-skin-gazette .hero-item { border-radius: 0; }
.sitezen-skin-gazette .hero-title { font-weight: 700; }
.sitezen-skin-gazette .card { background: transparent; border: 0; border-radius: 0; overflow: visible; position: relative; }
.sitezen-skin-gazette .card:hover { transform: none; box-shadow: none; }
.sitezen-skin-gazette .card-grid { gap: 32px 30px; overflow: hidden; }
.sitezen-skin-gazette .card-grid .card::before {
  content: ""; position: absolute; left: -15px; top: 0; bottom: 0; width: 1px;
  background: color-mix(in srgb, var(--sz-ink) 24%, transparent);
}
.sitezen-skin-gazette .card-media { border-radius: 0; }
.sitezen-skin-gazette .card-body { padding: 14px 0 6px; }
.sitezen-skin-gazette .card-title { font-size: 1.15rem; line-height: 1.4; }
.sitezen-skin-gazette .cat-badge {
  background: transparent; color: var(--cat, var(--sz-ink)); padding: 0; border-radius: 0;
  text-transform: uppercase; letter-spacing: .16em; font-size: .62rem; font-weight: 700;
}
.sitezen-skin-gazette .cat-badge:hover { filter: none; text-decoration: underline; }
.sitezen-skin-gazette .hero-overlay .cat-badge, .sitezen-skin-gazette .ov-body .cat-badge { color: #fff; }
.sitezen-skin-gazette .sec-title {
  text-transform: uppercase; letter-spacing: .18em; font-size: .8rem; font-weight: 700; font-family: var(--f-sans);
  border-bottom: 1px solid var(--sz-ink); padding-bottom: 8px; position: relative;
}
.sitezen-skin-gazette .sec-title::before { display: none; }
.sitezen-skin-gazette .sec-title::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -4px; height: 1px; background: var(--sz-ink);
}
.sitezen-skin-gazette .home-section .sec-title { border-bottom-color: var(--sz-ink); }
.sitezen-skin-gazette .view-all { letter-spacing: .1em; font-size: .66rem; text-transform: uppercase; }
.sitezen-skin-gazette .widget { background: transparent; border: 0; border-top: 3px solid var(--sz-ink); border-radius: 0; padding: 14px 0 8px; }
.sitezen-skin-gazette .widget-title {
  text-transform: uppercase; letter-spacing: .18em; font-size: .74rem; font-family: var(--f-sans);
  border-bottom: 1px solid var(--sz-ink); padding-bottom: 8px;
}
.sitezen-skin-gazette .widget-title::before { display: none; }
.sitezen-skin-gazette .mini-thumb, .sitezen-skin-gazette .feat-main .card-media { border-radius: 0; }
.sitezen-skin-gazette .feat-title { font-size: 1.7rem; line-height: 1.3; }
.sitezen-skin-gazette .entry-content { font-family: var(--f-serif); font-size: 1.02rem; line-height: 1.85; }
.sitezen-skin-gazette .single .entry-content > p:first-of-type::first-letter {
  font-family: var(--f-serif); font-size: 3.6em; float: left; line-height: .85; padding: .08em .14em 0 0; font-weight: 700;
}
.sitezen-skin-gazette .single-post-article, .sitezen-skin-gazette .page-article, .sitezen-skin-gazette .comments-area {
  background: transparent; border: 0; border-top: 3px solid var(--sz-ink); border-radius: 0; padding-left: 0; padding-right: 0;
}
.sitezen-skin-gazette .list-item { background: transparent; border: 0; border-top: 1px solid var(--sz-line); border-radius: 0; }
.sitezen-skin-gazette .strip-card, .sitezen-skin-gazette .no-results { border-color: var(--sz-ink); border-radius: 0; }
.sitezen-skin-gazette button, .sitezen-skin-gazette input[type="submit"], .sitezen-skin-gazette .btn,
.sitezen-skin-gazette .page-numbers, .sitezen-skin-gazette input[type="text"], .sitezen-skin-gazette input[type="email"],
.sitezen-skin-gazette input[type="url"], .sitezen-skin-gazette input[type="search"], .sitezen-skin-gazette textarea,
.sitezen-skin-gazette .tag-links a, .sitezen-skin-gazette .to-top { border-radius: 0; }
.sitezen-skin-gazette .to-top::after { display: none; }
.sitezen-skin-gazette .page-numbers { border-color: var(--sz-ink); }
@media (min-width: 921px) {
  .sitezen-skin-gazette .layout { grid-template-columns: 300px minmax(0, 1fr); }
  .sitezen-skin-gazette .sidebar { order: -1; border-right: 1px solid var(--sz-line); padding-right: 28px; }
}
@media (max-width: 600px) {
  .sitezen-skin-gazette .hero-grid { gap: 12px; background: transparent; border: 0; }
}

/* =========================================================
   SKIN: NEON — dark, magenta + cyan glow, Chakra Petch caps,
   chamfered badges
   ========================================================= */
body.sitezen-skin-neon {
  --f-serif: 'Chakra Petch', 'Space Grotesk', sans-serif;
  --f-sans: 'Inter', -apple-system, 'Segoe UI', sans-serif;
  --f-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --sz-red: var(--sz-accent, #FF2D95);
  --sz-hi: #19E6FF;
  --sz-paper: #0A0A14; --sz-card: #12122A; --sz-ink: #EAEAF7; --sz-ink-2: #0E0E20;
  --sz-mut: #8E8EB4; --sz-line: #26264A; --sz-line-dark: rgba(255, 255, 255, .08); --radius: 8px;
  --shadow: 0 16px 40px rgba(0, 0, 0, .6);
}
.sz-dark.sitezen-skin-neon .topbar, .sz-dark.sitezen-skin-neon .navbar, .sz-dark.sitezen-skin-neon .site-footer { background: #06060F; }
.sitezen-skin-neon .navbar { border-top: 0; border-bottom: 1px solid; border-image: linear-gradient(90deg, var(--sz-red), var(--sz-hi)) 1; }
.sitezen-skin-neon .site-title { text-transform: uppercase; letter-spacing: .08em; font-weight: 700; }
.sitezen-skin-neon .site-title a {
  text-shadow: 0 0 12px color-mix(in srgb, var(--sz-red) 70%, transparent), 0 0 30px color-mix(in srgb, var(--sz-red) 40%, transparent);
}
.sitezen-skin-neon .site-title a::after { content: "_"; color: var(--sz-hi); animation: sz-blink 1.2s steps(1) infinite; }
.sitezen-skin-neon .site-desc { font-family: var(--f-mono); font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; color: var(--sz-hi); }
.sitezen-skin-neon .site-nav .menu a {
  text-transform: uppercase; letter-spacing: .1em; font-size: .78rem; font-family: var(--f-serif); font-weight: 600;
}
.sitezen-skin-neon .site-nav .menu > li.current-menu-item > a { box-shadow: inset 0 -2px 0 var(--sz-hi); }
.sitezen-skin-neon .ticker-label {
  text-transform: uppercase; letter-spacing: .1em; font-family: var(--f-serif);
  clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 100%, 0 100%); padding-right: 24px;
}
.sitezen-skin-neon .ticker-label::before { background: var(--sz-hi); }
.sitezen-skin-neon .ticker-move a::before { color: var(--sz-hi); }
.sitezen-skin-neon .hero-item { border: 1px solid var(--sz-line); transition: border-color .3s, box-shadow .3s; }
.sitezen-skin-neon .hero-item:hover {
  border-color: var(--sz-red); box-shadow: 0 0 0 1px var(--sz-red), 0 0 28px color-mix(in srgb, var(--sz-red) 45%, transparent);
}
.sitezen-skin-neon .hero-item::after { background: linear-gradient(185deg, rgba(6, 6, 15, 0) 30%, rgba(6, 6, 15, .94) 92%); }
.sitezen-skin-neon .card:hover {
  border-color: var(--sz-red); box-shadow: 0 0 0 1px var(--sz-red), 0 0 30px color-mix(in srgb, var(--sz-red) 40%, transparent);
}
.sitezen-skin-neon .cat-badge {
  clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%); border-radius: 0;
  text-transform: uppercase; letter-spacing: .1em; font-size: .64rem; padding: 4px 14px; font-family: var(--f-serif);
}
.sitezen-skin-neon .sec-title { border-bottom: 1px solid var(--sz-line); text-transform: uppercase; letter-spacing: .08em; }
.sitezen-skin-neon .sec-title::before { background: linear-gradient(180deg, var(--sz-red), var(--sz-hi)); border-radius: 2px; }
.sitezen-skin-neon .home-section .sec-title { border-bottom-color: var(--sz-line); }
.sitezen-skin-neon .home-section .sec-title::before { background: var(--cat, var(--sz-red)); }
.sitezen-skin-neon .widget-title { text-transform: uppercase; letter-spacing: .08em; font-size: .9rem; border-bottom-color: var(--sz-line); }
.sitezen-skin-neon .widget-title::before { background: linear-gradient(180deg, var(--sz-red), var(--sz-hi)); }
.sitezen-skin-neon .meta, .sitezen-skin-neon .mini-date, .sitezen-skin-neon .hero-meta, .sitezen-skin-neon .top-date,
.sitezen-skin-neon .ov-date, .sitezen-skin-neon .strip-date, .sitezen-skin-neon .hl-d {
  font-family: var(--f-mono); font-size: .72rem; letter-spacing: .03em;
}
.sitezen-skin-neon button, .sitezen-skin-neon input[type="submit"], .sitezen-skin-neon .btn {
  background: linear-gradient(90deg, var(--sz-red), color-mix(in srgb, var(--sz-red) 55%, var(--sz-hi)));
  text-transform: uppercase; letter-spacing: .08em; font-size: .8rem; color: #fff;
}
.sitezen-skin-neon .nav-search .search-submit { background: var(--sz-red); }
.sitezen-skin-neon .to-top { background: var(--sz-red); color: #fff; box-shadow: 0 0 20px color-mix(in srgb, var(--sz-red) 50%, transparent); }
.sitezen-skin-neon ::selection { background: var(--sz-hi); color: #06060F; }

/* =========================================================
   SKIN: CANDY — Baloo + Nunito, pastel pink, pill menu, bouncy
   ========================================================= */
body.sitezen-skin-candy {
  --f-serif: 'Baloo 2', 'Fraunces', -apple-system, sans-serif;
  --f-sans: 'Nunito', 'Karla', -apple-system, sans-serif;
  --sz-red: var(--sz-accent, #FF5C8A);
  --sz-hi: #FFD166;
  --sz-paper: #FFF6F9; --sz-card: #FFFFFF; --sz-ink: #3B2A3A; --sz-ink-2: #2E1F2E;
  --sz-mut: #8E7A88; --sz-line: #FBD9E4; --radius: 22px;
  --shadow: 0 18px 44px rgba(255, 92, 138, .16);
}
.sitezen-skin-candy .topbar { background: var(--sz-red); color: #fff; }
.sitezen-skin-candy .top-links a, .sitezen-skin-candy .top-social a { color: #fff; }
.sitezen-skin-candy .top-date::before { background: var(--sz-hi); }
.sitezen-skin-candy .masthead { padding: 34px 0 20px; }
.sitezen-skin-candy .site-title { font-weight: 800; font-size: clamp(2.3rem, 6vw, 3.8rem); letter-spacing: -.01em; }
.sitezen-skin-candy .site-title a::after {
  content: ""; display: inline-block; width: .38em; height: .38em; margin-left: .18em; margin-right: .5em;
  background: var(--sz-hi); border-radius: 50%; box-shadow: .55em 0 0 var(--sz-red); vertical-align: middle;
}
.sitezen-skin-candy .site-desc { font-weight: 700; color: var(--sz-red); }
.sitezen-skin-candy .navbar { border-bottom: 3px solid var(--sz-red); }
.sitezen-skin-candy .site-nav .menu { gap: 4px; }
.sitezen-skin-candy .site-nav .menu a { border-radius: 999px; padding: 8px 16px; margin: 8px 0; font-weight: 800; }
.sitezen-skin-candy .site-nav .menu > li:hover > a, .sitezen-skin-candy .site-nav .menu > li.current-menu-item > a {
  background: color-mix(in srgb, var(--sz-red) 14%, var(--sz-card)); color: var(--sz-red); box-shadow: none;
}
.sitezen-skin-candy .site-nav .menu > li > a::after { display: none; }
.sitezen-skin-candy .ticker { background: transparent; border-bottom: 0; }
.sitezen-skin-candy .ticker .ticker-in {
  background: var(--sz-card); border: 2px solid var(--sz-line); border-radius: 999px; overflow: hidden; margin-top: 16px; min-height: 44px;
}
.sitezen-skin-candy .ticker-label { border-radius: 999px; margin: 4px; padding: 0 16px; }
.sitezen-skin-candy .hero-grid { gap: 18px; }
.sitezen-skin-candy .hero-item { border-radius: 24px; border: 3px solid var(--sz-card); box-shadow: 0 10px 26px rgba(255, 92, 138, .14); }
.sitezen-skin-candy .card { border: 2px solid var(--sz-line); box-shadow: none; }
.sitezen-skin-candy .card:hover { border-color: var(--sz-red); box-shadow: var(--shadow); transform: translateY(-5px) rotate(-.4deg); }
.sitezen-skin-candy .card-title { font-size: 1.22rem; line-height: 1.35; font-weight: 800; }
.sitezen-skin-candy .feat-main .card-media, .sitezen-skin-candy .card-media { border-radius: 20px; }
.sitezen-skin-candy .card .card-media { border-radius: 20px 20px 0 0; }
.sitezen-skin-candy .cat-badge {
  border-radius: 999px; background: color-mix(in srgb, var(--cat, var(--sz-red)) 16%, var(--sz-card));
  color: var(--cat, var(--sz-red)); font-weight: 800; padding: 4px 13px;
}
.sitezen-skin-candy .cat-badge:hover { filter: none; background: var(--cat, var(--sz-red)); color: #fff; }
.sitezen-skin-candy .hero-overlay .cat-badge, .sitezen-skin-candy .ov-body .cat-badge { background: var(--cat, var(--sz-red)); color: #fff; }
.sitezen-skin-candy .sec-title { border-bottom: 0; padding-bottom: 0; font-weight: 800; font-size: 1.5rem; }
.sitezen-skin-candy .sec-title::before { width: 14px; height: 14px; border-radius: 50%; box-shadow: 0 0 0 4px color-mix(in srgb, var(--sz-red) 22%, var(--sz-card)); }
.sitezen-skin-candy .home-section .sec-title { border-bottom: 0; }
.sitezen-skin-candy .home-section .sec-title::before { box-shadow: 0 0 0 4px color-mix(in srgb, var(--cat, var(--sz-red)) 22%, var(--sz-card)); }
.sitezen-skin-candy .view-all { background: color-mix(in srgb, var(--cat, var(--sz-red)) 12%, var(--sz-card)); padding: 6px 14px; border-radius: 999px; }
.sitezen-skin-candy .view-all:hover { text-decoration: none; background: var(--cat, var(--sz-red)); color: #fff; }
.sitezen-skin-candy .widget { border: 2px solid var(--sz-line); }
.sitezen-skin-candy .widget-title { border-bottom: 2px dashed var(--sz-line); font-weight: 800; }
.sitezen-skin-candy .widget-title::before { width: 12px; height: 12px; border-radius: 50%; }
.sitezen-skin-candy .mini-thumb { border-radius: 14px; }
.sitezen-skin-candy input[type="text"], .sitezen-skin-candy input[type="email"], .sitezen-skin-candy input[type="url"],
.sitezen-skin-candy input[type="search"], .sitezen-skin-candy textarea { border-radius: 16px; border: 2px solid var(--sz-line); }
.sitezen-skin-candy button, .sitezen-skin-candy input[type="submit"], .sitezen-skin-candy .btn,
.sitezen-skin-candy .page-numbers, .sitezen-skin-candy .tag-links a { border-radius: 999px; }
.sitezen-skin-candy .search-form .search-field, .sitezen-skin-candy .nav-search .search-field { border-radius: 999px 0 0 999px; }
.sitezen-skin-candy .search-form .search-submit, .sitezen-skin-candy .nav-search .search-submit { border-radius: 0 999px 999px 0; }
.sitezen-skin-candy .nav-search .search-field { border-width: 1px; }
.sitezen-skin-candy .single-post-article, .sitezen-skin-candy .page-article, .sitezen-skin-candy .comments-area,
.sitezen-skin-candy .list-item, .sitezen-skin-candy .strip-card { border: 2px solid var(--sz-line); }
.sitezen-skin-candy .to-top { background: var(--sz-red); }
.sitezen-skin-candy .site-footer { background: #3B2A3A; }

/* =========================================================
   SKIN: NATURE — Merriweather + Source Sans, forest green,
   leaf-shaped markers, soft green shadows
   ========================================================= */
body.sitezen-skin-nature {
  --f-serif: 'Merriweather', Georgia, serif;
  --f-sans: 'Source Sans 3', 'Inter', -apple-system, sans-serif;
  --sz-red: var(--sz-accent, #2E7D4F);
  --sz-paper: #F4F7F1; --sz-card: #FFFFFF; --sz-ink: #1E2A22; --sz-ink-2: #172019;
  --sz-mut: #66736A; --sz-line: #DCE5DA; --radius: 14px;
  --shadow: 0 16px 40px rgba(46, 125, 79, .14);
  font-size: clamp(16px, 0.3vw + 15px, 18px);
}
.sitezen-skin-nature .masthead { padding: 32px 0 22px; }
.sitezen-skin-nature .site-title { font-weight: 900; font-size: clamp(2rem, 5vw, 3.2rem); }
.sitezen-skin-nature .site-title a::after {
  content: ""; display: inline-block; width: .42em; height: .42em; margin-left: .16em;
  background: var(--sz-red); border-radius: 0 60% 0 60%; transform: rotate(-20deg); vertical-align: middle;
}
.sitezen-skin-nature .site-desc { font-style: italic; font-family: var(--f-serif); font-size: .92rem; }
.sitezen-skin-nature .navbar { border-bottom: 3px solid var(--sz-red); }
.sitezen-skin-nature .site-nav .menu a { font-weight: 600; font-size: 1rem; }
.sitezen-skin-nature .ticker { background: var(--sz-card); border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-nature .ticker-label { border-radius: 0 12px 0 12px; margin: 6px 0; }
.sitezen-skin-nature .hero-grid { gap: 16px; }
.sitezen-skin-nature .hero-item { border-radius: 16px; }
.sitezen-skin-nature .hero-item::after { background: linear-gradient(185deg, rgba(20, 30, 22, 0) 32%, rgba(20, 30, 22, .9) 92%); }
.sitezen-skin-nature .card { border: 0; box-shadow: 0 8px 26px rgba(46, 125, 79, .09); }
.sitezen-skin-nature .card:hover { box-shadow: var(--shadow); }
.sitezen-skin-nature .card-title { font-size: 1.1rem; line-height: 1.5; }
.sitezen-skin-nature .cat-badge {
  background: color-mix(in srgb, var(--cat, var(--sz-red)) 14%, var(--sz-card));
  color: var(--cat, var(--sz-red)); border-radius: 0 10px 0 10px; font-weight: 700;
}
.sitezen-skin-nature .cat-badge:hover { filter: none; background: var(--cat, var(--sz-red)); color: #fff; }
.sitezen-skin-nature .hero-overlay .cat-badge, .sitezen-skin-nature .ov-body .cat-badge { background: var(--cat, var(--sz-red)); color: #fff; }
.sitezen-skin-nature .sec-title { border-bottom: 2px solid var(--sz-line); }
.sitezen-skin-nature .sec-title::before { width: 16px; height: 16px; border-radius: 0 60% 0 60%; transform: rotate(-20deg); }
.sitezen-skin-nature .home-section .sec-title { border-bottom-color: var(--sz-line); }
.sitezen-skin-nature .widget { border: 0; box-shadow: 0 8px 26px rgba(46, 125, 79, .09); }
.sitezen-skin-nature .widget-title { border-bottom-color: var(--sz-line); }
.sitezen-skin-nature .widget-title::before { width: 14px; height: 14px; border-radius: 0 60% 0 60%; transform: rotate(-20deg); }
.sitezen-skin-nature .mini-thumb { border-radius: 10px; }
.sitezen-skin-nature .feat-main .card-media { border-radius: 16px; }
.sitezen-skin-nature .single-post-article, .sitezen-skin-nature .page-article, .sitezen-skin-nature .comments-area,
.sitezen-skin-nature .no-results, .sitezen-skin-nature .list-item, .sitezen-skin-nature .strip-card {
  border: 0; box-shadow: 0 8px 26px rgba(46, 125, 79, .09);
}
.sitezen-skin-nature .entry-content blockquote { background: color-mix(in srgb, var(--sz-red) 8%, var(--sz-card)); }
.sitezen-skin-nature button, .sitezen-skin-nature input[type="submit"], .sitezen-skin-nature .btn { border-radius: 0 12px 0 12px; }
.sitezen-skin-nature .page-numbers { border-radius: 0 10px 0 10px; }
.sitezen-skin-nature .to-top { background: var(--sz-red); }
.sitezen-skin-nature .site-footer { background: #172019; }

/* =========================================================
   SKIN: CINEMA — dark, Bebas Neue caps, crimson, poster cards
   ========================================================= */
body.sitezen-skin-cinema {
  --f-serif: 'Bebas Neue', 'Oswald', Impact, sans-serif;
  --f-sans: 'Manrope', 'Inter', -apple-system, sans-serif;
  --sz-red: var(--sz-accent, #E0233B);
  --sz-paper: #0E0E10; --sz-card: #18181C; --sz-ink: #F2F2F2; --sz-ink-2: #101013;
  --sz-mut: #9A9AA3; --sz-line: #2A2A30; --sz-line-dark: rgba(255, 255, 255, .08); --radius: 10px;
  --shadow: 0 20px 50px rgba(0, 0, 0, .7);
}
.sz-dark.sitezen-skin-cinema .topbar, .sz-dark.sitezen-skin-cinema .navbar, .sz-dark.sitezen-skin-cinema .site-footer { background: #050506; }
.sitezen-skin-cinema .site-title, .sitezen-skin-cinema .hero-title, .sitezen-skin-cinema .card-title,
.sitezen-skin-cinema .feat-title, .sitezen-skin-cinema .sec-title, .sitezen-skin-cinema .widget-title,
.sitezen-skin-cinema .entry-title, .sitezen-skin-cinema .archive-title, .sitezen-skin-cinema .list-title,
.sitezen-skin-cinema .ov-title, .sitezen-skin-cinema .mini-title, .sitezen-skin-cinema .strip-title,
.sitezen-skin-cinema .rank-body h3 { text-transform: uppercase; letter-spacing: .04em; font-weight: 400; }
.sitezen-skin-cinema .site-title { font-size: clamp(3rem, 8vw, 5.4rem); letter-spacing: .12em; line-height: 1; }
.sitezen-skin-cinema .site-title a::after {
  content: ""; display: inline-block; width: .16em; height: .8em; background: var(--sz-red); margin-left: .18em; vertical-align: -.08em;
}
.sitezen-skin-cinema .site-desc { text-transform: uppercase; letter-spacing: .3em; font-size: .64rem; }
.sitezen-skin-cinema .navbar { border-top: 0; border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-cinema .site-nav .menu a {
  font-family: var(--f-serif); text-transform: uppercase; letter-spacing: .12em; font-size: 1.05rem; font-weight: 400;
}
.sitezen-skin-cinema .ticker { border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-cinema .ticker-label { font-family: var(--f-serif); font-size: 1rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 400; }
.sitezen-skin-cinema .hero-grid { gap: 8px; }
.sitezen-skin-cinema .hero-item { border-radius: 6px; }
.sitezen-skin-cinema .hero-item::after { background: linear-gradient(185deg, rgba(5, 5, 6, 0) 25%, rgba(5, 5, 6, .96) 92%); }
.sitezen-skin-cinema .hero-title { font-size: 1.35rem; line-height: 1.1; }
.sitezen-skin-cinema .hero-item:first-child .hero-title { font-size: clamp(1.8rem, 3.4vw, 2.7rem); }
.sitezen-skin-cinema .card-grid { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 18px; }
.sitezen-skin-cinema .card { border: 0; background: var(--sz-card); }
.sitezen-skin-cinema .card:hover { transform: scale(1.03); box-shadow: 0 0 0 2px var(--sz-red), var(--shadow); z-index: 2; }
.sitezen-skin-cinema .card .card-media { aspect-ratio: 4 / 5; background: var(--sz-ink-2); }
.sitezen-skin-cinema .card-body { padding: 14px 15px 16px; }
.sitezen-skin-cinema .card-title { font-size: 1.5rem; line-height: 1.1; }
.sitezen-skin-cinema .card .card-excerpt { display: none; }
.sitezen-skin-cinema .cat-badge { border-radius: 2px; text-transform: uppercase; letter-spacing: .1em; font-size: .62rem; }
.sitezen-skin-cinema .sec-title { font-size: 1.9rem; letter-spacing: .08em; border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-cinema .sec-title::before { width: 8px; height: 26px; border-radius: 1px; }
.sitezen-skin-cinema .home-section .sec-title { border-bottom-color: var(--sz-line); }
.sitezen-skin-cinema .view-all { font-family: var(--f-serif); font-size: .95rem; letter-spacing: .1em; text-transform: uppercase; }
.sitezen-skin-cinema .widget { border: 0; }
.sitezen-skin-cinema .widget-title { font-size: 1.3rem; letter-spacing: .08em; border-bottom-color: var(--sz-line); }
.sitezen-skin-cinema .mini-title { font-size: 1.15rem; line-height: 1.2; }
.sitezen-skin-cinema .feat-title { font-size: 2.2rem; line-height: 1.05; }
.sitezen-skin-cinema .entry-title { font-size: clamp(2.2rem, 5vw, 3.6rem); line-height: 1.02; }
.sitezen-skin-cinema .meta { text-transform: uppercase; letter-spacing: .06em; font-size: .72rem; }
.sitezen-skin-cinema button, .sitezen-skin-cinema input[type="submit"], .sitezen-skin-cinema .btn {
  font-family: var(--f-serif); text-transform: uppercase; letter-spacing: .12em; font-size: 1rem; font-weight: 400; border-radius: 4px; color: #fff;
}
.sitezen-skin-cinema .page-numbers { border-radius: 4px; }
.sitezen-skin-cinema .to-top { background: var(--sz-red); color: #fff; }
.sitezen-skin-cinema ::selection { background: var(--sz-red); color: #fff; }

/* =========================================================
   SKIN: FASHION — Bodoni Moda + Jost, black on white,
   tall 3:4 images, centered captions, light footer
   ========================================================= */
body.sitezen-skin-fashion {
  --f-serif: 'Bodoni Moda', 'Playfair Display', Georgia, serif;
  --f-sans: 'Jost', 'Inter', -apple-system, sans-serif;
  --sz-red: var(--sz-accent, #111111);
  --sz-paper: #FFFFFF; --sz-card: #FFFFFF; --sz-ink: #111111; --sz-ink-2: #1A1A1A;
  --sz-mut: #767676; --sz-line: #E6E6E6; --radius: 0px;
  --shadow: 0 14px 34px rgba(0, 0, 0, .09);
}
.sitezen-skin-fashion .wrap { max-width: 1120px; }
.sitezen-skin-fashion .topbar { font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; }
.sitezen-skin-fashion .top-date::before { background: #fff; }
.sitezen-skin-fashion .masthead { padding: 44px 0 26px; }
.sitezen-skin-fashion .site-title {
  font-weight: 600; font-size: clamp(3rem, 9vw, 6.4rem); letter-spacing: .1em; text-transform: uppercase; line-height: 1;
}
.sitezen-skin-fashion .site-title a::after { content: ""; }
.sitezen-skin-fashion .site-desc { text-transform: uppercase; letter-spacing: .36em; font-size: .6rem; margin-top: 12px; }
.sitezen-skin-fashion .navbar { background: var(--sz-paper); border-top: 1px solid var(--sz-ink); border-bottom: 1px solid var(--sz-ink); }
.sitezen-skin-fashion .site-nav .menu { justify-content: center; }
.sitezen-skin-fashion .site-nav .menu a {
  text-transform: uppercase; letter-spacing: .22em; font-size: .68rem; font-weight: 500; padding: 17px 18px;
}
.sitezen-skin-fashion .site-nav .menu > li.current-menu-item > a { box-shadow: inset 0 -1px 0 var(--sz-ink); }
.sitezen-skin-fashion .ticker { background: var(--sz-paper); border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-fashion .ticker-label {
  background: transparent; color: var(--sz-ink); text-transform: uppercase; letter-spacing: .22em; font-size: .62rem; padding-left: 0;
}
.sitezen-skin-fashion .ticker-label::before { background: var(--sz-ink); }
.sitezen-skin-fashion .ticker-move a { font-family: var(--f-serif); font-size: 1rem; font-style: italic; }
.sitezen-skin-fashion .ticker-move a::before { color: var(--sz-mut); }
.sitezen-skin-fashion .hero { margin-top: 30px; }
.sitezen-skin-fashion .hero-grid { gap: 6px; }
.sitezen-skin-fashion .hero-item { border-radius: 0; }
.sitezen-skin-fashion .hero-title { font-weight: 500; line-height: 1.25; }
.sitezen-skin-fashion .card-grid { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 30px 22px; }
.sitezen-skin-fashion .card { border: 0; background: transparent; border-radius: 0; text-align: center; overflow: visible; }
.sitezen-skin-fashion .card:hover { transform: none; box-shadow: none; }
.sitezen-skin-fashion .card .card-media { aspect-ratio: 3 / 4; border-radius: 0; }
.sitezen-skin-fashion .card:hover .card-media img { transform: scale(1.03); }
.sitezen-skin-fashion .card-body { padding: 16px 4px 4px; align-items: center; gap: 7px; }
.sitezen-skin-fashion .card-title { font-size: 1.3rem; line-height: 1.25; font-weight: 500; }
.sitezen-skin-fashion .card .card-excerpt { display: none; }
.sitezen-skin-fashion .cat-badge {
  background: transparent; color: var(--sz-mut); padding: 0; border-radius: 0;
  text-transform: uppercase; letter-spacing: .22em; font-size: .6rem; font-weight: 500;
}
.sitezen-skin-fashion .card .cat-badge { align-self: center; }
.sitezen-skin-fashion .cat-badge:hover { filter: none; color: var(--sz-ink); }
.sitezen-skin-fashion .hero-overlay .cat-badge, .sitezen-skin-fashion .ov-body .cat-badge { color: #fff; }
.sitezen-skin-fashion .card .meta { justify-content: center; }
.sitezen-skin-fashion .meta { font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; }
.sitezen-skin-fashion .sec-title {
  justify-content: center; text-align: center; border-bottom: 0; padding-bottom: 0; text-transform: uppercase;
  letter-spacing: .32em; font-size: .78rem; font-weight: 500; font-family: var(--f-sans); gap: 18px;
}
.sitezen-skin-fashion .sec-title::before, .sitezen-skin-fashion .sec-title::after {
  content: ""; flex: none; width: 48px; height: 1px; background: var(--sz-ink); border-radius: 0;
}
.sitezen-skin-fashion .home-section .sec-title::before, .sitezen-skin-fashion .home-section .sec-title::after { background: var(--cat, var(--sz-ink)); }
.sitezen-skin-fashion .view-all { margin-left: 0; letter-spacing: .14em; font-size: .62rem; text-transform: uppercase; color: var(--sz-ink); }
.sitezen-skin-fashion .feat-title { font-weight: 500; font-size: 1.9rem; line-height: 1.2; }
.sitezen-skin-fashion .feat-main .card-media { border-radius: 0; }
.sitezen-skin-fashion .widget { border: 0; border-radius: 0; padding: 0 0 6px; background: transparent; }
.sitezen-skin-fashion .widget-title {
  justify-content: center; text-transform: uppercase; letter-spacing: .26em; font-size: .66rem; font-family: var(--f-sans);
  font-weight: 500; border-bottom: 1px solid var(--sz-ink); padding-bottom: 10px;
}
.sitezen-skin-fashion .widget-title::before { display: none; }
.sitezen-skin-fashion .mini-thumb { border-radius: 0; width: 64px; height: 84px; }
.sitezen-skin-fashion .mini-title { font-weight: 500; font-size: 1rem; line-height: 1.35; }
.sitezen-skin-fashion .entry-title { font-weight: 500; font-size: clamp(2rem, 5vw, 3.4rem); line-height: 1.15; }
.sitezen-skin-fashion .single-post-article, .sitezen-skin-fashion .page-article, .sitezen-skin-fashion .comments-area {
  border: 0; border-radius: 0; padding-left: 0; padding-right: 0;
}
.sitezen-skin-fashion .comments-area { border-top: 1px solid var(--sz-ink); }
.sitezen-skin-fashion button, .sitezen-skin-fashion input[type="submit"], .sitezen-skin-fashion .btn {
  border-radius: 0; text-transform: uppercase; letter-spacing: .2em; font-size: .68rem; padding: 13px 26px; font-weight: 500;
}
.sitezen-skin-fashion .page-numbers, .sitezen-skin-fashion input[type="text"], .sitezen-skin-fashion input[type="email"],
.sitezen-skin-fashion input[type="url"], .sitezen-skin-fashion input[type="search"], .sitezen-skin-fashion textarea,
.sitezen-skin-fashion .list-item, .sitezen-skin-fashion .strip-card, .sitezen-skin-fashion .to-top { border-radius: 0; }
.sitezen-skin-fashion .to-top::after { display: none; }
.sitezen-skin-fashion .tag-links a { border-radius: 0; text-transform: uppercase; letter-spacing: .1em; font-size: .7rem; }

/* =========================================================
   SKIN: RETRO — Abril Fatface + Work Sans, aged paper,
   brown ink, sepia photos, double frames
   ========================================================= */
body.sitezen-skin-retro {
  --f-serif: 'Abril Fatface', 'Playfair Display', Georgia, serif;
  --f-sans: 'Work Sans', 'Inter', -apple-system, sans-serif;
  --sz-red: var(--sz-accent, #C4562D);
  --sz-paper: #F3E9D6; --sz-card: #FBF4E4; --sz-ink: #3A2A1C; --sz-ink-2: #2B1F14;
  --sz-mut: #7E6A56; --sz-line: #DCCBAE; --radius: 4px;
  --shadow: 0 12px 30px rgba(80, 55, 20, .16);
}
.sitezen-skin-retro .topbar { color: #E8DCC5; }
.sitezen-skin-retro .top-links a, .sitezen-skin-retro .top-social a { color: #E8DCC5; }
.sitezen-skin-retro .masthead { padding: 34px 0 18px; }
.sitezen-skin-retro .masthead .wrap { border-bottom: 3px dotted var(--sz-ink); padding-bottom: 18px; }
.sitezen-skin-retro .site-title { font-weight: 400; font-size: clamp(2.6rem, 7vw, 4.6rem); letter-spacing: .01em; }
.sitezen-skin-retro .site-title a::after { content: ""; }
.sitezen-skin-retro .site-desc { font-style: italic; font-size: 1rem; margin-top: 4px; }
.sitezen-skin-retro .site-desc::before, .sitezen-skin-retro .site-desc::after { content: "~"; margin: 0 8px; color: var(--sz-red); }
.sitezen-skin-retro .navbar { border-top: 0; }
.sitezen-skin-retro .site-nav .menu a { color: #E8DCC5; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; font-size: .78rem; }
.sitezen-skin-retro .site-nav .menu > li:hover > a, .sitezen-skin-retro .site-nav .menu > li.current-menu-item > a { color: #fff; }
.sitezen-skin-retro .ticker { background: var(--sz-card); border-bottom: 2px solid var(--sz-ink); }
.sitezen-skin-retro .ticker-label { border-radius: 0; text-transform: uppercase; letter-spacing: .1em; font-size: .74rem; }
.sitezen-skin-retro .hero-grid { gap: 14px; }
.sitezen-skin-retro .hero-item {
  border-radius: 3px; border: 4px solid var(--sz-card); box-shadow: 0 0 0 1px var(--sz-line), var(--shadow);
}
.sitezen-skin-retro .hero-item img, .sitezen-skin-retro .card-media img, .sitezen-skin-retro .mini-thumb img,
.sitezen-skin-retro .list-thumb img, .sitezen-skin-retro .ov-item img, .sitezen-skin-retro .strip-thumb img {
  filter: sepia(.3) contrast(1.03) saturate(.9); transition: filter .4s, transform .55s ease;
}
.sitezen-skin-retro .hero-item:hover img, .sitezen-skin-retro .card:hover .card-media img,
.sitezen-skin-retro .ov-item:hover img, .sitezen-skin-retro .list-item:hover img,
.sitezen-skin-retro .strip-card:hover img, .sitezen-skin-retro .mini-post:hover img { filter: sepia(0); }
.sitezen-skin-retro .card { border: 1px solid var(--sz-ink); outline: 1px solid var(--sz-line); outline-offset: 3px; }
.sitezen-skin-retro .card:hover { transform: none; box-shadow: var(--shadow); outline-color: var(--sz-red); }
.sitezen-skin-retro .card-media { border-radius: 0; }
.sitezen-skin-retro .card-title { font-family: var(--f-serif); font-weight: 400; font-size: 1.3rem; line-height: 1.3; }
.sitezen-skin-retro .cat-badge { border-radius: 2px; text-transform: uppercase; letter-spacing: .1em; font-size: .64rem; }
.sitezen-skin-retro .sec-title { border-bottom: 4px double var(--sz-ink); font-weight: 400; font-size: 1.5rem; }
.sitezen-skin-retro .sec-title::before { border-radius: 0; width: 8px; height: 26px; }
.sitezen-skin-retro .home-section .sec-title { border-bottom-color: var(--sz-ink); }
.sitezen-skin-retro .widget { border: 1px solid var(--sz-ink); outline: 1px solid var(--sz-line); outline-offset: 3px; border-radius: 2px; }
.sitezen-skin-retro .widget-title { border-bottom: 4px double var(--sz-ink); font-weight: 400; font-size: 1.15rem; }
.sitezen-skin-retro .widget-title::before { border-radius: 0; width: 7px; }
.sitezen-skin-retro .mini-thumb { border-radius: 0; }
.sitezen-skin-retro .feat-title { font-weight: 400; font-size: 1.8rem; line-height: 1.2; }
.sitezen-skin-retro .feat-main .card-media { border-radius: 2px; }
.sitezen-skin-retro .entry-title { font-weight: 400; }
.sitezen-skin-retro .single-post-article, .sitezen-skin-retro .page-article, .sitezen-skin-retro .comments-area {
  border: 1px solid var(--sz-ink); outline: 1px solid var(--sz-line); outline-offset: 3px; border-radius: 2px;
}
.sitezen-skin-retro .entry-content blockquote {
  background: transparent; border-left: 0; border-top: 1px solid var(--sz-ink); border-bottom: 1px solid var(--sz-ink);
  border-radius: 0; font-style: italic; text-align: center;
}
.sitezen-skin-retro button, .sitezen-skin-retro input[type="submit"], .sitezen-skin-retro .btn {
  border-radius: 2px; text-transform: uppercase; letter-spacing: .1em; font-size: .78rem;
}
.sitezen-skin-retro .page-numbers { border-radius: 2px; border-color: var(--sz-ink); }
.sitezen-skin-retro input[type="text"], .sitezen-skin-retro input[type="email"], .sitezen-skin-retro input[type="url"],
.sitezen-skin-retro input[type="search"], .sitezen-skin-retro textarea { border-radius: 2px; border-color: var(--sz-ink); background: var(--sz-card); }
.sitezen-skin-retro .nav-search .search-field { border-color: rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .08); }
.sitezen-skin-retro .list-item, .sitezen-skin-retro .strip-card { border-color: var(--sz-ink); border-radius: 2px; }
.sitezen-skin-retro .tag-links a { border-radius: 2px; }
.sitezen-skin-retro .to-top { border-radius: 2px; }
.sitezen-skin-retro .to-top::after { display: none; }
.sitezen-skin-retro .site-footer { background: #2B1F14; }

/* =========================================================
   SKIN: STARTUP — Plus Jakarta Sans, indigo→violet gradients,
   rounded pill UI, soft shadows
   ========================================================= */
body.sitezen-skin-startup {
  --f-serif: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;
  --f-sans: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;
  --sz-red: var(--sz-accent, #4F46E5);
  --sz-hi: #7C3AED;
  --sz-paper: #F7F8FC; --sz-card: #FFFFFF; --sz-ink: #171A2B; --sz-ink-2: #12142A;
  --sz-mut: #6B7089; --sz-line: #E4E7F2; --radius: 16px;
  --shadow: 0 18px 44px rgba(79, 70, 229, .14);
}
.sitezen-skin-startup .topbar { background: linear-gradient(90deg, var(--sz-red), var(--sz-hi)); color: #fff; }
.sitezen-skin-startup .top-links a, .sitezen-skin-startup .top-social a { color: #fff; }
.sitezen-skin-startup .top-date::before { background: #fff; }
.sitezen-skin-startup .masthead { padding: 30px 0 18px; }
.sitezen-skin-startup .site-title { font-weight: 800; letter-spacing: -.03em; font-size: clamp(2rem, 5vw, 3.2rem); }
.sitezen-skin-startup .site-title a {
  background: linear-gradient(90deg, var(--sz-ink) 30%, var(--sz-red)); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.sitezen-skin-startup .site-title a::after { content: ""; }
.sitezen-skin-startup .site-desc { font-weight: 600; }
.sitezen-skin-startup .navbar { border-bottom: 1px solid var(--sz-line); box-shadow: 0 4px 16px rgba(23, 26, 43, .05); }
.sitezen-skin-startup .site-nav .menu { gap: 2px; }
.sitezen-skin-startup .site-nav .menu a { border-radius: 10px; padding: 8px 14px; margin: 8px 0; font-weight: 700; font-size: .9rem; }
.sitezen-skin-startup .site-nav .menu > li:hover > a, .sitezen-skin-startup .site-nav .menu > li.current-menu-item > a {
  background: color-mix(in srgb, var(--sz-red) 10%, var(--sz-card)); color: var(--sz-red); box-shadow: none;
}
.sitezen-skin-startup .site-nav .menu > li > a::after { display: none; }
.sitezen-skin-startup .nav-search .search-field { border-radius: 10px 0 0 10px; }
.sitezen-skin-startup .nav-search .search-submit { border-radius: 0 10px 10px 0; }
.sitezen-skin-startup .ticker { background: var(--sz-card); border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-startup .ticker-label { background: linear-gradient(90deg, var(--sz-red), var(--sz-hi)); border-radius: 8px; margin: 6px 0; }
.sitezen-skin-startup .hero-grid { gap: 16px; }
.sitezen-skin-startup .hero-item { border-radius: 18px; }
.sitezen-skin-startup .hero-item::after {
  background: linear-gradient(190deg, rgba(18, 20, 42, 0) 25%, color-mix(in srgb, var(--sz-red) 70%, #0B0C1F) 100%);
}
.sitezen-skin-startup .card:hover { border-color: color-mix(in srgb, var(--sz-red) 40%, var(--sz-line)); box-shadow: var(--shadow); }
.sitezen-skin-startup .card-title { font-weight: 800; letter-spacing: -.01em; font-size: 1.14rem; line-height: 1.4; }
.sitezen-skin-startup .cat-badge {
  border-radius: 999px; background: color-mix(in srgb, var(--cat, var(--sz-red)) 12%, var(--sz-card)); color: var(--cat, var(--sz-red)); font-weight: 700;
}
.sitezen-skin-startup .cat-badge:hover { filter: none; background: var(--cat, var(--sz-red)); color: #fff; }
.sitezen-skin-startup .hero-overlay .cat-badge, .sitezen-skin-startup .ov-body .cat-badge {
  background: rgba(255, 255, 255, .16); color: #fff; backdrop-filter: blur(6px);
}
.sitezen-skin-startup .sec-title { border-bottom: 1px solid var(--sz-line); font-weight: 800; letter-spacing: -.01em; }
.sitezen-skin-startup .sec-title::before { background: linear-gradient(180deg, var(--sz-red), var(--sz-hi)); border-radius: 6px; width: 10px; }
.sitezen-skin-startup .home-section .sec-title { border-bottom-color: var(--sz-line); }
.sitezen-skin-startup .home-section .sec-title::before { background: var(--cat, var(--sz-red)); }
.sitezen-skin-startup .view-all { background: color-mix(in srgb, var(--cat, var(--sz-red)) 10%, var(--sz-card)); padding: 6px 12px; border-radius: 8px; }
.sitezen-skin-startup .view-all:hover { text-decoration: none; background: var(--cat, var(--sz-red)); color: #fff; }
.sitezen-skin-startup .widget-title { border-bottom-color: var(--sz-line); font-weight: 800; }
.sitezen-skin-startup .widget-title::before { background: linear-gradient(180deg, var(--sz-red), var(--sz-hi)); border-radius: 5px; }
.sitezen-skin-startup .mini-thumb { border-radius: 10px; }
.sitezen-skin-startup .feat-main .card-media { border-radius: 16px; }
.sitezen-skin-startup .feat-title, .sitezen-skin-startup .entry-title { font-weight: 800; letter-spacing: -.02em; }
.sitezen-skin-startup button, .sitezen-skin-startup input[type="submit"], .sitezen-skin-startup .btn {
  background: linear-gradient(90deg, var(--sz-red), var(--sz-hi)); border-radius: 10px; box-shadow: 0 8px 20px rgba(79, 70, 229, .25); color: #fff;
}
.sitezen-skin-startup button:hover, .sitezen-skin-startup input[type="submit"]:hover, .sitezen-skin-startup .btn:hover {
  background: linear-gradient(90deg, var(--sz-hi), var(--sz-red));
}
.sitezen-skin-startup .nav-search .search-submit { box-shadow: none; }
.sitezen-skin-startup .page-numbers, .sitezen-skin-startup input[type="text"], .sitezen-skin-startup input[type="email"],
.sitezen-skin-startup input[type="url"], .sitezen-skin-startup input[type="search"], .sitezen-skin-startup textarea { border-radius: 10px; }
.sitezen-skin-startup .to-top { background: linear-gradient(135deg, var(--sz-red), var(--sz-hi)); }
.sitezen-skin-startup .site-footer { background: #12142A; }

/* =========================================================
   SKIN: LEDGER — dark fintech: Manrope + Inter + JetBrains Mono,
   emerald accent, grid-paper background
   ========================================================= */
body.sitezen-skin-ledger {
  --f-serif: 'Manrope', 'Inter', -apple-system, sans-serif;
  --f-sans: 'Inter', -apple-system, 'Segoe UI', sans-serif;
  --f-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --sz-red: var(--sz-accent, #00D084);
  --sz-paper: #0C1013; --sz-card: #141A1F; --sz-ink: #E6EDF0; --sz-ink-2: #0F1418;
  --sz-mut: #8B98A0; --sz-line: #243038; --sz-line-dark: rgba(255, 255, 255, .07); --radius: 10px;
  --shadow: 0 16px 40px rgba(0, 0, 0, .55);
}
.sz-dark.sitezen-skin-ledger .topbar, .sz-dark.sitezen-skin-ledger .navbar, .sz-dark.sitezen-skin-ledger .site-footer { background: #080B0E; }
.sz-dark.sitezen-skin-ledger .site-content {
  background-image: linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
  background-size: 40px 40px;
}
.sitezen-skin-ledger .site-title { font-weight: 800; letter-spacing: -.03em; }
.sitezen-skin-ledger .site-title a::after { content: "↗"; color: var(--sz-red); font-size: .55em; vertical-align: super; margin-left: .1em; }
.sitezen-skin-ledger .site-desc { font-family: var(--f-mono); font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; }
.sitezen-skin-ledger .navbar { border-top: 0; border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-ledger .site-nav .menu a { font-family: var(--f-mono); font-size: .8rem; letter-spacing: .02em; font-weight: 500; }
.sitezen-skin-ledger .site-nav .menu > li.current-menu-item > a { box-shadow: inset 0 -2px 0 var(--sz-red); }
.sitezen-skin-ledger .ticker { border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-ledger .ticker-label { font-family: var(--f-mono); text-transform: uppercase; letter-spacing: .08em; font-size: .74rem; }
.sitezen-skin-ledger .ticker-move a { font-family: var(--f-mono); font-size: .82rem; }
.sitezen-skin-ledger .ticker-move a::before { content: "▲"; color: var(--sz-red); font-size: .55em; }
.sitezen-skin-ledger .hero-item { border: 1px solid var(--sz-line); border-radius: 10px; }
.sitezen-skin-ledger .hero-item::after { background: linear-gradient(185deg, rgba(8, 11, 14, 0) 30%, rgba(8, 11, 14, .94) 92%); }
.sitezen-skin-ledger .card { border-color: var(--sz-line); }
.sitezen-skin-ledger .card:hover {
  transform: none; border-color: color-mix(in srgb, var(--sz-red) 55%, var(--sz-line));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--sz-red) 35%, transparent), inset 0 1px 0 rgba(255, 255, 255, .04);
}
.sitezen-skin-ledger .card-title { font-weight: 800; letter-spacing: -.01em; }
.sitezen-skin-ledger .cat-badge {
  font-family: var(--f-mono); text-transform: uppercase; letter-spacing: .08em; font-size: .62rem;
  background: transparent; color: var(--cat, var(--sz-red)); border: 1px solid currentColor; border-radius: 4px; padding: 3px 9px;
}
.sitezen-skin-ledger .cat-badge:hover { filter: none; background: var(--cat, var(--sz-red)); color: #0C1013; }
.sitezen-skin-ledger .hero-overlay .cat-badge, .sitezen-skin-ledger .ov-body .cat-badge { color: #fff; }
.sitezen-skin-ledger .meta, .sitezen-skin-ledger .mini-date, .sitezen-skin-ledger .hero-meta, .sitezen-skin-ledger .top-date,
.sitezen-skin-ledger .ov-date, .sitezen-skin-ledger .strip-date, .sitezen-skin-ledger .hl-d {
  font-family: var(--f-mono); font-size: .7rem; letter-spacing: .02em; text-transform: uppercase;
}
.sitezen-skin-ledger .sec-title { border-bottom: 1px solid var(--sz-line); font-weight: 800; letter-spacing: -.01em; }
.sitezen-skin-ledger .sec-title::before { width: 8px; height: 22px; border-radius: 2px; }
.sitezen-skin-ledger .home-section .sec-title { border-bottom-color: var(--sz-line); }
.sitezen-skin-ledger .view-all { font-family: var(--f-mono); font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; }
.sitezen-skin-ledger .widget-title { border-bottom-color: var(--sz-line); font-weight: 800; }
.sitezen-skin-ledger .rank-num { font-family: var(--f-mono); font-size: 1.5rem; }
.sitezen-skin-ledger button, .sitezen-skin-ledger input[type="submit"], .sitezen-skin-ledger .btn {
  color: #0C1013; font-family: var(--f-mono); font-size: .84rem; border-radius: 8px;
}
.sitezen-skin-ledger .page-numbers.current, .sitezen-skin-ledger .nav-search .search-submit { color: #0C1013; }
.sitezen-skin-ledger .to-top { background: var(--sz-red); color: #0C1013; }

/* =========================================================
   SKIN: STUDIO — dark violet, Sora, orange highlight, pills
   ========================================================= */
body.sitezen-skin-studio {
  --f-serif: 'Sora', 'Inter', -apple-system, sans-serif;
  --f-sans: 'Inter', -apple-system, 'Segoe UI', sans-serif;
  --sz-red: var(--sz-accent, #9B6BFF);
  --sz-hi: #FF8A3D;
  --sz-paper: #130F24; --sz-card: #1C1636; --sz-ink: #EFEAFF; --sz-ink-2: #0F0B1E;
  --sz-mut: #9C93BF; --sz-line: #2E2650; --sz-line-dark: rgba(255, 255, 255, .08); --radius: 18px;
  --shadow: 0 18px 46px rgba(0, 0, 0, .55);
}
.sz-dark.sitezen-skin-studio .topbar, .sz-dark.sitezen-skin-studio .navbar, .sz-dark.sitezen-skin-studio .site-footer { background: #0A0716; }
.sitezen-skin-studio .site-title { font-weight: 800; letter-spacing: -.02em; }
.sitezen-skin-studio .site-title a::after {
  content: ""; display: inline-block; width: .22em; height: .22em; border-radius: 50%; background: var(--sz-hi);
  margin-left: .14em; box-shadow: 0 0 0 .12em var(--sz-paper), 0 0 0 .2em var(--sz-red); vertical-align: .05em;
}
.sitezen-skin-studio .site-desc { font-weight: 600; color: var(--sz-red); }
.sitezen-skin-studio .navbar { border-top: 0; border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-studio .site-nav .menu a { font-family: var(--f-serif); font-weight: 600; font-size: .86rem; }
.sitezen-skin-studio .site-nav .menu > li.current-menu-item > a { box-shadow: inset 0 -3px 0 var(--sz-hi); }
.sitezen-skin-studio .ticker { border-bottom: 0; }
.sitezen-skin-studio .ticker-label { border-radius: 999px; margin: 6px 0; padding: 0 16px; }
.sitezen-skin-studio .ticker-label::before { background: var(--sz-hi); }
.sitezen-skin-studio .ticker-move a::before { content: "▶"; color: var(--sz-hi); font-size: .5em; }
.sitezen-skin-studio .hero-grid { gap: 16px; }
.sitezen-skin-studio .hero-item { border-radius: 20px; }
.sitezen-skin-studio .hero-item::after { background: linear-gradient(190deg, rgba(10, 7, 22, 0) 25%, rgba(10, 7, 22, .94) 100%); }
.sitezen-skin-studio .card { border: 0; }
.sitezen-skin-studio .card:hover {
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--sz-red) 60%, transparent), 0 20px 46px rgba(155, 107, 255, .22);
}
.sitezen-skin-studio .card-title { font-weight: 700; font-size: 1.14rem; }
.sitezen-skin-studio .cat-badge { border-radius: 999px; font-weight: 700; padding: 4px 12px; }
.sitezen-skin-studio .sec-title { border-bottom: 1px solid var(--sz-line); font-weight: 700; }
.sitezen-skin-studio .sec-title::before { border-radius: 6px; width: 10px; background: linear-gradient(180deg, var(--sz-red), var(--sz-hi)); }
.sitezen-skin-studio .home-section .sec-title { border-bottom-color: var(--sz-line); }
.sitezen-skin-studio .home-section .sec-title::before { background: var(--cat, var(--sz-red)); }
.sitezen-skin-studio .widget { border: 0; }
.sitezen-skin-studio .widget-title { border-bottom-color: var(--sz-line); }
.sitezen-skin-studio .widget-title::before { border-radius: 5px; background: linear-gradient(180deg, var(--sz-red), var(--sz-hi)); }
.sitezen-skin-studio .mini-thumb { border-radius: 12px; }
.sitezen-skin-studio .feat-main .card-media { border-radius: 18px; }
.sitezen-skin-studio input[type="text"], .sitezen-skin-studio input[type="email"], .sitezen-skin-studio input[type="url"],
.sitezen-skin-studio input[type="search"], .sitezen-skin-studio textarea { border-radius: 14px; }
.sitezen-skin-studio button, .sitezen-skin-studio input[type="submit"], .sitezen-skin-studio .btn,
.sitezen-skin-studio .page-numbers, .sitezen-skin-studio .tag-links a { border-radius: 999px; }
.sitezen-skin-studio .search-form .search-field, .sitezen-skin-studio .nav-search .search-field { border-radius: 999px 0 0 999px; }
.sitezen-skin-studio .search-form .search-submit, .sitezen-skin-studio .nav-search .search-submit { border-radius: 0 999px 999px 0; }
.sitezen-skin-studio .single-post-article, .sitezen-skin-studio .page-article, .sitezen-skin-studio .comments-area { border: 0; }
.sitezen-skin-studio .to-top { background: var(--sz-red); }

/* =========================================================
   SKIN: CLINIC — health & wellness: Nunito Sans, teal,
   soft rounded cards, cross-shaped markers
   ========================================================= */
body.sitezen-skin-clinic {
  --f-serif: 'Nunito Sans', 'Inter', -apple-system, sans-serif;
  --f-sans: 'Nunito Sans', 'Inter', -apple-system, sans-serif;
  --sz-red: var(--sz-accent, #0E8C8C);
  --sz-paper: #F3F8F8; --sz-card: #FFFFFF; --sz-ink: #14303A; --sz-ink-2: #0F2E33;
  --sz-mut: #5F7A80; --sz-line: #D9E7E8; --radius: 14px;
  --shadow: 0 16px 40px rgba(14, 140, 140, .14);
}
.sitezen-skin-clinic .masthead { padding: 30px 0 20px; }
.sitezen-skin-clinic .site-title { font-weight: 800; letter-spacing: -.02em; }
.sitezen-skin-clinic .site-title a::after {
  content: ""; display: inline-block; width: .42em; height: .42em; margin-left: .16em; vertical-align: middle;
  background: linear-gradient(var(--sz-red), var(--sz-red)) center / 100% 28% no-repeat,
              linear-gradient(var(--sz-red), var(--sz-red)) center / 28% 100% no-repeat;
}
.sitezen-skin-clinic .site-desc { font-weight: 600; }
.sitezen-skin-clinic .navbar { border-bottom: 2px solid var(--sz-line); }
.sitezen-skin-clinic .site-nav .menu a { font-weight: 700; border-radius: 10px; padding: 8px 14px; margin: 8px 0; }
.sitezen-skin-clinic .site-nav .menu > li:hover > a, .sitezen-skin-clinic .site-nav .menu > li.current-menu-item > a {
  background: color-mix(in srgb, var(--sz-red) 10%, var(--sz-card)); color: var(--sz-red); box-shadow: none;
}
.sitezen-skin-clinic .site-nav .menu > li > a::after { display: none; }
.sitezen-skin-clinic .ticker { background: var(--sz-card); border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-clinic .ticker-label { border-radius: 8px; margin: 6px 0; }
.sitezen-skin-clinic .hero-grid { gap: 16px; }
.sitezen-skin-clinic .hero-item { border-radius: 16px; }
.sitezen-skin-clinic .card { border: 0; box-shadow: 0 8px 26px rgba(14, 140, 140, .08); }
.sitezen-skin-clinic .card:hover { box-shadow: var(--shadow); }
.sitezen-skin-clinic .card-title { font-weight: 800; letter-spacing: -.01em; }
.sitezen-skin-clinic .cat-badge {
  border-radius: 999px; background: color-mix(in srgb, var(--cat, var(--sz-red)) 12%, var(--sz-card));
  color: var(--cat, var(--sz-red)); font-weight: 800;
}
.sitezen-skin-clinic .cat-badge:hover { filter: none; background: var(--cat, var(--sz-red)); color: #fff; }
.sitezen-skin-clinic .hero-overlay .cat-badge, .sitezen-skin-clinic .ov-body .cat-badge { background: var(--cat, var(--sz-red)); color: #fff; }
.sitezen-skin-clinic .sec-title { border-bottom: 2px solid var(--sz-line); font-weight: 800; letter-spacing: -.01em; }
.sitezen-skin-clinic .sec-title::before, .sitezen-skin-clinic .widget-title::before {
  width: 16px; height: 16px; border-radius: 0;
  background: linear-gradient(var(--sz-red), var(--sz-red)) center / 100% 30% no-repeat,
              linear-gradient(var(--sz-red), var(--sz-red)) center / 30% 100% no-repeat;
}
.sitezen-skin-clinic .home-section .sec-title { border-bottom-color: var(--sz-line); }
.sitezen-skin-clinic .home-section .sec-title::before {
  background: linear-gradient(var(--cat, var(--sz-red)), var(--cat, var(--sz-red))) center / 100% 30% no-repeat,
              linear-gradient(var(--cat, var(--sz-red)), var(--cat, var(--sz-red))) center / 30% 100% no-repeat;
}
.sitezen-skin-clinic .widget { border: 0; box-shadow: 0 8px 26px rgba(14, 140, 140, .08); }
.sitezen-skin-clinic .widget-title { border-bottom-color: var(--sz-line); font-weight: 800; }
.sitezen-skin-clinic .mini-thumb { border-radius: 10px; }
.sitezen-skin-clinic .feat-main .card-media { border-radius: 16px; }
.sitezen-skin-clinic .feat-title, .sitezen-skin-clinic .entry-title { font-weight: 800; letter-spacing: -.02em; }
.sitezen-skin-clinic .single-post-article, .sitezen-skin-clinic .page-article, .sitezen-skin-clinic .comments-area,
.sitezen-skin-clinic .list-item, .sitezen-skin-clinic .strip-card { border: 0; box-shadow: 0 8px 26px rgba(14, 140, 140, .08); }
.sitezen-skin-clinic button, .sitezen-skin-clinic input[type="submit"], .sitezen-skin-clinic .btn,
.sitezen-skin-clinic .page-numbers, .sitezen-skin-clinic input[type="text"], .sitezen-skin-clinic input[type="email"],
.sitezen-skin-clinic input[type="url"], .sitezen-skin-clinic input[type="search"], .sitezen-skin-clinic textarea { border-radius: 10px; }
.sitezen-skin-clinic .to-top { background: var(--sz-red); }
.sitezen-skin-clinic .site-footer { background: #0F2E33; }

/* =========================================================
   SKIN: CAMPUS — academic: EB Garamond + Lato, maroon,
   ruled "index card" bodies, serif reading
   ========================================================= */
body.sitezen-skin-campus {
  --f-serif: 'EB Garamond', Garamond, Georgia, serif;
  --f-sans: 'Lato', 'Inter', -apple-system, sans-serif;
  --sz-red: var(--sz-accent, #7A1F2B);
  --sz-paper: #FAF7F2; --sz-card: #FFFFFF; --sz-ink: #2A1F1C; --sz-ink-2: #1F1614;
  --sz-mut: #7A6E68; --sz-line: #E6DDD2; --radius: 4px;
  --shadow: 0 12px 30px rgba(60, 30, 20, .12);
}
.sitezen-skin-campus .topbar { background: var(--sz-red); color: #F4E6E1; }
.sitezen-skin-campus .top-links a, .sitezen-skin-campus .top-social a { color: #F4E6E1; }
.sitezen-skin-campus .top-date::before { background: #F4E6E1; }
.sitezen-skin-campus .masthead { padding: 34px 0 18px; }
.sitezen-skin-campus .site-title { font-weight: 600; font-size: clamp(2.4rem, 6vw, 3.8rem); letter-spacing: .01em; }
.sitezen-skin-campus .site-title a::after { content: ""; }
.sitezen-skin-campus .site-desc { font-family: var(--f-serif); font-style: italic; font-size: 1.05rem; }
.sitezen-skin-campus .navbar { border-top: 3px solid var(--sz-red); border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-campus .site-nav .menu a { text-transform: uppercase; letter-spacing: .1em; font-size: .76rem; font-weight: 700; }
.sitezen-skin-campus .site-nav .menu > li.current-menu-item > a { box-shadow: inset 0 -2px 0 var(--sz-red); }
.sitezen-skin-campus .ticker { background: var(--sz-card); border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-campus .ticker-label { border-radius: 0; text-transform: uppercase; letter-spacing: .1em; font-size: .72rem; }
.sitezen-skin-campus .ticker-move a { font-family: var(--f-serif); font-size: 1rem; }
.sitezen-skin-campus .hero-grid { gap: 10px; }
.sitezen-skin-campus .hero-item { border-radius: 3px; }
.sitezen-skin-campus .hero-title { font-weight: 600; font-size: 1.15rem; }
.sitezen-skin-campus .hero-item:first-child .hero-title { font-size: clamp(1.4rem, 2.6vw, 1.9rem); }
.sitezen-skin-campus .card { border-color: var(--sz-line); }
.sitezen-skin-campus .card:hover { transform: none; box-shadow: var(--shadow); border-color: var(--sz-red); }
.sitezen-skin-campus .card-media, .sitezen-skin-campus .mini-thumb { border-radius: 0; }
.sitezen-skin-campus .card-body {
  background-image: repeating-linear-gradient(transparent 0 27px, var(--sz-line) 27px 28px);
  background-position: 0 6px;
}
.sitezen-skin-campus .card-title { font-weight: 600; font-size: 1.28rem; line-height: 1.35; }
.sitezen-skin-campus .card-excerpt { font-family: var(--f-serif); font-size: 1rem; line-height: 1.75; }
.sitezen-skin-campus .cat-badge {
  border-radius: 0; text-transform: uppercase; letter-spacing: .12em; font-size: .62rem; font-weight: 700;
  background: transparent; color: var(--cat, var(--sz-red)); border-bottom: 2px solid currentColor; padding: 2px 0;
}
.sitezen-skin-campus .cat-badge:hover { filter: none; color: var(--sz-ink); }
.sitezen-skin-campus .hero-overlay .cat-badge, .sitezen-skin-campus .ov-body .cat-badge { color: #fff; }
.sitezen-skin-campus .sec-title { border-bottom: 1px solid var(--sz-ink); font-weight: 600; font-size: 1.5rem; }
.sitezen-skin-campus .sec-title::before { width: 6px; height: 22px; border-radius: 0; }
.sitezen-skin-campus .home-section .sec-title { border-bottom-color: var(--sz-ink); }
.sitezen-skin-campus .view-all { text-transform: uppercase; letter-spacing: .08em; font-size: .7rem; }
.sitezen-skin-campus .widget { border-color: var(--sz-line); border-radius: 0; }
.sitezen-skin-campus .widget-title { font-weight: 600; font-size: 1.15rem; border-bottom: 1px solid var(--sz-ink); }
.sitezen-skin-campus .widget-title::before { width: 5px; border-radius: 0; }
.sitezen-skin-campus .feat-title { font-weight: 600; font-size: 1.8rem; line-height: 1.25; }
.sitezen-skin-campus .feat-excerpt { font-family: var(--f-serif); font-size: 1.02rem; }
.sitezen-skin-campus .feat-main .card-media { border-radius: 2px; }
.sitezen-skin-campus .entry-title { font-weight: 600; }
.sitezen-skin-campus .entry-content { font-family: var(--f-serif); font-size: 1.12rem; line-height: 1.8; }
.sitezen-skin-campus .entry-content blockquote { font-style: italic; }
.sitezen-skin-campus button, .sitezen-skin-campus input[type="submit"], .sitezen-skin-campus .btn {
  border-radius: 2px; text-transform: uppercase; letter-spacing: .1em; font-size: .78rem;
}
.sitezen-skin-campus .page-numbers, .sitezen-skin-campus input[type="text"], .sitezen-skin-campus input[type="email"],
.sitezen-skin-campus input[type="url"], .sitezen-skin-campus input[type="search"], .sitezen-skin-campus textarea,
.sitezen-skin-campus .single-post-article, .sitezen-skin-campus .page-article, .sitezen-skin-campus .comments-area,
.sitezen-skin-campus .list-item, .sitezen-skin-campus .strip-card, .sitezen-skin-campus .tag-links a { border-radius: 2px; }
.sitezen-skin-campus .to-top { border-radius: 2px; }
.sitezen-skin-campus .to-top::after { display: none; }
.sitezen-skin-campus .site-footer { background: #2A1F1C; }

/* =========================================================
   SKIN: VOYAGE — travel: Josefin Sans + Mulish, coral,
   immersive image cards with overlaid captions
   ========================================================= */
body.sitezen-skin-voyage {
  --f-serif: 'Josefin Sans', 'Inter', -apple-system, sans-serif;
  --f-sans: 'Mulish', 'Inter', -apple-system, sans-serif;
  --sz-red: var(--sz-accent, #F0663F);
  --sz-hi: #1EA7A0;
  --sz-paper: #FFFBF7; --sz-card: #FFFFFF; --sz-ink: #1E2430; --sz-ink-2: #141A24;
  --sz-mut: #6F7684; --sz-line: #EFE4DA; --radius: 20px;
  --shadow: 0 20px 48px rgba(30, 36, 48, .16);
}
.sitezen-skin-voyage .topbar { background: var(--sz-hi); color: #fff; }
.sitezen-skin-voyage .top-links a, .sitezen-skin-voyage .top-social a { color: #fff; }
.sitezen-skin-voyage .top-date::before { background: #fff; }
.sitezen-skin-voyage .masthead { padding: 34px 0 18px; }
.sitezen-skin-voyage .site-title { font-weight: 700; text-transform: uppercase; letter-spacing: .14em; font-size: clamp(1.9rem, 5vw, 3rem); }
.sitezen-skin-voyage .site-title a::after {
  content: ""; display: inline-block; width: .55em; height: .55em; margin-left: .2em; vertical-align: -.02em;
  background: var(--sz-red); border-radius: 50% 50% 50% 0; transform: rotate(-45deg);
}
.sitezen-skin-voyage .site-desc { text-transform: uppercase; letter-spacing: .28em; font-size: .64rem; font-weight: 700; }
.sitezen-skin-voyage .navbar { border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-voyage .site-nav .menu a { font-family: var(--f-serif); text-transform: uppercase; letter-spacing: .12em; font-size: .78rem; font-weight: 700; padding-top: 17px; }
.sitezen-skin-voyage .ticker { background: transparent; border-bottom: 0; }
.sitezen-skin-voyage .ticker .ticker-in {
  background: var(--sz-card); border: 1px solid var(--sz-line); border-radius: 999px; overflow: hidden; margin-top: 16px; min-height: 44px;
}
.sitezen-skin-voyage .ticker-label { border-radius: 999px; margin: 4px; padding: 0 16px; font-family: var(--f-serif); text-transform: uppercase; letter-spacing: .1em; font-size: .74rem; padding-top: 2px; }
.sitezen-skin-voyage .hero-grid { gap: 14px; }
.sitezen-skin-voyage .hero-item { border-radius: 22px; }
.sitezen-skin-voyage .hero-title { font-weight: 700; }
.sitezen-skin-voyage .card { position: relative; border: 0; border-radius: 22px; background: var(--sz-ink-2); min-height: 320px; }
.sitezen-skin-voyage .card:hover { transform: translateY(-6px); box-shadow: var(--shadow); }
.sitezen-skin-voyage .card .card-media { position: absolute; inset: 0; height: 100%; aspect-ratio: auto; border-radius: 0; }
.sitezen-skin-voyage .card .card-media::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(185deg, rgba(20, 26, 36, 0) 30%, rgba(20, 26, 36, .92) 96%);
}
.sitezen-skin-voyage .card .card-body { position: relative; z-index: 2; margin-top: auto; padding: 18px 20px 20px; gap: 8px; }
.sitezen-skin-voyage .card .card-title { font-size: 1.22rem; line-height: 1.35; }
.sitezen-skin-voyage .card .card-title a { color: #fff; }
.sitezen-skin-voyage .card .card-title a:hover { color: #FFD1C2; }
.sitezen-skin-voyage .card .meta { color: rgba(255, 255, 255, .78); }
.sitezen-skin-voyage .card .meta > * + *::before { color: rgba(255, 255, 255, .45); }
.sitezen-skin-voyage .card .meta a:hover { color: #fff; }
.sitezen-skin-voyage .card .card-excerpt { display: none; }
.sitezen-skin-voyage .cat-badge { border-radius: 999px; font-family: var(--f-serif); text-transform: uppercase; letter-spacing: .1em; font-size: .66rem; padding: 5px 12px 3px; font-weight: 700; }
.sitezen-skin-voyage .sec-title { border-bottom: 0; padding-bottom: 0; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; font-size: 1.15rem; }
.sitezen-skin-voyage .sec-title::before { width: 14px; height: 14px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); }
.sitezen-skin-voyage .home-section .sec-title { border-bottom: 0; }
.sitezen-skin-voyage .view-all { font-family: var(--f-serif); text-transform: uppercase; letter-spacing: .1em; font-size: .72rem; }
.sitezen-skin-voyage .widget { border: 0; box-shadow: 0 10px 30px rgba(30, 36, 48, .08); }
.sitezen-skin-voyage .widget-title { border-bottom-color: var(--sz-line); text-transform: uppercase; letter-spacing: .1em; font-size: .9rem; }
.sitezen-skin-voyage .widget-title::before { width: 12px; height: 12px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); }
.sitezen-skin-voyage .mini-thumb { border-radius: 12px; }
.sitezen-skin-voyage .feat-main .card-media { border-radius: 20px; }
.sitezen-skin-voyage .feat-title { text-transform: none; }
.sitezen-skin-voyage .list-item, .sitezen-skin-voyage .strip-card, .sitezen-skin-voyage .single-post-article,
.sitezen-skin-voyage .page-article, .sitezen-skin-voyage .comments-area { border: 0; box-shadow: 0 10px 30px rgba(30, 36, 48, .08); }
.sitezen-skin-voyage button, .sitezen-skin-voyage input[type="submit"], .sitezen-skin-voyage .btn,
.sitezen-skin-voyage .page-numbers, .sitezen-skin-voyage .tag-links a { border-radius: 999px; }
.sitezen-skin-voyage input[type="text"], .sitezen-skin-voyage input[type="email"], .sitezen-skin-voyage input[type="url"],
.sitezen-skin-voyage input[type="search"], .sitezen-skin-voyage textarea { border-radius: 14px; }
.sitezen-skin-voyage .search-form .search-field, .sitezen-skin-voyage .nav-search .search-field { border-radius: 999px 0 0 999px; }
.sitezen-skin-voyage .search-form .search-submit, .sitezen-skin-voyage .nav-search .search-submit { border-radius: 0 999px 999px 0; }
.sitezen-skin-voyage .to-top { background: var(--sz-red); }
.sitezen-skin-voyage .site-footer { background: #141A24; }

/* =========================================================
   SKIN: KITCHEN — food: Yeseva One + Nunito Sans, tomato &
   mustard, dotted paper, dashed borders
   ========================================================= */
body.sitezen-skin-kitchen {
  --f-serif: 'Yeseva One', 'Playfair Display', Georgia, serif;
  --f-sans: 'Nunito Sans', 'Inter', -apple-system, sans-serif;
  --sz-red: var(--sz-accent, #D64B2B);
  --sz-hi: #E9A23B;
  --sz-paper: #FFF8EE; --sz-card: #FFFFFF; --sz-ink: #3A2A22; --sz-ink-2: #2B1F19;
  --sz-mut: #8A7568; --sz-line: #F0DCC6; --radius: 14px;
  --shadow: 0 16px 40px rgba(214, 75, 43, .14);
  background-image: radial-gradient(var(--sz-line) 1px, transparent 1.5px); background-size: 18px 18px;
}
.sitezen-skin-kitchen .masthead { padding: 34px 0 18px; }
.sitezen-skin-kitchen .site-title { font-weight: 400; font-size: clamp(2.4rem, 6vw, 3.8rem); }
.sitezen-skin-kitchen .site-title a::after { content: "."; color: var(--sz-hi); }
.sitezen-skin-kitchen .site-desc { font-style: italic; color: var(--sz-red); font-weight: 600; }
.sitezen-skin-kitchen .navbar { border-bottom: 2px dashed var(--sz-line); }
.sitezen-skin-kitchen .site-nav .menu a { font-weight: 800; }
.sitezen-skin-kitchen .ticker { background: transparent; border-bottom: 0; }
.sitezen-skin-kitchen .ticker .ticker-in {
  background: var(--sz-card); border: 2px dashed var(--sz-line); border-radius: 999px; overflow: hidden; margin-top: 14px; min-height: 44px;
}
.sitezen-skin-kitchen .ticker-label { border-radius: 999px; margin: 4px; padding: 0 16px; }
.sitezen-skin-kitchen .hero-grid { gap: 16px; }
.sitezen-skin-kitchen .hero-item { border-radius: 16px; border: 4px solid var(--sz-card); box-shadow: 0 8px 24px rgba(58, 42, 34, .10); }
.sitezen-skin-kitchen .card { border: 2px dashed var(--sz-line); box-shadow: none; }
.sitezen-skin-kitchen .card:hover { border-style: solid; border-color: var(--sz-red); box-shadow: var(--shadow); }
.sitezen-skin-kitchen .card-title { font-family: var(--f-serif); font-weight: 400; font-size: 1.25rem; line-height: 1.35; }
.sitezen-skin-kitchen .cat-badge {
  border-radius: 999px; background: color-mix(in srgb, var(--sz-hi) 28%, var(--sz-card)); color: var(--cat, var(--sz-red)); font-weight: 800;
}
.sitezen-skin-kitchen .cat-badge:hover { filter: none; background: var(--cat, var(--sz-red)); color: #fff; }
.sitezen-skin-kitchen .hero-overlay .cat-badge, .sitezen-skin-kitchen .ov-body .cat-badge { background: var(--cat, var(--sz-red)); color: #fff; }
.sitezen-skin-kitchen .sec-title { border-bottom: 2px dashed var(--sz-line); font-weight: 400; font-size: 1.5rem; }
.sitezen-skin-kitchen .sec-title::before { width: 14px; height: 14px; border-radius: 50%; box-shadow: 0 0 0 3px var(--sz-card), 0 0 0 5px var(--sz-hi); }
.sitezen-skin-kitchen .home-section .sec-title { border-bottom-color: var(--sz-line); }
.sitezen-skin-kitchen .widget { border: 2px dashed var(--sz-line); }
.sitezen-skin-kitchen .widget-title { font-weight: 400; font-size: 1.15rem; border-bottom: 2px dashed var(--sz-line); }
.sitezen-skin-kitchen .widget-title::before { width: 12px; height: 12px; border-radius: 50%; box-shadow: 0 0 0 3px var(--sz-card), 0 0 0 5px var(--sz-hi); }
.sitezen-skin-kitchen .mini-thumb { border-radius: 10px; }
.sitezen-skin-kitchen .feat-title { font-weight: 400; font-size: 1.8rem; line-height: 1.25; }
.sitezen-skin-kitchen .feat-main .card-media { border-radius: 16px; }
.sitezen-skin-kitchen .entry-title { font-weight: 400; }
.sitezen-skin-kitchen .single-post-article, .sitezen-skin-kitchen .page-article, .sitezen-skin-kitchen .comments-area,
.sitezen-skin-kitchen .list-item, .sitezen-skin-kitchen .strip-card, .sitezen-skin-kitchen .no-results { border: 2px dashed var(--sz-line); }
.sitezen-skin-kitchen .entry-content blockquote { background: color-mix(in srgb, var(--sz-hi) 18%, var(--sz-card)); border-left-color: var(--sz-hi); }
.sitezen-skin-kitchen button, .sitezen-skin-kitchen input[type="submit"], .sitezen-skin-kitchen .btn,
.sitezen-skin-kitchen .page-numbers, .sitezen-skin-kitchen .tag-links a { border-radius: 999px; }
.sitezen-skin-kitchen input[type="text"], .sitezen-skin-kitchen input[type="email"], .sitezen-skin-kitchen input[type="url"],
.sitezen-skin-kitchen input[type="search"], .sitezen-skin-kitchen textarea { border-radius: 12px; border: 2px dashed var(--sz-line); }
.sitezen-skin-kitchen .search-form .search-field, .sitezen-skin-kitchen .nav-search .search-field { border-radius: 999px 0 0 999px; border-style: solid; }
.sitezen-skin-kitchen .search-form .search-submit, .sitezen-skin-kitchen .nav-search .search-submit { border-radius: 0 999px 999px 0; }
.sitezen-skin-kitchen .nav-search .search-field { border-width: 1px; }
.sitezen-skin-kitchen .to-top { background: var(--sz-red); }
.sitezen-skin-kitchen .site-footer { background: #3A2A22; }

/* =========================================================
   SKIN: ARCADE — gaming: dark, lime accent, Russo One caps,
   cut corners, scanlines on the hero
   ========================================================= */
body.sitezen-skin-arcade {
  --f-serif: 'Russo One', 'Chakra Petch', sans-serif;
  --f-sans: 'Inter', -apple-system, 'Segoe UI', sans-serif;
  --sz-red: var(--sz-accent, #B6FF3B);
  --sz-hi: #3DF2FF;
  --sz-paper: #0B0B0F; --sz-card: #15151D; --sz-ink: #EEF2F5; --sz-ink-2: #0F0F15;
  --sz-mut: #8E95A6; --sz-line: #262633; --sz-line-dark: rgba(255, 255, 255, .08); --radius: 0px;
  --shadow: 0 18px 44px rgba(0, 0, 0, .6);
}
.sz-dark.sitezen-skin-arcade .topbar, .sz-dark.sitezen-skin-arcade .navbar, .sz-dark.sitezen-skin-arcade .site-footer { background: #07070A; }
.sitezen-skin-arcade .site-title, .sitezen-skin-arcade .sec-title, .sitezen-skin-arcade .widget-title,
.sitezen-skin-arcade .hero-title, .sitezen-skin-arcade .card-title, .sitezen-skin-arcade .feat-title,
.sitezen-skin-arcade .entry-title, .sitezen-skin-arcade .archive-title { text-transform: uppercase; letter-spacing: .03em; font-weight: 400; }
.sitezen-skin-arcade .card-title { font-size: 1rem; line-height: 1.45; }
.sitezen-skin-arcade .hero-title { font-size: 1rem; line-height: 1.45; }
.sitezen-skin-arcade .hero-item:first-child .hero-title { font-size: clamp(1.2rem, 2.2vw, 1.6rem); }
.sitezen-skin-arcade .site-title { letter-spacing: .1em; }
.sitezen-skin-arcade .site-title a { text-shadow: 0 0 14px color-mix(in srgb, var(--sz-red) 55%, transparent); }
.sitezen-skin-arcade .site-title a::after { content: "▶"; color: var(--sz-red); font-size: .5em; vertical-align: .3em; margin-left: .3em; }
.sitezen-skin-arcade .site-desc { font-family: var(--f-serif); font-size: .7rem; letter-spacing: .2em; text-transform: uppercase; color: var(--sz-hi); }
.sitezen-skin-arcade .navbar { border-top: 0; border-bottom: 2px solid var(--sz-red); }
.sitezen-skin-arcade .site-nav .menu a { font-family: var(--f-serif); text-transform: uppercase; letter-spacing: .08em; font-size: .78rem; font-weight: 400; }
.sitezen-skin-arcade .site-nav .menu > li.current-menu-item > a { box-shadow: inset 0 -3px 0 var(--sz-hi); }
.sitezen-skin-arcade .ticker { border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-arcade .ticker-label { font-family: var(--f-serif); text-transform: uppercase; letter-spacing: .08em; clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 100%, 0 100%); padding-right: 24px; }
.sitezen-skin-arcade .ticker-label::before { background: #0B0B0F; }
.sitezen-skin-arcade .ticker-move a::before { content: "▶"; color: var(--sz-red); font-size: .5em; }
.sitezen-skin-arcade .hero-grid { gap: 12px; }
.sitezen-skin-arcade .hero-item, .sitezen-skin-arcade .card, .sitezen-skin-arcade .widget, .sitezen-skin-arcade .ov-item,
.sitezen-skin-arcade .list-item, .sitezen-skin-arcade .strip-card, .sitezen-skin-arcade .single-post-article,
.sitezen-skin-arcade .page-article, .sitezen-skin-arcade .comments-area {
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px)); border-radius: 0;
}
.sitezen-skin-arcade .hero-item::before {
  content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; opacity: .5;
  background: repeating-linear-gradient(180deg, rgba(0, 0, 0, 0) 0 3px, rgba(0, 0, 0, .28) 3px 4px);
}
.sitezen-skin-arcade .hero-item::after { background: linear-gradient(185deg, rgba(7, 7, 10, 0) 30%, rgba(7, 7, 10, .94) 92%); }
.sitezen-skin-arcade .card { border: 1px solid var(--sz-line); }
.sitezen-skin-arcade .card:hover { transform: none; box-shadow: inset 0 0 0 2px var(--sz-red); border-color: var(--sz-red); }
.sitezen-skin-arcade .card-media { border-radius: 0; }
.sitezen-skin-arcade .cat-badge {
  clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%); border-radius: 0;
  font-family: var(--f-serif); text-transform: uppercase; letter-spacing: .08em; font-size: .62rem; padding: 4px 14px;
}
.sitezen-skin-arcade .sec-title { border-bottom: 1px solid var(--sz-line); font-size: 1.15rem; }
.sitezen-skin-arcade .sec-title::before { background: var(--sz-red); border-radius: 0; clip-path: polygon(0 0, 100% 0, 100% 70%, 70% 100%, 0 100%); }
.sitezen-skin-arcade .home-section .sec-title { border-bottom-color: var(--sz-line); }
.sitezen-skin-arcade .home-section .sec-title::before { background: var(--cat, var(--sz-red)); }
.sitezen-skin-arcade .view-all { font-family: var(--f-serif); text-transform: uppercase; font-size: .7rem; letter-spacing: .06em; }
.sitezen-skin-arcade .widget-title { border-bottom-color: var(--sz-line); font-size: .85rem; }
.sitezen-skin-arcade .widget-title::before { border-radius: 0; clip-path: polygon(0 0, 100% 0, 100% 70%, 70% 100%, 0 100%); }
.sitezen-skin-arcade .mini-thumb, .sitezen-skin-arcade .feat-main .card-media { border-radius: 0; }
.sitezen-skin-arcade .meta, .sitezen-skin-arcade .mini-date, .sitezen-skin-arcade .hero-meta { text-transform: uppercase; font-size: .7rem; letter-spacing: .06em; }
.sitezen-skin-arcade button, .sitezen-skin-arcade input[type="submit"], .sitezen-skin-arcade .btn {
  color: #0B0B0F; font-family: var(--f-serif); text-transform: uppercase; letter-spacing: .08em; font-size: .8rem;
  clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); border-radius: 0;
}
.sitezen-skin-arcade .nav-search .search-submit, .sitezen-skin-arcade .search-form .search-submit { clip-path: none; color: #0B0B0F; }
.sitezen-skin-arcade .page-numbers { border-radius: 0; }
.sitezen-skin-arcade .page-numbers.current { color: #0B0B0F; }
.sitezen-skin-arcade input[type="text"], .sitezen-skin-arcade input[type="email"], .sitezen-skin-arcade input[type="url"],
.sitezen-skin-arcade input[type="search"], .sitezen-skin-arcade textarea, .sitezen-skin-arcade .tag-links a { border-radius: 0; }
.sitezen-skin-arcade .to-top { background: var(--sz-red); color: #0B0B0F; border-radius: 0; clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px)); }
.sitezen-skin-arcade .to-top::after { display: none; }
.sitezen-skin-arcade ::selection { background: var(--sz-red); color: #0B0B0F; }

/* =========================================================
   SKIN: ATELIER — architecture: Syne + Inter, strict 1px
   grid lines everywhere, black on off-white
   ========================================================= */
body.sitezen-skin-atelier {
  --f-serif: 'Syne', 'Inter', -apple-system, sans-serif;
  --f-sans: 'Inter', -apple-system, 'Segoe UI', sans-serif;
  --sz-red: var(--sz-accent, #111111);
  --sz-paper: #F5F5F2; --sz-card: #F5F5F2; --sz-ink: #111111; --sz-ink-2: #1B1B1B;
  --sz-mut: #6F6F6A; --sz-line: #111111; --radius: 0px;
  --shadow: none;
}
.sitezen-skin-atelier .topbar { background: transparent; color: var(--sz-mut); border-bottom: 1px solid var(--sz-ink); font-size: .74rem; text-transform: uppercase; letter-spacing: .1em; }
.sitezen-skin-atelier .top-links a, .sitezen-skin-atelier .top-social a { color: var(--sz-ink); }
.sitezen-skin-atelier .top-date::before { background: var(--sz-ink); border-radius: 0; }
.sitezen-skin-atelier .masthead { padding: 28px 0 22px; text-align: left; }
.sitezen-skin-atelier .masthead .wrap { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px 24px; flex-wrap: wrap; }
.sitezen-skin-atelier .site-title { font-weight: 800; font-size: clamp(2.4rem, 7vw, 4.6rem); letter-spacing: -.04em; line-height: .95; text-transform: uppercase; }
.sitezen-skin-atelier .site-title a::after { content: ""; }
.sitezen-skin-atelier .site-desc { margin: 0 0 4px; max-width: 30ch; text-align: right; font-size: .8rem; line-height: 1.5; }
.sitezen-skin-atelier .navbar { background: var(--sz-paper); border-top: 1px solid var(--sz-ink); border-bottom: 1px solid var(--sz-ink); }
.sitezen-skin-atelier .site-nav .menu a { font-family: var(--f-serif); font-weight: 700; font-size: .84rem; text-transform: uppercase; letter-spacing: .04em; border-right: 1px solid var(--sz-ink); padding: 15px 20px; }
.sitezen-skin-atelier .site-nav .menu > li:first-child > a { border-left: 1px solid var(--sz-ink); }
.sitezen-skin-atelier .site-nav .menu > li:hover > a, .sitezen-skin-atelier .site-nav .menu > li.current-menu-item > a { background: var(--sz-ink); color: var(--sz-paper); box-shadow: none; }
.sitezen-skin-atelier .site-nav .menu > li > a::after { display: none; }
.sitezen-skin-atelier .ticker { background: var(--sz-paper); border-bottom: 1px solid var(--sz-ink); }
.sitezen-skin-atelier .ticker-label { background: var(--sz-ink); color: var(--sz-paper); text-transform: uppercase; letter-spacing: .1em; font-size: .7rem; font-family: var(--f-serif); }
.sitezen-skin-atelier .ticker-label::before { border-radius: 0; }
.sitezen-skin-atelier .ticker-move a::before { content: "/"; color: var(--sz-mut); font-size: .8em; }
.sitezen-skin-atelier .hero { margin-top: -1px; }
.sitezen-skin-atelier .hero-grid { gap: 1px; background: var(--sz-ink); border: 1px solid var(--sz-ink); }
.sitezen-skin-atelier .hero-item { border-radius: 0; }
.sitezen-skin-atelier .hero-item::after { background: linear-gradient(180deg, rgba(10, 10, 10, 0) 45%, rgba(10, 10, 10, .9) 100%); }
.sitezen-skin-atelier .hero-title { font-weight: 700; letter-spacing: -.01em; }
.sitezen-skin-atelier .layout { margin-top: 0; }
.sitezen-skin-atelier .layout.no-hero { margin-top: 0; }
.sitezen-skin-atelier .sec-title { margin: 0; padding: 14px 16px; border: 1px solid var(--sz-ink); border-top: 0; font-size: 1rem; text-transform: uppercase; letter-spacing: .06em; font-weight: 800; }
.sitezen-skin-atelier .hero + .layout .main-col > .sec-title:first-child { border-top: 0; }
.sitezen-skin-atelier .layout.no-hero .main-col > .sec-title:first-child { border-top: 1px solid var(--sz-ink); }
.sitezen-skin-atelier .sec-title::before { width: 10px; height: 10px; border-radius: 0; }
.sitezen-skin-atelier .home-section { margin-top: 0; }
.sitezen-skin-atelier .home-section .sec-title { border-color: var(--sz-ink); }
.sitezen-skin-atelier .card-grid { gap: 0; border: 1px solid var(--sz-ink); border-top: 0; overflow: hidden; margin-bottom: 0; }
.sitezen-skin-atelier .card { border: 0; border-right: 1px solid var(--sz-ink); border-bottom: 1px solid var(--sz-ink); border-radius: 0; margin: 0 -1px -1px 0; background: transparent; }
.sitezen-skin-atelier .card:hover { transform: none; box-shadow: none; background: var(--sz-card); }
.sitezen-skin-atelier .card:hover .card-media img { transform: none; }
.sitezen-skin-atelier .card-media { border-radius: 0; border-bottom: 1px solid var(--sz-ink); }
.sitezen-skin-atelier .card-body { padding: 16px 18px 20px; }
.sitezen-skin-atelier .card-title { font-weight: 700; letter-spacing: -.01em; font-size: 1.12rem; line-height: 1.4; }
.sitezen-skin-atelier .cat-badge {
  background: transparent; color: var(--sz-ink); border: 1px solid var(--sz-ink); border-radius: 0;
  text-transform: uppercase; letter-spacing: .1em; font-size: .62rem; padding: 3px 9px;
}
.sitezen-skin-atelier .cat-badge:hover { filter: none; background: var(--sz-ink); color: var(--sz-paper); }
.sitezen-skin-atelier .hero-overlay .cat-badge, .sitezen-skin-atelier .ov-body .cat-badge { color: #fff; border-color: #fff; }
.sitezen-skin-atelier .view-all { font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; }
.sitezen-skin-atelier .feat-row { border: 1px solid var(--sz-ink); border-top: 0; padding: 18px; gap: 8px 22px; }
.sitezen-skin-atelier .feat-main .card-media { border-radius: 0; border: 1px solid var(--sz-ink); }
.sitezen-skin-atelier .feat-title { font-weight: 700; letter-spacing: -.01em; }
.sitezen-skin-atelier .sec-list, .sitezen-skin-atelier .rank-list, .sitezen-skin-atelier .headline-list,
.sitezen-skin-atelier .overlay-grid, .sitezen-skin-atelier .mini-mosaic, .sitezen-skin-atelier .duo-grid,
.sitezen-skin-atelier .strip-row, .sitezen-skin-atelier .banner-item { border: 1px solid var(--sz-ink); border-top: 0; padding: 18px; }
.sitezen-skin-atelier .overlay-grid, .sitezen-skin-atelier .mini-mosaic { gap: 1px; background: var(--sz-ink); padding: 0; }
.sitezen-skin-atelier .ov-item, .sitezen-skin-atelier .list-item, .sitezen-skin-atelier .strip-card, .sitezen-skin-atelier .mini-thumb { border-radius: 0; }
.sitezen-skin-atelier .list-item { border-color: var(--sz-ink); }
.sitezen-skin-atelier .list-item:hover, .sitezen-skin-atelier .strip-card:hover { transform: none; box-shadow: none; }
.sitezen-skin-atelier .banner-item { padding: 0; }
.sitezen-skin-atelier .widget { background: transparent; border: 1px solid var(--sz-ink); border-radius: 0; margin-bottom: -1px; padding: 0 0 6px; }
.sitezen-skin-atelier .widget-title { border-bottom: 1px solid var(--sz-ink); padding: 14px 16px; margin: 0 0 10px; font-size: .9rem; text-transform: uppercase; letter-spacing: .06em; }
.sitezen-skin-atelier .widget-title::before { width: 9px; height: 9px; border-radius: 0; }
.sitezen-skin-atelier .widget ul, .sitezen-skin-atelier .widget .mini-list, .sitezen-skin-atelier .widget > *:not(.widget-title) { margin-left: 16px; margin-right: 16px; }
.sitezen-skin-atelier .widget ul li, .sitezen-skin-atelier .mini-post { border-bottom: 1px solid var(--sz-line); border-bottom-style: solid; }
.sitezen-skin-atelier .single-post-article, .sitezen-skin-atelier .page-article, .sitezen-skin-atelier .comments-area,
.sitezen-skin-atelier .no-results, .sitezen-skin-atelier .author-box, .sitezen-skin-atelier .post-navigation a { border: 1px solid var(--sz-ink); border-radius: 0; background: transparent; }
.sitezen-skin-atelier .layout.no-hero .single-post-article, .sitezen-skin-atelier .layout.no-hero .page-article { border-top: 1px solid var(--sz-ink); }
.sitezen-skin-atelier .entry-title { font-weight: 800; letter-spacing: -.03em; }
.sitezen-skin-atelier .pagination { margin-top: 0; border: 1px solid var(--sz-ink); border-top: 0; padding: 16px; }
.sitezen-skin-atelier .page-numbers { border-radius: 0; border-color: var(--sz-ink); }
.sitezen-skin-atelier button, .sitezen-skin-atelier input[type="submit"], .sitezen-skin-atelier .btn,
.sitezen-skin-atelier input[type="text"], .sitezen-skin-atelier input[type="email"], .sitezen-skin-atelier input[type="url"],
.sitezen-skin-atelier input[type="search"], .sitezen-skin-atelier textarea, .sitezen-skin-atelier .tag-links a { border-radius: 0; }
.sitezen-skin-atelier input[type="text"], .sitezen-skin-atelier input[type="email"], .sitezen-skin-atelier input[type="url"],
.sitezen-skin-atelier input[type="search"], .sitezen-skin-atelier textarea { border-color: var(--sz-ink); }
.sitezen-skin-atelier .nav-search .search-field { border-color: var(--sz-ink); background: var(--sz-paper); }
.sitezen-skin-atelier .to-top { border-radius: 0; }
.sitezen-skin-atelier .to-top::after { display: none; }
.sitezen-skin-atelier .meta > * + *::before { content: "/"; color: var(--sz-mut); }
@media (max-width: 860px) {
  .sitezen-skin-atelier .site-nav .menu a, .sitezen-skin-atelier .site-nav .menu > li:first-child > a { border-left: 0; border-right: 0; }
}
@media (max-width: 600px) {
  .sitezen-skin-atelier .hero-grid { gap: 12px; background: transparent; border: 0; padding-top: 14px; }
  .sitezen-skin-atelier .masthead .wrap { flex-direction: column; align-items: flex-start; }
  .sitezen-skin-atelier .site-desc { text-align: left; }
}

/* =========================================================
   SKIN: READER — newsletter style: Literata + Public Sans,
   single column, NO sidebar, horizontal story rows
   ========================================================= */
body.sitezen-skin-reader {
  --f-serif: 'Literata', Georgia, serif;
  --f-sans: 'Public Sans', 'Inter', -apple-system, sans-serif;
  --sz-red: var(--sz-accent, #B4451D);
  --sz-paper: #FFFDF9; --sz-card: #FFFFFF; --sz-ink: #1F1B17; --sz-ink-2: #17130F;
  --sz-mut: #7A7168; --sz-line: #EAE3D8; --radius: 8px;
  --shadow: 0 12px 30px rgba(50, 35, 20, .10);
}
.sitezen-skin-reader .wrap { max-width: 860px; }
.sitezen-skin-reader .topbar { background: transparent; color: var(--sz-mut); border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-reader .top-links a, .sitezen-skin-reader .top-social a { color: var(--sz-mut); }
.sitezen-skin-reader .masthead { padding: 42px 0 26px; }
.sitezen-skin-reader .site-title { font-weight: 700; font-size: clamp(2rem, 5vw, 3rem); letter-spacing: -.01em; }
.sitezen-skin-reader .site-desc { font-family: var(--f-serif); font-style: italic; font-size: 1.05rem; margin-top: 6px; }
.sitezen-skin-reader .navbar { border-top: 1px solid var(--sz-line); border-bottom: 1px solid var(--sz-line); background: var(--sz-paper); }
.sitezen-skin-reader .site-nav .menu { justify-content: center; }
.sitezen-skin-reader .site-nav .menu a { font-weight: 600; font-size: .9rem; }
.sitezen-skin-reader .ticker { background: transparent; border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-reader .ticker-label { background: transparent; color: var(--sz-red); padding-left: 0; text-transform: uppercase; letter-spacing: .12em; font-size: .7rem; }
.sitezen-skin-reader .ticker-move a { font-family: var(--f-serif); font-size: .95rem; }
.sitezen-skin-reader .hero-grid { grid-template-columns: 1fr 1fr; grid-auto-rows: 200px; gap: 12px; }
.sitezen-skin-reader .hero-item:first-child { grid-column: 1 / -1; grid-row: span 2; min-height: 0; }
.sitezen-skin-reader .hero-item:first-child .hero-title { font-size: clamp(1.5rem, 3.2vw, 2.2rem); max-width: 24ch; }
.sitezen-skin-reader .hero-item:first-child .hero-overlay { padding: 26px 30px 26px; }
.sitezen-skin-reader .hero-item { border-radius: 8px; }
.sitezen-skin-reader .hero-title { font-weight: 700; }
.sitezen-skin-reader .layout { grid-template-columns: minmax(0, 1fr); }
.sitezen-skin-reader .sidebar { display: none; }
.sitezen-skin-reader .card-grid, .sitezen-skin-reader .card-grid.cols-3 { grid-template-columns: minmax(0, 1fr); gap: 0; }
.sitezen-skin-reader .card { flex-direction: row; align-items: flex-start; gap: 22px; border: 0; border-bottom: 1px solid var(--sz-line); border-radius: 0; background: transparent; padding: 22px 0; overflow: visible; }
.sitezen-skin-reader .card:hover { transform: none; box-shadow: none; }
.sitezen-skin-reader .card .card-media { flex: none; width: 240px; aspect-ratio: 4 / 3; border-radius: 8px; }
.sitezen-skin-reader .card-body { padding: 0; gap: 8px; }
.sitezen-skin-reader .card-title { font-size: 1.32rem; line-height: 1.35; }
.sitezen-skin-reader .card-excerpt { font-family: var(--f-serif); font-size: .98rem; line-height: 1.7; }
.sitezen-skin-reader .cat-badge { background: transparent; color: var(--cat, var(--sz-red)); padding: 0; border-radius: 0; text-transform: uppercase; letter-spacing: .14em; font-size: .64rem; }
.sitezen-skin-reader .cat-badge:hover { filter: none; color: var(--sz-ink); }
.sitezen-skin-reader .hero-overlay .cat-badge, .sitezen-skin-reader .ov-body .cat-badge { color: #fff; }
.sitezen-skin-reader .sec-title { border-bottom: 2px solid var(--sz-ink); font-size: 1.05rem; margin-bottom: 0; }
.sitezen-skin-reader .sec-title::before { width: 8px; height: 20px; border-radius: 2px; }
.sitezen-skin-reader .home-section { margin-top: 44px; }
.sitezen-skin-reader .home-section .sec-title { margin-bottom: 20px; }
.sitezen-skin-reader .feat-row { grid-template-columns: minmax(0, 1fr); }
.sitezen-skin-reader .feat-main .card-media { border-radius: 8px; }
.sitezen-skin-reader .feat-title { font-size: 1.7rem; line-height: 1.3; }
.sitezen-skin-reader .feat-excerpt { font-family: var(--f-serif); font-size: 1.02rem; }
.sitezen-skin-reader .mini-thumb { border-radius: 6px; }
.sitezen-skin-reader .entry-content { font-family: var(--f-serif); font-size: 1.15rem; line-height: 1.85; }
.sitezen-skin-reader .single-post-article, .sitezen-skin-reader .page-article, .sitezen-skin-reader .comments-area { border: 0; border-radius: 0; padding-left: 0; padding-right: 0; background: transparent; }
.sitezen-skin-reader .comments-area { border-top: 2px solid var(--sz-ink); }
.sitezen-skin-reader .entry-title { font-size: clamp(1.8rem, 4vw, 2.6rem); line-height: 1.3; }
.sitezen-skin-reader .pagination { margin-top: 36px; }
.sitezen-skin-reader .foot-grid { grid-template-columns: 1fr 1fr; gap: 30px 40px; }
@media (max-width: 600px) { .sitezen-skin-reader .foot-grid { grid-template-columns: 1fr; } }
.sitezen-skin-reader button, .sitezen-skin-reader input[type="submit"], .sitezen-skin-reader .btn,
.sitezen-skin-reader .page-numbers { border-radius: 6px; }
.sitezen-skin-reader .list-item, .sitezen-skin-reader .strip-card { border-color: var(--sz-line); border-radius: 8px; }
@media (max-width: 600px) {
  .sitezen-skin-reader .card { flex-direction: column; gap: 12px; }
  .sitezen-skin-reader .card .card-media { width: 100%; }
}

/* =========================================================
   SKIN: DESH — Bengali newspaper: Noto Serif Bengali +
   Hind Siliguri, green & red, bold masthead
   ========================================================= */
body.sitezen-skin-desh {
  --f-serif: 'Noto Serif Bengali', 'Newsreader', Georgia, serif;
  --f-sans: 'Hind Siliguri', 'Inter', -apple-system, sans-serif;
  --sz-red: var(--sz-accent, #006A4E);
  --sz-hi: #F42A41;
  --sz-paper: #F7F9F6; --sz-card: #FFFFFF; --sz-ink: #10261E; --sz-ink-2: #0B2F24;
  --sz-mut: #5F7169; --sz-line: #DCE6DF; --radius: 8px;
  --shadow: 0 12px 30px rgba(0, 106, 78, .12);
  line-height: 1.8;
}
.sitezen-skin-desh h1, .sitezen-skin-desh h2, .sitezen-skin-desh h3, .sitezen-skin-desh h4 { line-height: 1.55; }
.sitezen-skin-desh .topbar { background: var(--sz-ink-2); }
.sitezen-skin-desh .top-date::before { background: var(--sz-hi); }
.sitezen-skin-desh .masthead { padding: 26px 0 0; }
.sitezen-skin-desh .masthead .wrap { border-bottom: 4px solid var(--sz-red); padding-bottom: 16px; position: relative; }
.sitezen-skin-desh .masthead .wrap::after { content: ""; position: absolute; left: 0; right: 0; bottom: -7px; height: 2px; background: var(--sz-hi); }
.sitezen-skin-desh .site-title { font-weight: 800; font-size: clamp(2.4rem, 6.5vw, 4.2rem); line-height: 1.35; }
.sitezen-skin-desh .site-title a::after { content: ""; display: inline-block; width: .34em; height: .34em; border-radius: 50%; background: var(--sz-hi); margin-left: .16em; vertical-align: middle; }
.sitezen-skin-desh .site-desc { font-weight: 600; color: var(--sz-red); font-size: 1rem; }
.sitezen-skin-desh .navbar { border-top: 0; margin-top: 10px; }
.sz-dark.sitezen-skin-desh .navbar, .sz-dark.sitezen-skin-desh .topbar, .sz-dark.sitezen-skin-desh .site-footer { background: #05221A; }
.sitezen-skin-desh .navbar { background: var(--sz-ink-2); }
.sitezen-skin-desh .site-nav .menu a { font-weight: 600; font-size: 1.02rem; }
.sitezen-skin-desh .site-nav .menu > li.current-menu-item > a { box-shadow: inset 0 -3px 0 var(--sz-hi); }
.sitezen-skin-desh .site-nav .menu > li > a::after { background: var(--sz-hi); }
.sitezen-skin-desh .nav-search .search-submit { background: var(--sz-hi); }
.sitezen-skin-desh .ticker { background: var(--sz-card); border-bottom: 2px solid var(--sz-hi); }
.sitezen-skin-desh .ticker-label { background: var(--sz-hi); font-weight: 700; }
.sitezen-skin-desh .ticker-move a::before { color: var(--sz-hi); }
.sitezen-skin-desh .ticker-move a { font-weight: 600; }
.sitezen-skin-desh .hero-grid { gap: 12px; }
.sitezen-skin-desh .hero-item { border-radius: 6px; }
.sitezen-skin-desh .hero-item::after { background: linear-gradient(185deg, rgba(5, 34, 26, 0) 32%, rgba(5, 34, 26, .92) 92%); }
.sitezen-skin-desh .hero-title { font-weight: 700; line-height: 1.5; }
.sitezen-skin-desh .card { border-color: var(--sz-line); border-bottom: 3px solid var(--sz-line); }
.sitezen-skin-desh .card:hover { border-bottom-color: var(--sz-hi); box-shadow: var(--shadow); }
.sitezen-skin-desh .card-title { font-weight: 700; line-height: 1.55; }
.sitezen-skin-desh .cat-badge { border-radius: 4px; font-weight: 700; font-family: var(--f-sans); }
.sitezen-skin-desh .sec-title { border-bottom: 3px solid var(--sz-red); position: relative; font-weight: 800; }
.sitezen-skin-desh .sec-title::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 90px; height: 3px; background: var(--sz-hi); }
.sitezen-skin-desh .sec-title::before { background: var(--sz-hi); border-radius: 2px; }
.sitezen-skin-desh .home-section .sec-title { border-bottom-color: var(--cat, var(--sz-red)); }
.sitezen-skin-desh .home-section .sec-title::before { background: var(--cat, var(--sz-hi)); }
.sitezen-skin-desh .home-section .sec-title::after { background: var(--sz-ink); }
.sitezen-skin-desh .view-all { font-weight: 700; }
.sitezen-skin-desh .widget { border-color: var(--sz-line); }
.sitezen-skin-desh .widget-title { border-bottom: 3px solid var(--sz-red); font-weight: 800; }
.sitezen-skin-desh .widget-title::before { background: var(--sz-hi); }
.sitezen-skin-desh .mini-title { line-height: 1.6; }
.sitezen-skin-desh .feat-title { font-weight: 800; line-height: 1.45; }
.sitezen-skin-desh .entry-title { font-weight: 800; line-height: 1.5; }
.sitezen-skin-desh .entry-content { font-size: clamp(1.05rem, 1rem + .4vw, 1.18rem); line-height: 1.95; }
.sitezen-skin-desh button, .sitezen-skin-desh input[type="submit"], .sitezen-skin-desh .btn, .sitezen-skin-desh .page-numbers { border-radius: 6px; font-weight: 700; }
.sitezen-skin-desh .page-numbers.current { background: var(--sz-hi); border-color: var(--sz-hi); }
.sitezen-skin-desh .to-top { background: var(--sz-hi); }
.sitezen-skin-desh .site-footer { background: #0B2F24; }
.sitezen-skin-desh .foot-shell::before { background: linear-gradient(90deg, var(--sz-hi) 0 40%, var(--sz-red) 40%); }

/* =========================================================
   SKIN: TERMINAL — dev/cyber: IBM Plex Mono everywhere,
   amber on black, dashed rules, [brackets] and prompts
   ========================================================= */
body.sitezen-skin-terminal {
  --f-serif: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --f-sans: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --sz-red: var(--sz-accent, #FFB000);
  --sz-paper: #0A0A0A; --sz-card: #111111; --sz-ink: #E8E6DF; --sz-ink-2: #050505;
  --sz-mut: #8A8780; --sz-line: #2A2A2A; --sz-line-dark: rgba(255, 255, 255, .08); --radius: 0px;
  --shadow: 0 0 0 1px rgba(255, 176, 0, .35);
  font-size: clamp(14px, 0.3vw + 13px, 15.5px);
}
.sz-dark.sitezen-skin-terminal .topbar, .sz-dark.sitezen-skin-terminal .navbar, .sz-dark.sitezen-skin-terminal .site-footer { background: #050505; }
.sitezen-skin-terminal .topbar { border-bottom: 1px dashed var(--sz-line); font-size: .74rem; }
.sitezen-skin-terminal .top-date::before { border-radius: 0; }
.sitezen-skin-terminal .masthead { padding: 30px 0 22px; }
.sitezen-skin-terminal .site-title { font-weight: 700; font-size: clamp(1.7rem, 4.5vw, 2.7rem); letter-spacing: -.02em; }
.sitezen-skin-terminal .site-title a::before { content: "~/"; color: var(--sz-mut); font-weight: 400; }
.sitezen-skin-terminal .site-title a::after { content: "▌"; color: var(--sz-red); animation: sz-blink 1s steps(1) infinite; margin-left: .1em; }
.sitezen-skin-terminal .site-desc { font-size: .8rem; }
.sitezen-skin-terminal .site-desc::before { content: "# "; color: var(--sz-red); }
.sitezen-skin-terminal .navbar { border-top: 1px dashed var(--sz-line); border-bottom: 1px dashed var(--sz-line); }
.sitezen-skin-terminal .site-nav .menu a { font-size: .82rem; font-weight: 500; }
.sitezen-skin-terminal .site-nav .menu a::before { content: "./"; color: var(--sz-mut); }
.sitezen-skin-terminal .site-nav .menu > li.current-menu-item > a { box-shadow: inset 0 -2px 0 var(--sz-red); }
.sitezen-skin-terminal .site-nav .menu ul a::before { content: ""; }
.sitezen-skin-terminal .ticker { border-bottom: 1px dashed var(--sz-line); }
.sitezen-skin-terminal .ticker-label { font-size: .74rem; text-transform: uppercase; letter-spacing: .08em; }
.sitezen-skin-terminal .ticker-label::before { border-radius: 0; }
.sitezen-skin-terminal .ticker-move a { font-size: .82rem; }
.sitezen-skin-terminal .ticker-move a::before { content: ">"; color: var(--sz-red); font-size: .9em; }
.sitezen-skin-terminal .hero-grid { gap: 10px; }
.sitezen-skin-terminal .hero-item { border: 1px solid var(--sz-line); border-radius: 0; }
.sitezen-skin-terminal .hero-item:hover { border-color: var(--sz-red); }
.sitezen-skin-terminal .hero-item::after { background: linear-gradient(180deg, rgba(5, 5, 5, 0) 30%, rgba(5, 5, 5, .94) 92%); }
.sitezen-skin-terminal .hero-title { font-weight: 600; font-size: .98rem; line-height: 1.5; }
.sitezen-skin-terminal .hero-item:first-child .hero-title { font-size: clamp(1.15rem, 2vw, 1.45rem); }
.sitezen-skin-terminal .hero-title a::before, .sitezen-skin-terminal .card-title a::before,
.sitezen-skin-terminal .feat-title a::before, .sitezen-skin-terminal .mini-title a::before { content: "> "; color: var(--sz-red); }
.sitezen-skin-terminal .card { border: 1px solid var(--sz-line); }
.sitezen-skin-terminal .card:hover { transform: none; border-color: var(--sz-red); box-shadow: var(--shadow); }
.sitezen-skin-terminal .card-media { border-radius: 0; border-bottom: 1px dashed var(--sz-line); }
.sitezen-skin-terminal .card-title { font-weight: 600; font-size: 1rem; line-height: 1.5; }
.sitezen-skin-terminal .card-excerpt { font-size: .82rem; }
.sitezen-skin-terminal .cat-badge { background: transparent; color: var(--cat, var(--sz-red)); padding: 0; border-radius: 0; font-size: .74rem; font-weight: 600; letter-spacing: 0; }
.sitezen-skin-terminal .cat-badge::before { content: "["; } .sitezen-skin-terminal .cat-badge::after { content: "]"; }
.sitezen-skin-terminal .cat-badge:hover { filter: none; text-decoration: underline; }
.sitezen-skin-terminal .sec-title { border-bottom: 1px dashed var(--sz-line); font-weight: 600; font-size: 1.05rem; }
.sitezen-skin-terminal .sec-title::before { content: "##"; width: auto; height: auto; background: none; color: var(--sz-red); font-weight: 700; }
.sitezen-skin-terminal .home-section .sec-title { border-bottom-color: var(--sz-line); }
.sitezen-skin-terminal .home-section .sec-title::before { background: none; color: var(--cat, var(--sz-red)); }
.sitezen-skin-terminal .view-all::before { content: "--> "; }
.sitezen-skin-terminal .widget { border: 1px solid var(--sz-line); }
.sitezen-skin-terminal .widget-title { border-bottom: 1px dashed var(--sz-line); font-weight: 600; font-size: .9rem; }
.sitezen-skin-terminal .widget-title::before { content: "$"; width: auto; height: auto; background: none; color: var(--sz-red); font-weight: 700; }
.sitezen-skin-terminal .widget ul li, .sitezen-skin-terminal .mini-post { border-bottom-style: dashed; }
.sitezen-skin-terminal .mini-thumb, .sitezen-skin-terminal .feat-main .card-media { border-radius: 0; border: 1px solid var(--sz-line); }
.sitezen-skin-terminal .meta, .sitezen-skin-terminal .mini-date, .sitezen-skin-terminal .hero-meta { font-size: .72rem; }
.sitezen-skin-terminal .meta > * + *::before { content: "|"; color: var(--sz-line); }
.sitezen-skin-terminal .rank-num { font-size: 1.4rem; }
.sitezen-skin-terminal .rank-num::before { content: "0"; }
.sitezen-skin-terminal .headline-item .hl-t::before { content: ">"; }
.sitezen-skin-terminal button, .sitezen-skin-terminal input[type="submit"], .sitezen-skin-terminal .btn {
  color: #0A0A0A; font-weight: 700; border-radius: 0; font-size: .82rem;
}
.sitezen-skin-terminal .nav-search .search-submit, .sitezen-skin-terminal .search-form .search-submit { color: #0A0A0A; }
.sitezen-skin-terminal .page-numbers { border-radius: 0; }
.sitezen-skin-terminal .page-numbers.current { color: #0A0A0A; }
.sitezen-skin-terminal input[type="text"], .sitezen-skin-terminal input[type="email"], .sitezen-skin-terminal input[type="url"],
.sitezen-skin-terminal input[type="search"], .sitezen-skin-terminal textarea { border-radius: 0; border-style: dashed; }
.sitezen-skin-terminal .single-post-article, .sitezen-skin-terminal .page-article, .sitezen-skin-terminal .comments-area,
.sitezen-skin-terminal .list-item, .sitezen-skin-terminal .strip-card, .sitezen-skin-terminal .ov-item, .sitezen-skin-terminal .tag-links a { border-radius: 0; }
.sitezen-skin-terminal .entry-content { font-size: .95rem; }
.sitezen-skin-terminal .to-top { background: var(--sz-red); color: #0A0A0A; border-radius: 0; }
.sitezen-skin-terminal .to-top::after { display: none; }
.sitezen-skin-terminal ::selection { background: var(--sz-red); color: #0A0A0A; }

/* =========================================================
   SKIN: AURORA — soft gradient background, frosted glass
   cards, Outfit + Inter, lavender/teal
   ========================================================= */
body.sitezen-skin-aurora {
  --f-serif: 'Outfit', 'Inter', -apple-system, sans-serif;
  --f-sans: 'Inter', -apple-system, 'Segoe UI', sans-serif;
  --sz-red: var(--sz-accent, #6D5BD0);
  --sz-hi: #22B8A8;
  --sz-paper: #F3F1FB; --sz-card: #FFFFFF; --sz-ink: #1D1A33; --sz-ink-2: #15122B;
  --sz-mut: #6C6884; --sz-line: #E2DEF3; --radius: 20px;
  --shadow: 0 24px 56px rgba(109, 91, 208, .18);
  background-image: radial-gradient(900px 560px at 8% -60px, #D9CFFF 0%, transparent 100%),
                    radial-gradient(760px 480px at 100% 60px, #BFF1EA 0%, transparent 100%),
                    radial-gradient(700px 420px at 60% 900px, #FFD9E8 0%, transparent 100%);
  background-repeat: no-repeat;
}
body.sz-dark.sitezen-skin-aurora {
  background-image: radial-gradient(900px 560px at 8% -60px, #2A2160 0%, transparent 100%),
                    radial-gradient(760px 480px at 100% 60px, #0E3B3A 0%, transparent 100%),
                    radial-gradient(700px 420px at 60% 900px, #3A1A33 0%, transparent 100%);
}
.sitezen-skin-aurora .topbar { background: transparent; color: var(--sz-mut); }
.sitezen-skin-aurora .top-links a, .sitezen-skin-aurora .top-social a { color: var(--sz-mut); }
.sitezen-skin-aurora .masthead { padding: 34px 0 20px; }
.sitezen-skin-aurora .site-title { font-weight: 700; letter-spacing: -.03em; }
.sitezen-skin-aurora .site-title a { background: linear-gradient(90deg, var(--sz-red), var(--sz-hi)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.sitezen-skin-aurora .site-title a::after { content: ""; }
.sitezen-skin-aurora .site-desc { font-weight: 500; }
.sitezen-skin-aurora .navbar, .sitezen-skin-aurora .card, .sitezen-skin-aurora .widget, .sitezen-skin-aurora .ticker .ticker-in,
.sitezen-skin-aurora .single-post-article, .sitezen-skin-aurora .page-article, .sitezen-skin-aurora .comments-area,
.sitezen-skin-aurora .list-item, .sitezen-skin-aurora .strip-card, .sitezen-skin-aurora .no-results, .sitezen-skin-aurora .author-box {
  background: color-mix(in srgb, var(--sz-card) 62%, transparent); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  border: 1px solid color-mix(in srgb, var(--sz-card) 85%, transparent);
}
.sitezen-skin-aurora .navbar { border-left: 0; border-right: 0; border-top: 0; box-shadow: 0 8px 30px rgba(29, 26, 51, .06); }
.sitezen-skin-aurora .navbar.scrolled { box-shadow: 0 8px 30px rgba(29, 26, 51, .12); }
.sitezen-skin-aurora .site-nav .menu a { font-weight: 600; border-radius: 999px; padding: 8px 14px; margin: 8px 0; }
.sitezen-skin-aurora .site-nav .menu > li:hover > a, .sitezen-skin-aurora .site-nav .menu > li.current-menu-item > a {
  background: color-mix(in srgb, var(--sz-red) 12%, var(--sz-card)); color: var(--sz-red); box-shadow: none;
}
.sitezen-skin-aurora .site-nav .menu > li > a::after { display: none; }
.sitezen-skin-aurora .ticker { background: transparent; border-bottom: 0; }
.sitezen-skin-aurora .ticker .ticker-in { border-radius: 999px; overflow: hidden; margin-top: 16px; min-height: 44px; }
.sitezen-skin-aurora .ticker-label { border-radius: 999px; margin: 4px; padding: 0 16px; background: linear-gradient(90deg, var(--sz-red), var(--sz-hi)); }
.sitezen-skin-aurora .hero-grid { gap: 16px; }
.sitezen-skin-aurora .hero-item { border-radius: 22px; box-shadow: 0 16px 40px rgba(29, 26, 51, .14); }
.sitezen-skin-aurora .hero-item::after { background: linear-gradient(190deg, rgba(21, 18, 43, 0) 25%, rgba(21, 18, 43, .9) 100%); }
.sitezen-skin-aurora .card:hover { box-shadow: var(--shadow); border-color: color-mix(in srgb, var(--sz-red) 35%, transparent); }
.sitezen-skin-aurora .card-title { font-weight: 600; letter-spacing: -.01em; }
.sitezen-skin-aurora .cat-badge { border-radius: 999px; background: color-mix(in srgb, var(--cat, var(--sz-red)) 14%, var(--sz-card)); color: var(--cat, var(--sz-red)); font-weight: 700; }
.sitezen-skin-aurora .cat-badge:hover { filter: none; background: var(--cat, var(--sz-red)); color: #fff; }
.sitezen-skin-aurora .hero-overlay .cat-badge, .sitezen-skin-aurora .ov-body .cat-badge { background: rgba(255, 255, 255, .18); color: #fff; backdrop-filter: blur(6px); }
.sitezen-skin-aurora .sec-title { border-bottom: 0; padding-bottom: 0; font-weight: 700; letter-spacing: -.01em; }
.sitezen-skin-aurora .sec-title::before { border-radius: 999px; width: 10px; background: linear-gradient(180deg, var(--sz-red), var(--sz-hi)); }
.sitezen-skin-aurora .home-section .sec-title { border-bottom: 0; }
.sitezen-skin-aurora .home-section .sec-title::before { background: var(--cat, var(--sz-red)); }
.sitezen-skin-aurora .view-all { background: color-mix(in srgb, var(--sz-card) 70%, transparent); padding: 6px 14px; border-radius: 999px; }
.sitezen-skin-aurora .widget-title { border-bottom-color: color-mix(in srgb, var(--sz-ink) 10%, transparent); font-weight: 700; }
.sitezen-skin-aurora .widget-title::before { border-radius: 999px; background: linear-gradient(180deg, var(--sz-red), var(--sz-hi)); }
.sitezen-skin-aurora .widget ul li, .sitezen-skin-aurora .mini-post { border-bottom-color: color-mix(in srgb, var(--sz-ink) 10%, transparent); }
.sitezen-skin-aurora .mini-thumb { border-radius: 12px; }
.sitezen-skin-aurora .feat-main .card-media { border-radius: 20px; }
.sitezen-skin-aurora .feat-title, .sitezen-skin-aurora .entry-title { font-weight: 700; letter-spacing: -.02em; }
.sitezen-skin-aurora button, .sitezen-skin-aurora input[type="submit"], .sitezen-skin-aurora .btn {
  background: linear-gradient(90deg, var(--sz-red), var(--sz-hi)); border-radius: 999px; color: #fff; box-shadow: 0 10px 24px rgba(109, 91, 208, .25);
}
.sitezen-skin-aurora button:hover, .sitezen-skin-aurora input[type="submit"]:hover, .sitezen-skin-aurora .btn:hover { background: linear-gradient(90deg, var(--sz-hi), var(--sz-red)); }
.sitezen-skin-aurora .nav-search .search-submit, .sitezen-skin-aurora .search-form .search-submit { box-shadow: none; border-radius: 0 999px 999px 0; }
.sitezen-skin-aurora .nav-search .search-field, .sitezen-skin-aurora .search-form .search-field { border-radius: 999px 0 0 999px; }
.sitezen-skin-aurora input[type="text"], .sitezen-skin-aurora input[type="email"], .sitezen-skin-aurora input[type="url"],
.sitezen-skin-aurora textarea { border-radius: 14px; background: color-mix(in srgb, var(--sz-card) 70%, transparent); }
.sitezen-skin-aurora .page-numbers { border-radius: 999px; background: color-mix(in srgb, var(--sz-card) 62%, transparent); }
.sitezen-skin-aurora .tag-links a { border-radius: 999px; }
.sitezen-skin-aurora .to-top { background: linear-gradient(135deg, var(--sz-red), var(--sz-hi)); }
.sitezen-skin-aurora .site-footer { background: #15122B; }

/* =========================================================
   SKIN: PLAYGROUND — kids & family: Fredoka + Nunito,
   rainbow lines, bright blue, bouncy cards
   ========================================================= */
body.sitezen-skin-playground {
  --f-serif: 'Fredoka', 'Baloo 2', -apple-system, sans-serif;
  --f-sans: 'Nunito', 'Inter', -apple-system, sans-serif;
  --sz-red: var(--sz-accent, #2F80ED);
  --sz-hi: #FFC83D;
  --sz-rainbow: linear-gradient(90deg, #FF5C5C, #FFC83D, #4CD964, #2F80ED, #9B59B6);
  --sz-paper: #F4F9FF; --sz-card: #FFFFFF; --sz-ink: #1D2B48; --sz-ink-2: #16223A;
  --sz-mut: #6B7A99; --sz-line: #DCE8F7; --radius: 18px;
  --shadow: 0 18px 44px rgba(47, 128, 237, .16);
}
body.sitezen-skin-playground::before { background: var(--sz-rainbow); height: 5px; }
.sitezen-skin-playground .topbar { background: var(--sz-ink); }
.sitezen-skin-playground .top-date::before { background: var(--sz-hi); }
.sitezen-skin-playground .masthead { padding: 34px 0 20px; }
.sitezen-skin-playground .site-title { font-weight: 700; font-size: clamp(2.3rem, 6vw, 3.8rem); }
.sitezen-skin-playground .site-title a { background: var(--sz-rainbow); -webkit-background-clip: text; background-clip: text; color: transparent; }
.sitezen-skin-playground .site-title a::after { content: ""; }
.sitezen-skin-playground .site-desc { font-weight: 700; }
.sitezen-skin-playground .navbar { border-bottom: 4px solid; border-image: var(--sz-rainbow) 1; }
.sitezen-skin-playground .site-nav .menu { gap: 4px; }
.sitezen-skin-playground .site-nav .menu a { border-radius: 999px; padding: 8px 16px; margin: 8px 0; font-weight: 800; font-family: var(--f-serif); font-size: 1rem; }
.sitezen-skin-playground .site-nav .menu > li:hover > a, .sitezen-skin-playground .site-nav .menu > li.current-menu-item > a {
  background: var(--sz-hi); color: var(--sz-ink); box-shadow: none;
}
.sitezen-skin-playground .site-nav .menu > li > a::after { display: none; }
.sitezen-skin-playground .ticker { background: var(--sz-card); border-bottom: 2px solid var(--sz-line); }
.sitezen-skin-playground .ticker-label { background: var(--sz-hi); color: var(--sz-ink); border-radius: 999px; margin: 6px 0; font-family: var(--f-serif); }
.sitezen-skin-playground .ticker-label::before { background: var(--sz-ink); }
.sitezen-skin-playground .ticker-move a::before { content: "★"; color: var(--sz-hi); font-size: .8em; }
.sitezen-skin-playground .hero-grid { gap: 16px; }
.sitezen-skin-playground .hero-item { border-radius: 22px; border: 4px solid var(--sz-card); box-shadow: 0 10px 26px rgba(47, 128, 237, .14); }
.sitezen-skin-playground .card { border: 2px solid var(--sz-line); border-bottom-width: 5px; box-shadow: none; }
.sitezen-skin-playground .card:hover { border-color: var(--sz-red); transform: translateY(-5px) rotate(.6deg); box-shadow: var(--shadow); }
.sitezen-skin-playground .card:nth-child(3n+1):hover { border-color: #FF5C5C; }
.sitezen-skin-playground .card:nth-child(3n+2):hover { border-color: #4CD964; }
.sitezen-skin-playground .card-title { font-weight: 700; font-size: 1.25rem; line-height: 1.35; }
.sitezen-skin-playground .card .card-media { border-radius: 16px 16px 0 0; }
.sitezen-skin-playground .feat-main .card-media { border-radius: 18px; }
.sitezen-skin-playground .cat-badge { border-radius: 999px; font-weight: 800; padding: 4px 13px; font-family: var(--f-serif); }
.sitezen-skin-playground .sec-title { border-bottom: 0; padding-bottom: 0; font-weight: 700; font-size: 1.55rem; }
.sitezen-skin-playground .sec-title::before { width: 22px; height: 22px; background: var(--sz-hi); border-radius: 0; clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }
.sitezen-skin-playground .home-section .sec-title { border-bottom: 0; }
.sitezen-skin-playground .home-section .sec-title::before { background: var(--cat, var(--sz-hi)); }
.sitezen-skin-playground .view-all { background: var(--sz-hi); color: var(--sz-ink); padding: 6px 14px; border-radius: 999px; font-family: var(--f-serif); font-size: .9rem; }
.sitezen-skin-playground .view-all:hover { text-decoration: none; background: var(--sz-ink); color: #fff; }
.sitezen-skin-playground .widget { border: 2px solid var(--sz-line); border-bottom-width: 5px; }
.sitezen-skin-playground .widget-title { border-bottom: 2px dashed var(--sz-line); font-weight: 700; font-size: 1.15rem; }
.sitezen-skin-playground .widget-title::before { width: 16px; height: 16px; background: var(--sz-hi); border-radius: 0; clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }
.sitezen-skin-playground .mini-thumb { border-radius: 12px; }
.sitezen-skin-playground .feat-title, .sitezen-skin-playground .entry-title { font-weight: 700; }
.sitezen-skin-playground .single-post-article, .sitezen-skin-playground .page-article, .sitezen-skin-playground .comments-area,
.sitezen-skin-playground .list-item, .sitezen-skin-playground .strip-card { border: 2px solid var(--sz-line); border-bottom-width: 5px; }
.sitezen-skin-playground button, .sitezen-skin-playground input[type="submit"], .sitezen-skin-playground .btn {
  border-radius: 999px; background: var(--sz-hi); color: var(--sz-ink); font-family: var(--f-serif); font-size: 1rem; font-weight: 700;
}
.sitezen-skin-playground button:hover, .sitezen-skin-playground input[type="submit"]:hover, .sitezen-skin-playground .btn:hover { background: var(--sz-ink); color: #fff; }
.sitezen-skin-playground .nav-search .search-submit { background: var(--sz-hi); color: var(--sz-ink); }
.sitezen-skin-playground .page-numbers, .sitezen-skin-playground .tag-links a { border-radius: 999px; }
.sitezen-skin-playground .page-numbers.current { background: var(--sz-hi); border-color: var(--sz-hi); color: var(--sz-ink); }
.sitezen-skin-playground input[type="text"], .sitezen-skin-playground input[type="email"], .sitezen-skin-playground input[type="url"],
.sitezen-skin-playground input[type="search"], .sitezen-skin-playground textarea { border-radius: 14px; border: 2px solid var(--sz-line); }
.sitezen-skin-playground .search-form .search-field, .sitezen-skin-playground .nav-search .search-field { border-radius: 999px 0 0 999px; }
.sitezen-skin-playground .search-form .search-submit, .sitezen-skin-playground .nav-search .search-submit { border-radius: 0 999px 999px 0; }
.sitezen-skin-playground .nav-search .search-field { border-width: 1px; }
.sitezen-skin-playground .to-top { background: var(--sz-hi); color: var(--sz-ink); }
.sitezen-skin-playground .site-footer { background: #1D2B48; }
.sitezen-skin-playground .foot-shell::before { background: var(--sz-rainbow); }

/* =========================================================
   SKIN: INK — zen editorial: Shippori Mincho + Zen Kaku
   Gothic, vermilion seal, square marks, generous space
   ========================================================= */
body.sitezen-skin-ink {
  --f-serif: 'Shippori Mincho', 'Noto Serif JP', Georgia, serif;
  --f-sans: 'Zen Kaku Gothic New', 'Inter', -apple-system, sans-serif;
  --sz-red: var(--sz-accent, #B3261E);
  --sz-paper: #FBFAF6; --sz-card: #FFFFFF; --sz-ink: #1B1B1B; --sz-ink-2: #262626;
  --sz-mut: #77736C; --sz-line: #E4E1D9; --radius: 0px;
  --shadow: 0 12px 32px rgba(0, 0, 0, .08);
}
.sitezen-skin-ink .wrap { max-width: 1100px; }
.sitezen-skin-ink .topbar { background: transparent; color: var(--sz-mut); border-bottom: 1px solid var(--sz-line); font-size: .74rem; letter-spacing: .08em; }
.sitezen-skin-ink .top-links a, .sitezen-skin-ink .top-social a { color: var(--sz-mut); }
.sitezen-skin-ink .top-date::before { border-radius: 0; }
.sitezen-skin-ink .masthead { padding: 52px 0 34px; }
.sitezen-skin-ink .site-title { font-weight: 700; letter-spacing: .12em; font-size: clamp(2rem, 5vw, 3.2rem); }
.sitezen-skin-ink .site-title a::after {
  content: ""; display: inline-block; width: .42em; height: .42em; margin-left: .22em; vertical-align: .06em;
  background: var(--sz-red); border-radius: 2px;
}
.sitezen-skin-ink .site-desc { letter-spacing: .3em; font-size: .68rem; text-transform: uppercase; margin-top: 12px; }
.sitezen-skin-ink .navbar { background: var(--sz-paper); border-top: 1px solid var(--sz-ink); border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-ink .site-nav .menu { justify-content: center; }
.sitezen-skin-ink .site-nav .menu a { font-weight: 500; letter-spacing: .16em; font-size: .78rem; text-transform: uppercase; padding: 17px 18px; }
.sitezen-skin-ink .site-nav .menu > li.current-menu-item > a { box-shadow: inset 0 -2px 0 var(--sz-red); }
.sitezen-skin-ink .ticker { background: transparent; border-bottom: 1px solid var(--sz-line); }
.sitezen-skin-ink .ticker-label { background: transparent; color: var(--sz-red); padding-left: 0; letter-spacing: .2em; font-size: .68rem; text-transform: uppercase; }
.sitezen-skin-ink .ticker-label::before { border-radius: 0; background: var(--sz-red); }
.sitezen-skin-ink .ticker-move a { font-family: var(--f-serif); }
.sitezen-skin-ink .ticker-move a::before { content: "・"; color: var(--sz-mut); font-size: 1em; }
.sitezen-skin-ink .hero { margin-top: 40px; }
.sitezen-skin-ink .hero-grid { gap: 8px; }
.sitezen-skin-ink .hero-item { border-radius: 0; }
.sitezen-skin-ink .hero-title { font-weight: 600; line-height: 1.5; }
.sitezen-skin-ink .layout { margin-top: 48px; gap: 48px; }
.sitezen-skin-ink .card { border: 0; background: transparent; border-radius: 0; overflow: visible; }
.sitezen-skin-ink .card:hover { transform: none; box-shadow: none; }
.sitezen-skin-ink .card-grid { gap: 36px 28px; }
.sitezen-skin-ink .card-media { border-radius: 0; }
.sitezen-skin-ink .card-body { padding: 16px 0 6px; gap: 10px; }
.sitezen-skin-ink .card-title { font-weight: 600; font-size: 1.22rem; line-height: 1.5; }
.sitezen-skin-ink .cat-badge {
  background: var(--cat, var(--sz-red)); color: #fff; border-radius: 2px; font-size: .62rem; letter-spacing: .12em;
  text-transform: uppercase; padding: 3px 8px; font-weight: 700;
}
.sitezen-skin-ink .meta { font-size: .74rem; letter-spacing: .06em; }
.sitezen-skin-ink .sec-title { border-bottom: 0; padding-bottom: 0; margin-bottom: 26px; font-weight: 600; letter-spacing: .1em; font-size: 1.05rem; }
.sitezen-skin-ink .sec-title::before { width: 3px; height: 22px; background: var(--sz-ink); border-radius: 0; }
.sitezen-skin-ink .home-section .sec-title { border-bottom: 0; }
.sitezen-skin-ink .home-section .sec-title::before { background: var(--cat, var(--sz-ink)); }
.sitezen-skin-ink .home-section { margin-top: 56px; }
.sitezen-skin-ink .view-all { letter-spacing: .14em; font-size: .68rem; text-transform: uppercase; font-weight: 500; }
.sitezen-skin-ink .widget { background: transparent; border: 0; border-top: 1px solid var(--sz-ink); border-radius: 0; padding: 20px 0 8px; margin-bottom: 30px; }
.sitezen-skin-ink .widget-title { border-bottom: 0; padding-bottom: 6px; font-weight: 600; letter-spacing: .14em; font-size: .82rem; text-transform: uppercase; }
.sitezen-skin-ink .widget-title::before { width: 3px; height: 16px; background: var(--sz-red); border-radius: 0; }
.sitezen-skin-ink .widget ul li, .sitezen-skin-ink .mini-post { border-bottom-style: solid; }
.sitezen-skin-ink .mini-thumb, .sitezen-skin-ink .feat-main .card-media { border-radius: 0; }
.sitezen-skin-ink .feat-title { font-weight: 600; font-size: 1.6rem; line-height: 1.4; }
.sitezen-skin-ink .entry-title { font-weight: 600; letter-spacing: .02em; line-height: 1.5; }
.sitezen-skin-ink .entry-content { line-height: 1.95; }
.sitezen-skin-ink .single-post-article, .sitezen-skin-ink .page-article, .sitezen-skin-ink .comments-area {
  border: 0; border-top: 1px solid var(--sz-ink); border-radius: 0; padding-left: 0; padding-right: 0; background: transparent;
}
.sitezen-skin-ink .entry-content blockquote { background: transparent; border-left: 3px solid var(--sz-red); border-radius: 0; }
.sitezen-skin-ink button, .sitezen-skin-ink input[type="submit"], .sitezen-skin-ink .btn {
  border-radius: 2px; letter-spacing: .14em; font-size: .74rem; text-transform: uppercase; padding: 13px 24px;
}
.sitezen-skin-ink .page-numbers, .sitezen-skin-ink input[type="text"], .sitezen-skin-ink input[type="email"], .sitezen-skin-ink input[type="url"],
.sitezen-skin-ink input[type="search"], .sitezen-skin-ink textarea, .sitezen-skin-ink .list-item, .sitezen-skin-ink .strip-card,
.sitezen-skin-ink .tag-links a { border-radius: 2px; }
.sitezen-skin-ink .to-top { border-radius: 2px; }
.sitezen-skin-ink .to-top::after { display: none; }

/* Condensed-caps skins: keep hero headlines in check on phones */
@media (max-width: 600px) {
  .sitezen-skin-cinema .hero-title, .sitezen-skin-tabloid .hero-title { font-size: 1.15rem; }
  .sitezen-skin-cinema .hero-item:first-child .hero-title,
  .sitezen-skin-tabloid .hero-item:first-child .hero-title { font-size: 1.45rem; }
  .sitezen-skin-cinema .card-title, .sitezen-skin-tabloid .card-title { font-size: 1.2rem; }
  .sitezen-skin-cinema .site-title { font-size: clamp(2.2rem, 11vw, 3rem); }
}

/* ---------------------------------------------------------
   Skin responsive tweaks
   --------------------------------------------------------- */
@media (max-width: 860px) {
  .sz-dark .site-nav { background: #0B1017; border-color: var(--sz-line); }
  .sz-nav-light .site-nav {
    background: var(--sz-card); border-color: var(--sz-line);
    box-shadow: 0 18px 30px rgba(0, 0, 0, .14);
  }
  .sz-nav-light .site-nav .menu li { border-color: var(--sz-line); }
  .sz-nav-light .site-nav .menu ul a { color: var(--sz-mut); }
  .sz-nav-light .site-nav .menu ul { background: rgba(0, 0, 0, .04); }
  .sz-nav-light .sub-toggle { background: rgba(0, 0, 0, .06); color: var(--sz-ink); }
  .sz-nav-light .site-nav .menu > li.current-menu-item > a { box-shadow: inset 3px 0 0 var(--sz-red); }
  .sz-nav-light .site-nav .menu a { padding: 13px 20px; margin: 0; border-radius: 0; }
  .sz-nav-light .site-nav .menu { justify-content: flex-start; }
}
@media (max-width: 760px) {
  .sitezen-skin-magazine .hero-item:first-child,
  .sz-hero-cover .hero-item:first-child,
  .hero-cover .hero-item:first-child { grid-row: span 2; min-height: 0; }
  .sitezen-skin-magazine .sec-title::before, .sitezen-skin-magazine .sec-title::after { width: 34px; }
}

/* =========================================================
   17. Premium polish & all-device responsive
   ========================================================= */

/* Brand hairline across the very top (hidden on single posts,
   where the reading-progress bar takes its place) */
body::before {
  content: ""; position: fixed; inset: 0 0 auto 0; height: 3px;
  background: var(--sz-red); z-index: 125; pointer-events: none;
}
body.single::before { display: none; }

/* Reading progress (single posts) */
.read-progress {
  position: fixed; inset: 0 0 auto 0; height: 3px; z-index: 130;
  display: none; pointer-events: none;
}
.single .read-progress { display: block; }
.read-progress span {
  display: block; height: 100%; width: 0;
  background: var(--sz-red); transition: width .1s linear;
}

/* Balanced headlines where supported */
h1, h2, h3, .hero-title, .card-title, .feat-title { text-wrap: balance; }

/* Scroll-reveal (activated by JS via body.sz-anim; reduced motion never gets it) */
body.sz-anim .card, body.sz-anim .hero-item, body.sz-anim .feat-main,
body.sz-anim .widget, body.sz-anim .home-section .mini-post { opacity: 0; }
body.sz-anim .sz-in { animation: sz-reveal .65s cubic-bezier(.2, .65, .2, 1) both; }
@keyframes sz-reveal {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: none; }
}

/* Refined motion + layered shadows */
.card { transition: transform .3s cubic-bezier(.2, .65, .2, 1), box-shadow .3s cubic-bezier(.2, .65, .2, 1), border-color .2s; }
.card:hover { box-shadow: 0 2px 6px rgba(16, 20, 24, .06), 0 20px 44px rgba(16, 20, 24, .15); }
.card-media img { transition: transform .6s cubic-bezier(.2, .65, .2, 1); }
button, input[type="submit"], .btn { letter-spacing: .01em; }

/* Animated menu underline (pointer devices only) */
@media (hover: hover) {
  .site-nav .menu > li > a { position: relative; }
  .site-nav .menu > li > a::after {
    content: ""; position: absolute; left: 15px; right: 15px; bottom: 9px;
    height: 2px; background: var(--sz-red); border-radius: 2px;
    transform: scaleX(0); transform-origin: left;
    transition: transform .28s cubic-bezier(.2, .65, .2, 1);
  }
  .site-nav .menu > li:hover > a::after,
  .site-nav .menu > li > a:focus-visible::after { transform: scaleX(1); }
}

/* Back-to-top scroll-progress ring */
.to-top { overflow: visible; }
.to-top::after {
  content: ""; position: absolute; inset: -5px; border-radius: 50%;
  background: conic-gradient(var(--sz-red) calc(var(--p, 0) * 1%), rgba(0, 0, 0, .14) 0);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3.5px), #000 calc(100% - 3px));
          mask: radial-gradient(farthest-side, transparent calc(100% - 3.5px), #000 calc(100% - 3px));
}
.sz-dark .to-top::after,
.sitezen-skin-lifestyle .to-top::after {
  background: conic-gradient(#fff calc(var(--p, 0) * 1%), rgba(255, 255, 255, .28) 0);
}

/* Themed scrollbar (uses skin tokens, so dark mode adapts) */
html { scrollbar-color: color-mix(in srgb, var(--sz-mut) 55%, transparent) transparent; scrollbar-width: thin; }
::-webkit-scrollbar { width: 11px; height: 11px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--sz-mut) 45%, transparent);
  border-radius: 8px; border: 3px solid var(--sz-paper);
}
::-webkit-scrollbar-thumb:hover { background: var(--sz-red); }

/* Magazine skin keeps its taller cover rows */
.sitezen-skin-magazine .hero-grid { grid-auto-rows: clamp(185px, 15vw, 212px); }

/* ------------------- Large screens (1500px+) ------------------- */
@media (min-width: 1500px) {
  .wrap { max-width: 1320px; }
  .layout { grid-template-columns: minmax(0, 1fr) 360px; gap: 44px; }
  .hero-grid { grid-auto-rows: 238px; }
  .sitezen-skin-magazine .hero-item:first-child,
  .sz-hero-cover .hero-item:first-child,
  .hero-cover .hero-item:first-child { grid-row: span 2; }
}

/* ------------------- Tablets: scrollable tables ---------------- */
@media (max-width: 760px) {
  .entry-content table { display: block; overflow-x: auto; white-space: nowrap; }
}

/* ------------------- Phones: swipeable hero carousel ----------- */
@media (max-width: 600px) {
  .hero-grid {
    display: grid; grid-auto-flow: column; grid-auto-columns: 84%;
    grid-template-columns: none; grid-auto-rows: auto;
    overflow-x: auto; scroll-snap-type: x mandatory;
    gap: 12px; padding-bottom: 8px;
    -webkit-overflow-scrolling: touch; scrollbar-width: none;
  }
  .hero-grid::-webkit-scrollbar { display: none; }
  .hero-item, .hero-item:first-child {
    grid-column: auto !important; grid-row: auto !important;
    scroll-snap-align: center; min-height: 240px !important;
  }
}

/* ------------------- Small phones (≤400px) --------------------- */
@media (max-width: 400px) {
  .site-title { font-size: clamp(1.8rem, 9vw, 2.2rem); }
  .masthead { padding: 20px 0 14px; }
  .hero-item, .hero-item:first-child { min-height: 215px !important; }
  .hero-grid { grid-auto-columns: 88%; }
  .card-body { padding: 14px 14px 16px; }
  .ticker-label { padding: 0 10px; font-size: .74rem; }
  .to-top { width: 42px; height: 42px; }
  .widget { padding: 16px 15px 12px; }
}

/* ------------------- Print ------------------------------------- */
@media print {
  body::before, .read-progress, .topbar, .navbar, .ticker, .sidebar,
  .site-footer, .to-top, .post-navigation, .related-posts,
  .comments-area, .nav-search, #sz-skins { display: none !important; }
  body { background: #fff; color: #000; }
  .layout { display: block; }
  .card, .single-post-article, .page-article { border: 0; box-shadow: none; }
  a { color: #000; }
}

/* =========================================================
   18. Social icons, footer CTA & topic blocks
   ========================================================= */
body.sz-no-topline::before { display: none; }

/* Guard: hide "Custom Sidebars" plugin explain/debug output (.cs-infos is its real wrapper) */
body .cs-infos, .cs-explain, #cs-explain { display: none !important; }

.social-links { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.social-links a {
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; border-radius: 50%;
  background: rgba(255, 255, 255, .09); color: #C8CCD2;
  transition: background .2s, color .2s, transform .2s;
}
.social-links a:hover { background: var(--sz-red); color: #fff; transform: translateY(-2px); }
.social-links svg { width: 14px; height: 14px; }

.top-right { display: flex; align-items: center; gap: 16px; }
.top-social { gap: 4px; }
.top-social a { width: 26px; height: 26px; background: transparent; }
.top-social a:hover { background: rgba(255, 255, 255, .14); color: #fff; transform: none; }
.top-social svg { width: 13px; height: 13px; }

.foot-cta { border-bottom: 1px solid var(--sz-line-dark); }
.foot-cta-in {
  display: flex; align-items: center; justify-content: space-between;
  gap: 18px 28px; flex-wrap: wrap; padding-top: 34px; padding-bottom: 34px;
}
.foot-cta-txt h2 {
  margin: 0 0 6px; color: #fff;
  font-size: clamp(1.3rem, 2.6vw, 1.7rem);
}
.foot-cta-txt p { margin: 0; color: #A9AFB8; font-size: .92rem; max-width: 54ch; }
.foot-cta-act { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.foot-cta .social-links a { width: 40px; height: 40px; }
.foot-cta .social-links svg { width: 17px; height: 17px; }
.btn.foot-rss svg { width: 14px; height: 14px; }
.foot-social { margin-top: 14px; }

.foot-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.foot-tags a {
  background: rgba(255, 255, 255, .08); color: #C8CCD2;
  padding: 6px 13px; border-radius: 999px;
  font-size: .8rem; font-weight: 600; line-height: 1.5;
  transition: background .2s, color .2s;
}
.foot-tags a:hover { background: var(--sz-red); color: #fff; }
.sitezen-skin-magazine .foot-tags a { border-radius: 3px; }
.sitezen-skin-sports .foot-tags a { border-radius: 4px; text-transform: uppercase; font-size: .74rem; letter-spacing: .04em; }
.sitezen-skin-tech .foot-cta-txt h2 { font-family: var(--f-serif); }

@media (max-width: 600px) {
  .top-social { display: none; }
  .foot-cta-in { padding-top: 26px; padding-bottom: 26px; }
}

/* =========================================================
   19. Color palettes — combine with any layout skin.
       5 layouts x 13 palettes = 65 built-in designs.
       Dark palettes pair with the shared .sz-dark component
       overrides (added automatically via body class).
   ========================================================= */
body.sitezen-pal-crimson  { --sz-red: var(--sz-accent, #C21E2C); --sz-paper: #F7F6F2; --sz-card: #FFFFFF; --sz-ink: #191D24; --sz-ink-2: #22262E; --sz-mut: #6B7078; --sz-line: #E5E2DA; }
body.sitezen-pal-ocean    { --sz-red: var(--sz-accent, #0E63C4); --sz-paper: #F2F6FA; --sz-card: #FFFFFF; --sz-ink: #16222F; --sz-ink-2: #101B26; --sz-mut: #5E6C7C; --sz-line: #DCE4EC; }
body.sitezen-pal-emerald  { --sz-red: var(--sz-accent, #0F8A4F); --sz-paper: #F2F7F3; --sz-card: #FFFFFF; --sz-ink: #14231B; --sz-ink-2: #0F1D15; --sz-mut: #5D6E63; --sz-line: #DAE6DD; }
body.sitezen-pal-royal    { --sz-red: var(--sz-accent, #5B2EC9); --sz-paper: #F6F4FB; --sz-card: #FFFFFF; --sz-ink: #1D1830; --sz-ink-2: #171228; --sz-mut: #6B6580; --sz-line: #E2DDF0; }
body.sitezen-pal-sunset   { --sz-red: var(--sz-accent, #E4572E); --sz-paper: #FBF4EE; --sz-card: #FFFFFF; --sz-ink: #2A1E16; --sz-ink-2: #221811; --sz-mut: #83715F; --sz-line: #EFDFD3; }
body.sitezen-pal-rose     { --sz-red: var(--sz-accent, #C2185B); --sz-paper: #FBF2F5; --sz-card: #FFFFFF; --sz-ink: #2B1A21; --sz-ink-2: #23151B; --sz-mut: #83636F; --sz-line: #F0DAE2; }
body.sitezen-pal-teal     { --sz-red: var(--sz-accent, #0E7C86); --sz-paper: #F0F6F6; --sz-card: #FFFFFF; --sz-ink: #12262A; --sz-ink-2: #0D1E22; --sz-mut: #5A7175; --sz-line: #D8E6E6; }
body.sitezen-pal-amber    { --sz-red: var(--sz-accent, #C77F00); --sz-paper: #FBF6EA; --sz-card: #FFFFFF; --sz-ink: #2A2312; --sz-ink-2: #221C0E; --sz-mut: #7E7355; --sz-line: #EEE2C8; }
body.sitezen-pal-slate    { --sz-red: var(--sz-accent, #33415C); --sz-paper: #F4F5F7; --sz-card: #FFFFFF; --sz-ink: #16202E; --sz-ink-2: #101825; --sz-mut: #66707E; --sz-line: #DFE3E9; }
body.sitezen-pal-midnight { --sz-red: var(--sz-accent, #4EA1FF); --sz-paper: #0D1220; --sz-card: #151C2E; --sz-ink: #E7ECF6; --sz-ink-2: #101728; --sz-mut: #8B96AC; --sz-line: #26304A; --sz-line-dark: rgba(255, 255, 255, .08); --shadow: 0 16px 36px rgba(0, 0, 0, .55); }
body.sitezen-pal-forest   { --sz-red: var(--sz-accent, #4CC38A); --sz-paper: #0C1512; --sz-card: #12211B; --sz-ink: #E4F0E9; --sz-ink-2: #0E1A15; --sz-mut: #86A093; --sz-line: #23382E; --sz-line-dark: rgba(255, 255, 255, .08); --shadow: 0 16px 36px rgba(0, 0, 0, .55); }
body.sitezen-pal-noir     { --sz-red: var(--sz-accent, #E3B341); --sz-paper: #101010; --sz-card: #1A1A1A; --sz-ink: #EDEDED; --sz-ink-2: #141414; --sz-mut: #9A9A9A; --sz-line: #2B2B2B; --sz-line-dark: rgba(255, 255, 255, .08); --shadow: 0 16px 36px rgba(0, 0, 0, .55); }

/* Lifestyle keeps its warm dark footer only on light palettes */
.sz-dark.sitezen-skin-lifestyle .site-footer { background: #070B11; }

/* =========================================================
   20. Options layer: footer designs, share row, header toggles
   ========================================================= */
/* Header toggles */
.sz-no-sticky .navbar { position: static; }
.sz-no-sticky.admin-bar .navbar { top: auto; }
.sz-no-dates .meta time, .sz-no-dates .mini-date, .sz-no-dates .hero-meta { display: none; }
.top-left { display: flex; align-items: center; gap: 14px; min-width: 0; }
.top-msg { opacity: .85; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Share row (single posts) */
.share-row {
  display: flex; align-items: center; flex-wrap: wrap; gap: 9px;
  margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--sz-line);
}
.share-label { font-weight: 700; font-size: .88rem; margin-right: 3px; }
.share-btn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; border-radius: 50%; padding: 0; position: relative;
  background: #F1EFE8; color: var(--sz-ink); border: 0; cursor: pointer;
  transition: background .2s, color .2s, transform .2s;
}
.share-btn:hover { background: var(--sz-red); color: #fff; transform: translateY(-2px); }
.share-btn svg { width: 16px; height: 16px; fill: currentColor; }
.sz-dark .share-btn { background: rgba(255, 255, 255, .09); }
.sitezen-skin-magazine .share-btn { border-radius: 3px; }
.sz-copy-done {
  position: absolute; left: 50%; top: -30px; transform: translateX(-50%) translateY(4px);
  background: var(--sz-ink); color: var(--sz-paper); font-size: .7rem; font-weight: 700;
  padding: 3px 9px; border-radius: 6px; white-space: nowrap;
  opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s;
}
.sz-copy.copied .sz-copy-done { opacity: 1; transform: translateX(-50%) translateY(0); }

/* ---------- Footer design: SPLIT ---------- */
@media (min-width: 921px) {
  .sz-footer-split .foot-grid { grid-template-columns: 1.5fr 1fr 1fr 1fr; }
}
.sz-footer-split .foot-about .foot-logo { font-size: 2rem; }
.sz-footer-split .foot-about p { max-width: 36ch; }

/* ---------- Footer design: BOXED ---------- */
.sz-footer-boxed .site-footer {
  background: transparent; margin-top: 46px;
  padding-left: max(14px, env(safe-area-inset-left));
  padding-right: max(14px, env(safe-area-inset-right));
}
.sz-footer-boxed .foot-shell {
  max-width: 1180px; margin: 0 auto 26px;
  background: var(--sz-ink); border-radius: 26px;
  overflow: hidden; box-shadow: var(--shadow);
}
body.sz-dark.sz-footer-boxed .foot-shell { background: #070B11; }
body.sz-dark.sz-footer-boxed .site-footer { background: transparent; }
body.sitezen-skin-lifestyle.sz-footer-boxed .foot-shell { background: #2B241B; }
body.sitezen-skin-lifestyle.sz-footer-boxed .site-footer { background: transparent; }
body.sz-dark.sitezen-skin-lifestyle.sz-footer-boxed .foot-shell { background: #070B11; }

/* ---------- Footer design: CENTERED ---------- */
.foot-center {
  display: flex; flex-direction: column; align-items: center; text-align: center;
  gap: 15px; padding-top: 46px; padding-bottom: 34px;
}
.foot-center .foot-logo { font-family: var(--f-serif); font-weight: 800; font-size: 2rem; color: #fff; }
.foot-center .foot-logo::after { content: "."; color: var(--sz-red); }
.sitezen-skin-magazine .foot-center .foot-logo::after { content: ""; }
.foot-center p { margin: 0; max-width: 54ch; font-size: .92rem; line-height: 1.85; }
.foot-center .foot-menu { justify-content: center; }
.sz-footer-centered .foot-bottom-in { justify-content: center; text-align: center; }

/* ---------- Footer design: MINIMAL ---------- */
.sz-footer-minimal .site-footer { margin-top: 36px; }
.sz-footer-minimal .foot-bottom { border-top: 0; }
.sz-footer-minimal .foot-bottom-in { padding-top: 22px; padding-bottom: 22px; }
.foot-social-min a { width: 28px; height: 28px; }
.foot-social-min svg { width: 13px; height: 13px; }

/* =========================================================
   21. Homepage block styles (10 section designs)
   ========================================================= */

/* ---- List: horizontal rows ---- */
.sec-list { display: grid; gap: 16px; }
.list-item {
  display: grid; grid-template-columns: 230px 1fr; gap: 18px;
  background: var(--sz-card); border: 1px solid var(--sz-line);
  border-radius: var(--radius); overflow: hidden;
  transition: transform .3s cubic-bezier(.2, .65, .2, 1), box-shadow .3s;
}
.list-item:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.list-thumb { position: relative; background: #E9E7E0; min-height: 150px; }
.list-thumb img, .list-thumb .ph-thumb { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.list-body { padding: 15px 17px 15px 0; display: flex; flex-direction: column; gap: 8px; justify-content: center; }
.list-title { margin: 0; font-size: 1.08rem; line-height: 1.5; }
.list-title a { color: var(--sz-ink); }
.list-title a:hover { color: var(--cat, var(--sz-red)); }
.list-x { margin: 0; color: var(--sz-mut); font-size: .88rem; line-height: 1.75; }
.sz-dark .list-thumb { background: var(--sz-ink-2); }
.sitezen-skin-magazine .list-item { background: transparent; border: 0; border-top: 1px solid var(--sz-ink); border-radius: 0; }
.sitezen-skin-magazine .list-body { padding-top: 14px; }

/* ---- Overlay tiles + mini mosaic + banner ---- */
.overlay-grid { display: grid; gap: 14px; grid-template-columns: repeat(4, 1fr); }
.mini-mosaic { display: grid; gap: 14px; grid-template-columns: 1fr 1fr; grid-auto-rows: 175px; }
.ov-item {
  position: relative; overflow: hidden; border-radius: var(--radius);
  background: var(--sz-ink-2); min-height: 195px;
}
.ov-item img, .ov-item .ph-thumb {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; transition: transform .55s cubic-bezier(.2, .65, .2, 1);
}
.ov-item:hover img { transform: scale(1.06); }
.ov-item::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(185deg, rgba(12, 14, 18, 0) 34%, rgba(12, 14, 18, .88) 94%);
}
.ov-body {
  position: absolute; inset: auto 0 0 0; z-index: 2;
  padding: 13px 15px; display: flex; flex-direction: column; gap: 6px;
}
.ov-title { margin: 0; font-size: .95rem; line-height: 1.5; font-weight: 700; }
.ov-title a { color: #fff; }
.ov-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.ov-date { color: rgba(255, 255, 255, .75); font-size: .74rem; }
.ov-body .cat-badge { position: relative; z-index: 3; align-self: flex-start; }
.mini-mosaic .ov-item:first-child { grid-row: span 2; }
.mini-mosaic .ov-item:first-child .ov-title { font-size: 1.28rem; }
.banner-item { min-height: clamp(240px, 30vw, 330px); }
.banner-item .ov-body { padding: 20px 24px; }
.banner-item .ov-title { font-size: clamp(1.25rem, 2.6vw, 1.75rem); max-width: 30ch; }

/* ---- Ranked: numbered top 5 ---- */
.rank-list { display: grid; }
.rank-item {
  display: flex; gap: 17px; align-items: baseline;
  padding: 13px 2px; border-bottom: 1px dashed var(--sz-line);
}
.rank-item:last-child { border-bottom: 0; }
.rank-num {
  flex: none; min-width: 42px; text-align: center;
  font-family: var(--f-serif); font-weight: 800; font-size: 2rem; line-height: 1;
  color: var(--cat, var(--sz-red)); opacity: .9;
}
.rank-body h3 { margin: 0; font-size: 1.03rem; line-height: 1.55; font-weight: 700; }
.rank-body h3 a { color: var(--sz-ink); }
.rank-body h3 a:hover { color: var(--cat, var(--sz-red)); }
.rank-body .meta { margin-top: 3px; }

/* ---- Duo: two big stories ---- */
.duo-grid { display: grid; gap: 26px; grid-template-columns: 1fr 1fr; align-items: start; }
.duo-grid .feat-title { font-size: 1.2rem; }

/* ---- Strip: swipeable cards ---- */
.strip-row {
  display: grid; grid-auto-flow: column; grid-auto-columns: 242px;
  gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory;
  padding: 2px 2px 10px; scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}
.strip-card {
  scroll-snap-align: start;
  background: var(--sz-card); border: 1px solid var(--sz-line);
  border-radius: var(--radius); overflow: hidden;
  display: flex; flex-direction: column;
  transition: transform .3s cubic-bezier(.2, .65, .2, 1), box-shadow .3s;
}
.strip-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.strip-thumb { position: relative; aspect-ratio: 16 / 10; background: #E9E7E0; display: block; }
.strip-thumb img, .strip-thumb .ph-thumb { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.strip-body { padding: 12px 13px 15px; display: flex; flex-direction: column; gap: 6px; }
.strip-title { margin: 0; font-size: .92rem; line-height: 1.55; font-weight: 700; }
.strip-title a { color: var(--sz-ink); }
.strip-title a:hover { color: var(--cat, var(--sz-red)); }
.strip-date { color: var(--sz-mut); font-size: .75rem; }
.sz-dark .strip-thumb { background: var(--sz-ink-2); }

/* ---- Headlines: text only ---- */
.headline-list { display: grid; }
.headline-item {
  display: flex; gap: 14px; align-items: baseline; justify-content: space-between;
  padding: 13px 2px; border-bottom: 1px solid var(--sz-line);
  color: var(--sz-ink); font-weight: 700; font-size: 1rem; line-height: 1.55;
}
.headline-item:last-child { border-bottom: 0; }
.headline-item .hl-t { position: relative; padding-left: 18px; }
.headline-item .hl-t::before {
  content: "›"; position: absolute; left: 0; top: -1px;
  color: var(--cat, var(--sz-red)); font-weight: 800;
}
.headline-item:hover { color: var(--cat, var(--sz-red)); }
.hl-d { color: var(--sz-mut); font-weight: 500; font-size: .78rem; white-space: nowrap; }

/* ---- Responsive for the new blocks ---- */
@media (max-width: 920px) {
  .overlay-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) {
  .duo-grid { grid-template-columns: minmax(0, 1fr); }
  .list-item { grid-template-columns: 120px 1fr; }
  .list-thumb { min-height: 104px; }
  .list-body { padding: 11px 13px 11px 0; }
  .list-x { display: none; }
  .list-title { font-size: .98rem; }
  .banner-item .ov-body .cat-badge { display: none; }
}
@media (max-width: 480px) {
  .overlay-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .ov-item { min-height: 150px; }
  .mini-mosaic { grid-auto-rows: 145px; }
  .strip-row { grid-auto-columns: 210px; }
  .rank-num { font-size: 1.6rem; min-width: 34px; }
}

/* =========================================================
   22. Hero designs — 10 layouts x 10 looks = 100 combos
   ========================================================= */

/* ---------------- Layouts ---------------- */
.hero-mosaicr .hero-item:first-child { grid-column: 3 / span 2; }

.hero-split .hero-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 265px; }
.hero-split .hero-item:first-child { grid-column: auto; grid-row: auto; }
.hero-split .hero-item .hero-title { font-size: 1.15rem; }
.hero-split .hero-item:nth-child(-n+2) .hero-title { font-size: clamp(1.2rem, 2vw, 1.5rem); }

.hero-trio .hero-grid { grid-template-columns: repeat(3, 1fr); grid-auto-rows: 335px; }
.hero-trio .hero-item:first-child { grid-column: auto; grid-row: auto; }

.hero-towers .hero-grid { grid-template-columns: repeat(4, 1fr); grid-auto-rows: 390px; }
.hero-towers .hero-item:first-child { grid-column: auto; grid-row: auto; }

.hero-grid6 .hero-grid { grid-template-columns: repeat(3, 1fr); grid-auto-rows: 205px; }
.hero-grid6 .hero-item:first-child { grid-column: auto; grid-row: auto; }

.hero-carousel .hero-grid {
  grid-template-columns: none; grid-auto-flow: column;
  grid-auto-columns: min(560px, 74%); grid-auto-rows: auto;
  overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 10px;
  scrollbar-width: thin; -webkit-overflow-scrolling: touch;
}
.hero-carousel .hero-item, .hero-carousel .hero-item:first-child {
  grid-column: auto; grid-row: auto; min-height: 340px; scroll-snap-align: start;
}
.hero-carousel .hero-item .hero-title { font-size: clamp(1.1rem, 1.8vw, 1.4rem); }

.hero-editor .hero-grid { grid-template-columns: 2fr 1fr; grid-auto-rows: 128px; }
.hero-editor .hero-item:first-child { grid-column: 1; grid-row: 1 / span 4; }
.hero-editor .hero-item:not(:first-child) { grid-column: 2; min-height: 0; }
.hero-editor .hero-item:not(:first-child) .hero-title { font-size: .88rem; }
.hero-editor .hero-item:not(:first-child) .hero-meta,
.hero-editor .hero-item:not(:first-child) .cat-badge { display: none; }
.hero-editor .hero-item:not(:first-child) .hero-overlay { padding: 10px 13px; }

.hero-list .hero-grid { grid-template-columns: 1.7fr 1fr; grid-auto-rows: 100px; }
.hero-list .hero-item:first-child { grid-column: 1; grid-row: 1 / span 4; }
.hero-list .hero-item:not(:first-child) { grid-column: 2; min-height: 0; }
.hero-list .hero-item:not(:first-child) .hero-title { font-size: .85rem; line-height: 1.45; }
.hero-list .hero-item:not(:first-child) .hero-meta,
.hero-list .hero-item:not(:first-child) .cat-badge { display: none; }
.hero-list .hero-item:not(:first-child) .hero-overlay { padding: 9px 12px; }

/* ---------------- Looks ---------------- */
/* Card: caption bar below image */
.look-card .hero-item { background: var(--sz-card); border: 1px solid var(--sz-line); }
.look-card .hero-item::after { display: none; }
.look-card .hero-item img, .look-card .hero-item .ph-thumb { bottom: 34%; height: 66%; }
.look-card .hero-overlay { background: var(--sz-card); padding: 12px 14px; gap: 6px; }
.look-card .hero-title a { color: var(--sz-ink); }
.look-card .hero-title a:hover { color: var(--sz-red); }
.look-card .hero-meta { color: var(--sz-mut); }

/* Glass: frosted panel */
.look-glass .hero-item::after { display: none; }
.look-glass .hero-overlay {
  inset: auto 10px 10px; border-radius: 12px; padding: 12px 14px;
  background: rgba(13, 16, 22, .55); backdrop-filter: blur(9px);
}

/* Frame: accent borders */
.look-frame .hero-item { border: 3px solid var(--sz-red); border-radius: 14px; }
.look-frame .hero-item::after {
  background: linear-gradient(185deg, rgba(12, 14, 18, 0) 44%, rgba(12, 14, 18, .82) 96%);
}

/* Gradient: accent-tinted overlay */
.look-gradient .hero-item::after {
  background: linear-gradient(190deg, rgba(12, 14, 18, 0) 18%, color-mix(in srgb, var(--sz-red) 72%, #06070A) 100%);
}

/* Flat: square editorial */
.look-flat .hero-item { border-radius: 0; border: 1px solid var(--sz-line); }
.look-flat .hero-item::after {
  background: linear-gradient(180deg, rgba(10, 12, 15, 0) 40%, rgba(10, 12, 15, .92) 88%);
}
.look-flat .cat-badge { border-radius: 0; }

/* Tilt: playful hover */
.look-tilt .hero-item { border-radius: 20px; transition: transform .35s cubic-bezier(.2, .65, .2, 1), box-shadow .35s; }
.look-tilt .hero-item:hover { transform: rotate(-1.1deg) scale(1.015); box-shadow: var(--shadow); z-index: 3; }

/* Minimal: thin accent line, no badge */
.look-minimal .cat-badge { display: none; }
.look-minimal .hero-item::before {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px;
  background: var(--sz-red); z-index: 3;
}
.look-minimal .hero-item::after {
  background: linear-gradient(185deg, rgba(12, 14, 18, 0) 48%, rgba(12, 14, 18, .8) 96%);
}
.look-minimal .hero-title { font-weight: 600; }

/* Zoomcap: caption rises on hover (pointer devices only) */
@media (hover: hover) {
  .look-zoomcap .hero-overlay { transform: translateY(26px); transition: transform .35s cubic-bezier(.2, .65, .2, 1); }
  .look-zoomcap .hero-item:hover .hero-overlay { transform: none; }
  .look-zoomcap .hero-meta { opacity: 0; transition: opacity .3s .1s; }
  .look-zoomcap .hero-item:hover .hero-meta { opacity: 1; }
}

/* Numbered: big index digits */
.look-numbered .hero-grid { counter-reset: sz-hero; }
.look-numbered .hero-item::before {
  counter-increment: sz-hero; content: counter(sz-hero, decimal-leading-zero);
  position: absolute; top: 10px; left: 13px; z-index: 3;
  font-family: var(--f-serif); font-weight: 800; font-size: 1.45rem; line-height: 1;
  color: #fff; opacity: .92; text-shadow: 0 2px 10px rgba(0, 0, 0, .55);
}
.look-numbered .hero-item:first-child::before { font-size: 2.1rem; }
.look-numbered.look-numbered .cat-badge { margin-left: 0; }

/* ---------------- Hero layouts: tablets ---------------- */
@media (max-width: 920px) {
  .hero-towers .hero-grid, .hero-grid6 .hero-grid, .hero-trio .hero-grid { grid-template-columns: repeat(2, 1fr); }
  .hero-towers .hero-grid { grid-auto-rows: 300px; }
  .hero-trio .hero-grid { grid-auto-rows: 250px; }
  .hero-editor .hero-grid, .hero-list .hero-grid { grid-template-columns: 1fr; grid-auto-rows: auto; }
  .hero-editor .hero-item:first-child, .hero-list .hero-item:first-child { grid-column: auto; grid-row: auto; min-height: 300px; }
  .hero-editor .hero-item:not(:first-child), .hero-list .hero-item:not(:first-child) { grid-column: auto; min-height: 120px; }
}

/* =========================================================
   23. Visitor dark mode, breadcrumbs, views
   ========================================================= */
/* Night tokens: applied when the visitor flips the switch */
body.sz-night {
  --sz-paper: #0D1220; --sz-card: #151C2E; --sz-ink: #E7ECF6; --sz-ink-2: #101728;
  --sz-mut: #8B96AC; --sz-line: #26304A; --sz-line-dark: rgba(255, 255, 255, .08);
  --shadow: 0 16px 36px rgba(0, 0, 0, .55);
}

.mode-toggle {
  flex: none; display: inline-flex; align-items: center; justify-content: center;
  width: 38px; height: 38px; margin-left: 10px; padding: 0;
  background: none; border: 0; border-radius: 50%; cursor: pointer; color: #E7E9EC;
  transition: background .2s, color .2s;
}
.mode-toggle:hover { background: rgba(255, 255, 255, .12); color: #fff; }
.mode-toggle svg { width: 17px; height: 17px; fill: currentColor; }
.mode-toggle .ic-moon, .mode-toggle .ic-sun { display: inline-flex; }
.mode-toggle .ic-sun { display: none; }
.sz-night .mode-toggle .ic-sun { display: inline-flex; }
.sz-night .mode-toggle .ic-moon { display: none; }


/* Breadcrumbs */
.crumbs {
  display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px;
  margin: 0 0 12px; font-size: .8rem; color: var(--sz-mut);
}
.crumbs a { color: var(--sz-mut); }
.crumbs a:hover { color: var(--sz-red); }
.crumbs a::after { content: "›"; margin-left: 7px; opacity: .6; }
.crumbs span {
  color: var(--sz-ink); font-weight: 600;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 48ch;
}

/* View counts in meta */
.meta-views svg { width: 13px; height: 13px; fill: currentColor; margin-right: 5px; vertical-align: -2px; }

/* =========================================================
   24. Default footer — complete out of the box.
       Brand column, quick links, categories with counts,
       recent posts, trending topics, newsletter box, credit.
   ========================================================= */
.foot-shell { position: relative; }
.foot-shell::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; z-index: 1;
  background: linear-gradient(90deg, var(--sz-red) 0%, color-mix(in srgb, var(--sz-red) 40%, transparent) 55%, transparent 100%);
}
.foot-grid { padding: 52px 0 38px; }
.sz-footer-boxed .foot-grid { padding-left: 20px; padding-right: 20px; }

/* Brand column */
.site-footer a.foot-logo, .foot-about .foot-logo {
  display: inline-block; font-family: var(--f-serif); font-weight: 800; font-size: 1.75rem;
  line-height: 1.2; color: #fff; margin-bottom: 10px;
}
.site-footer a.foot-logo:hover { color: #fff; }
.foot-about p { margin: 0 0 14px; max-width: 36ch; }
.foot-meta-list { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: .78rem; color: #868C95; }
.foot-meta-list li { display: inline-flex; align-items: center; gap: 7px; }
.foot-meta-list li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--sz-red); }

/* Skins decorate .widget (borders, shadows, outlines, clip-paths) — never inside the footer */
body[class] .site-footer .widget {
  background: none; border: 0; outline: 0; box-shadow: none; padding: 0; margin: 0;
  clip-path: none; border-radius: 0;
}
body[class] .site-footer .widget > *:not(.widget-title) { margin-left: 0; margin-right: 0; }

/* Footer widget titles: small caps + short accent underline (all designs & skins) */
.site-footer .widget-title {
  display: block; position: relative; color: #fff; text-align: left;
  font-family: var(--f-sans); font-size: .8rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: .12em; line-height: 1.4;
  margin: 0 0 16px; padding: 0 0 12px; border-bottom: 1px solid var(--sz-line-dark);
  transform: none; justify-content: flex-start;
}
.site-footer .widget-title::before { display: none; }
.site-footer .widget-title::after {
  content: ""; position: absolute; left: 0; bottom: -1px; width: 34px; height: 2px;
  background: var(--sz-red); border-radius: 2px;
}

/* Quick links + categories */
.foot-links, .foot-cats { list-style: none; margin: 0; padding: 0; }
.site-footer .foot-links li, .site-footer .foot-cats li {
  padding: 7px 0; border-bottom: 1px dashed var(--sz-line-dark); font-size: .9rem;
}
.site-footer .foot-links li:last-child, .site-footer .foot-cats li:last-child { border-bottom: 0; }
.foot-links a { display: inline-flex; align-items: center; gap: 8px; }
.foot-links a::before { content: "›"; color: var(--sz-red); font-weight: 800; font-size: 1.05em; line-height: 1; }
.foot-cats li { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.foot-cats li a { min-width: 0; }
.foot-cats li ul { flex-basis: 100%; }
.foot-count {
  flex: none; font-family: var(--f-sans); font-size: .7rem; font-weight: 700; min-width: 26px; text-align: center;
  padding: 2px 8px; border-radius: 999px; background: rgba(255, 255, 255, .1); color: #E7E9EC; line-height: 1.5;
  transition: background .2s, color .2s;
}
.foot-cats li:hover .foot-count { background: var(--sz-red); color: #fff; }

/* Trending topics strip */
.foot-topics {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px;
  padding: 0 0 34px; margin-top: -6px;
}
.sz-footer-boxed .foot-topics { padding-left: 20px; padding-right: 20px; }
.foot-topics-label { font-size: .72rem; text-transform: uppercase; letter-spacing: .12em; font-weight: 700; color: #fff; }

/* Newsletter box (follow strip) */
.foot-newsletter { display: flex; gap: 0; min-width: min(340px, 100%); }
.foot-newsletter input[type="email"] {
  width: auto; flex: 1; min-width: 0; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .16);
  color: #fff; border-radius: 8px 0 0 8px; padding: 11px 14px;
}
.foot-newsletter input[type="email"]::placeholder { color: #9AA0A8; }
.foot-newsletter input[type="email"]:focus { background: rgba(255, 255, 255, .14); border-color: var(--sz-red); box-shadow: none; }
.foot-newsletter button { border-radius: 0 8px 8px 0; padding: 11px 18px; white-space: nowrap; box-shadow: none; }

/* Bottom bar */
.foot-bottom-in { gap: 10px 22px; }
.foot-copy a { color: #E7E9EC; font-weight: 600; }
.foot-credit { color: #868C95; font-size: .78rem; }
.foot-credit a { color: #B8BDC4; }
.foot-credit a:hover { color: #fff; }

@media (max-width: 760px) {
  .foot-grid { padding-top: 40px; }
  .foot-topics { justify-content: center; text-align: center; }
  .foot-newsletter { width: 100%; }
}

/* ---------- Light footer variant (.sz-foot-light: Minimal, Gazette, Fashion, Atelier, Reader, Ink) ----------
   Never applies in dark mode (dark palette or visitor night switch). */
.sz-foot-light:not(.sz-dark) .site-footer { background: var(--sz-card); color: var(--sz-mut); border-top: 1px solid var(--sz-line); }
.sz-foot-light:not(.sz-dark) .site-footer a { color: var(--sz-mut); }
.sz-foot-light:not(.sz-dark) .site-footer a:hover { color: var(--sz-red); }
.sz-foot-light:not(.sz-dark) .site-footer .widget-title,
.sz-foot-light:not(.sz-dark) .site-footer .foot-logo,
.sz-foot-light:not(.sz-dark) .site-footer a.foot-logo:hover,
.sz-foot-light:not(.sz-dark) .site-footer .foot-cta-txt h2,
.sz-foot-light:not(.sz-dark) .site-footer .mini-title a,
.sz-foot-light:not(.sz-dark) .site-footer .foot-topics-label,
.sz-foot-light:not(.sz-dark) .site-footer .foot-copy a { color: var(--sz-ink); }
.sz-foot-light:not(.sz-dark) .site-footer .mini-title a:hover { color: var(--sz-red); }
.sz-foot-light:not(.sz-dark) .site-footer .btn, .sz-foot-light:not(.sz-dark) .site-footer .btn:hover { color: #fff; }
.sz-foot-light:not(.sz-dark) .site-footer .foot-cta,
.sz-foot-light:not(.sz-dark) .site-footer .foot-bottom,
.sz-foot-light:not(.sz-dark) .site-footer .widget-title,
.sz-foot-light:not(.sz-dark) .site-footer .widget ul li,
.sz-foot-light:not(.sz-dark) .site-footer .foot-links li,
.sz-foot-light:not(.sz-dark) .site-footer .foot-cats li,
.sz-foot-light:not(.sz-dark) .site-footer .mini-post { border-color: var(--sz-line); }
.sz-foot-light:not(.sz-dark) .site-footer .foot-cta-txt p,
.sz-foot-light:not(.sz-dark) .site-footer .mini-date,
.sz-foot-light:not(.sz-dark) .site-footer .foot-meta-list,
.sz-foot-light:not(.sz-dark) .site-footer .foot-credit { color: var(--sz-mut); }
.sz-foot-light:not(.sz-dark) .site-footer .social-links a { background: rgba(0, 0, 0, .06); color: var(--sz-ink); }
.sz-foot-light:not(.sz-dark) .site-footer .social-links a:hover { background: var(--sz-red); color: #fff; }
.sz-foot-light:not(.sz-dark) .site-footer .foot-tags a { background: rgba(0, 0, 0, .05); color: var(--sz-ink); }
.sz-foot-light:not(.sz-dark) .site-footer .foot-tags a:hover { background: var(--sz-red); color: #fff; }
.sz-foot-light:not(.sz-dark) .site-footer .foot-count { background: rgba(0, 0, 0, .07); color: var(--sz-ink); }
.sz-foot-light:not(.sz-dark) .site-footer .foot-cats li:hover .foot-count { background: var(--sz-red); color: #fff; }
.sz-foot-light:not(.sz-dark) .foot-newsletter input[type="email"] { background: var(--sz-paper); border-color: var(--sz-line); color: var(--sz-ink); }
.sz-foot-light:not(.sz-dark) .foot-newsletter input[type="email"]::placeholder { color: var(--sz-mut); }
.sz-foot-light:not(.sz-dark).sz-footer-boxed .site-footer { background: transparent; border-top: 0; }
.sz-foot-light:not(.sz-dark).sz-footer-boxed .foot-shell { background: var(--sz-card); border: 1px solid var(--sz-line); }
.sz-foot-light:not(.sz-dark).sitezen-skin-gazette .site-footer { background: var(--sz-paper); border-top: 3px solid var(--sz-ink); }
.sz-foot-light:not(.sz-dark).sitezen-skin-gazette .foot-shell::before { display: none; }
.sz-foot-light:not(.sz-dark).sitezen-skin-fashion .site-footer,
.sz-foot-light:not(.sz-dark).sitezen-skin-minimal .site-footer,
.sz-foot-light:not(.sz-dark).sitezen-skin-ink .site-footer,
.sz-foot-light:not(.sz-dark).sitezen-skin-atelier .site-footer { border-top-color: var(--sz-ink); }
.sz-foot-light:not(.sz-dark).sitezen-skin-ink .site-footer,
.sz-foot-light:not(.sz-dark).sitezen-skin-atelier .site-footer,
.sz-foot-light:not(.sz-dark).sitezen-skin-reader .site-footer { background: var(--sz-paper); }
.sz-foot-light:not(.sz-dark).sitezen-skin-ink .foot-shell::before,
.sz-foot-light:not(.sz-dark).sitezen-skin-atelier .foot-shell::before { display: none; }
.sz-foot-light:not(.sz-dark).sitezen-skin-atelier .site-footer .foot-cta,
.sz-foot-light:not(.sz-dark).sitezen-skin-atelier .site-footer .foot-bottom,
.sz-foot-light:not(.sz-dark).sitezen-skin-atelier .site-footer .widget-title { border-color: var(--sz-ink); }
.sz-foot-light:not(.sz-dark).sitezen-skin-fashion .foot-shell::before,
.sz-foot-light:not(.sz-dark).sitezen-skin-minimal .foot-shell::before { display: none; }

/* =========================================================
   25. Guard — skins restyle <button>; keep the utility/icon
       buttons (menu toggle, dark-mode switch, submenu arrows,
       share buttons, back-to-top) at their intended size/shape.
   ========================================================= */
body[class] .nav-toggle {
  background: none; border: 0; box-shadow: none; padding: 14px 4px; border-radius: 0;
  font: 700 .95rem var(--f-sans); text-transform: none; letter-spacing: 0; color: #fff;
}
body[class].sz-nav-light .nav-toggle { color: var(--sz-ink); }
body[class] .mode-toggle {
  background: none; border: 0; box-shadow: none; padding: 0; width: 38px; height: 38px;
  border-radius: 50%; color: #E7E9EC; font: inherit;
}
body[class] .mode-toggle:hover { background: rgba(255, 255, 255, .12); color: #fff; }
body[class].sz-nav-light .mode-toggle { color: var(--sz-ink); }
body[class].sz-nav-light .mode-toggle:hover { background: rgba(0, 0, 0, .07); color: var(--sz-red); }
body[class].sz-dark.sz-nav-light .mode-toggle:hover { background: rgba(255, 255, 255, .12); }
body[class] .sub-toggle {
  padding: 0; border: 0; box-shadow: none; width: 38px; height: 38px; border-radius: 8px; font: inherit;
}
body[class] .share-btn {
  padding: 0; border: 0; box-shadow: none; width: 36px; height: 36px;
  font: inherit; text-transform: none; letter-spacing: 0;
}
body[class] .to-top { padding: 0; width: 46px; height: 46px; font: inherit; text-transform: none; letter-spacing: 0; }
@media (max-width: 400px) {
  body[class] .to-top { width: 42px; height: 42px; }
}

/* =========================================================
   26. Phones — EVERY hero layout collapses into the swipe
       carousel. (Fix: layout rules such as .hero-split used to
       out-rank the phone carousel rule and squeezed the first
       items to 0px on narrow screens.)
   ========================================================= */
@media (max-width: 600px) {
  .hero .hero-grid {
    grid-template-columns: none !important; grid-auto-rows: auto !important;
    grid-auto-flow: column !important; grid-auto-columns: 84% !important;
    gap: 12px !important; background: transparent !important; border: 0 !important;
  }
  .hero .hero-item .hero-overlay { padding: 16px 18px 16px; }
  .hero-editor .hero-item:not(:first-child) .hero-title,
  .hero-list .hero-item:not(:first-child) .hero-title { font-size: 1.05rem; line-height: 1.5; }
  .hero-editor .hero-item:not(:first-child) .hero-meta, .hero-list .hero-item:not(:first-child) .hero-meta { display: inline; }
  .hero:not(.look-minimal) .hero-item:not(:first-child) .cat-badge { display: inline-block; }
}
@media (max-width: 400px) {
  .hero .hero-grid { grid-auto-columns: 88% !important; }
}