/* =====================================================================
   Tickera Blog — Trusti-like blog layout (simplified), Tickera skin
   Primary: #6b5f89 | CTA: #ffdf3b | Font: Hanken Grotesk
   ===================================================================== */

:root{
  --font-sans:"Hanken Grotesk","Aktiv Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --accent:#6b5f89; --accentHover:#574c70; --accentSoft:rgba(107,95,137,.12);
  --cta:#ffdf3b; --ctaHover:#ffd500; --ctaText:#1f1a2e;
  --bg:#fff; --bgAlt:#f8f9fa; --bgDark:#171320;
  --text:#1d2327; --text2:#646970; --text3:#8c8f94;
  --border:#e2e8f0; --border2:#f0f0f1;
  --shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);
  --shadowHover:0 20px 40px rgba(0,0,0,.12);
  --headerH:80px;
  --r:16px;
}
/* Dark mode removed: theme is always light */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font-sans);line-height:1.7;background:var(--bg);color:var(--text);overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:var(--accent);text-decoration:none} a:hover{color:var(--accentHover)}
.container{max-width:1200px;margin:0 auto;padding:0 24px}

/* Fixed header + offset */
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--headerH);display:flex;align-items:center;background:var(--bgDark);border-bottom:1px solid rgba(255,255,255,.12);transition:.3s}
.header-transparent{background:var(--bgDark);border-bottom-color:transparent}
.header-scrolled{background:rgba(23,19,32,.95);backdrop-filter:blur(20px);border-bottom-color:rgba(255,255,255,.12);box-shadow:0 1px 2px rgba(0,0,0,.25)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%}
.site-logo{display:flex;align-items:center;gap:12px}
.site-logo .tickera-wordmark{height:22px;color:var(--text)}
.site-logo .tickera-wordmark{color:#fff}
.logo-text{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.85)}
.main-navigation{flex:1;display:flex;justify-content:center}
.nav-menu{display:flex;gap:8px;align-items:center;list-style:none}
.nav-menu>li>a{display:inline-flex;padding:10px 12px;border-radius:12px;font-weight:600;color:var(--text);transition:.15s}
.nav-menu>li>a{color:#fff}
.nav-menu>li>a:hover{background:rgba(255,255,255,.08)}
.header-actions{display:flex;align-items:center;gap:12px}
.icon-btn{width:42px;height:42px;border-radius:999px;border:1px solid var(--border);background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.icon-btn{border-color:rgba(255,255,255,.22);color:#fff}
.icon-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28)}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-weight:600;cursor:pointer}
.btn-primary{background:var(--cta);color:var(--ctaText);padding:10px 22px;box-shadow:0 4px 15px rgba(255,223,59,.25)}
.btn-primary:hover{background:var(--ctaHover);transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,223,59,.35)}
.btn-sm{font-size:14px}
.btn-lg{padding:18px 38px;font-size:18px}

#main-content{padding-top:var(--headerH)}

/* Mobile overlay */
.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;border:1px solid var(--border);border-radius:12px;background:transparent}
.hamburger-line{width:22px;height:2px;background:currentColor;border-radius:2px;margin:0 auto;transition:.15s}
.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}
.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mobile-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);opacity:0;visibility:hidden;transition:.3s;z-index:999}
.mobile-menu-overlay.active{opacity:1;visibility:visible}
.mobile-menu-inner{position:absolute;top:0;right:0;height:100%;width:min(420px,92vw);background:var(--bg);padding:40px 24px;transform:translateX(20px);transition:.3s;overflow:auto}
.mobile-menu-overlay.active .mobile-menu-inner{transform:translateX(0)}
.mobile-nav-menu{display:flex;flex-direction:column;gap:12px;list-style:none}
.mobile-nav-menu a{font-weight:700;font-size:18px;color:var(--text)}

/* Hero */
.hero{position:relative;overflow:hidden;padding-top:calc(var(--headerH) + 40px);padding-bottom:48px;background:var(--bgDark);color:#fff}
.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:48px 48px;opacity:.35}
.hero-glow{position:absolute;width:640px;height:640px;filter:blur(120px);opacity:.45;border-radius:50%}
.hero-glow-1{background:var(--accent);top:-260px;left:-220px}
.hero-content{position:relative;z-index:2;max-width:760px;padding:40px 0}
.hero-title{font-size:clamp(2rem,4vw,2.25rem);font-weight:800;letter-spacing:-.02em;margin-bottom:16px}
.hero-subtitle{font-size:18px;color:rgba(255,255,255,.75)}
.hero-subtitle-narrow{max-width:650px}
.hero-label{display:inline-flex;align-items:center;padding:8px 14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:14px;margin-bottom:16px}

/* Hero search (used on search results page) */
.hero-search{margin-top:24px;max-width:520px}
.hero-search .search-form{
  display:flex;align-items:center;gap:8px;
  padding:6px 6px 6px 16px;border-radius:14px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  transition:border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.hero-search .search-form:focus-within{
  border-color:var(--cta);background:rgba(255,255,255,.12);
  box-shadow:0 0 0 4px rgba(255,223,59,.18);
}
.hero-search .search-icon{color:rgba(255,255,255,.75);display:inline-flex;align-items:center}
.hero-search .search-field{
  flex:1;min-width:0;border:0;outline:0;background:transparent;
  padding:10px 0;font:inherit;color:#fff;
}
.hero-search .search-field::placeholder{color:rgba(255,255,255,.55)}
.hero-search .search-submit{
  flex:0 0 auto;border:0;cursor:pointer;font-weight:700;
  padding:10px 16px;border-radius:10px;
  background:var(--cta);color:#0f172a;
  transition:background .2s ease, transform .2s ease;
}
.hero-search .search-submit:hover{background:var(--ctaHover,#ffd938);transform:translateY(-1px)}

/* Breadcrumbs */
.breadcrumbs{padding:16px 0;background:var(--bg);border-bottom:1px solid var(--border2)}
.breadcrumbs-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.breadcrumbs-item{display:flex;align-items:center;gap:8px;font-size:14px}
.breadcrumbs-item:not(:last-child)::after{content:'/';color:var(--text3);margin-left:8px}
.breadcrumbs-item a{color:var(--text2)} .breadcrumbs-item a:hover{color:var(--accent)}
.breadcrumbs-item.current span{color:var(--text);font-weight:500}

/* Sections */
.section{padding:64px 0}
.section-alt{background:var(--bgAlt)}
.section-featured{padding-top:48px;padding-bottom:0}
.grid{display:grid;gap:24px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}

/* Featured */
.blog-featured-post{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;padding:24px;border-radius:24px;background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);transition:.3s}
.blog-featured-post:hover{transform:translateY(-2px);box-shadow:var(--shadowHover);border-color:transparent}
.blog-featured-thumb{border-radius:12px;overflow:hidden;display:block}
.blog-featured-thumb img{width:100%;height:100%;object-fit:cover;transition:.5s}
.blog-featured-post:hover .blog-featured-thumb img{transform:scale(1.03)}
.blog-featured-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--text2);font-size:14px;margin-bottom:16px}
.blog-featured-title{font-size:1.875rem;line-height:1.2;margin-bottom:16px}
.blog-featured-title a{color:var(--text)} .blog-featured-title a:hover{color:var(--accent)}
.blog-featured-excerpt{color:var(--text2);margin-bottom:24px}

/* Blog layout */
.blog-layout{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start}
.blog-layout-full{grid-template-columns:1fr;max-width:820px;margin:0 auto}
.blog-section-title{font-size:1.5rem;margin-bottom:24px}

/* Post cards */
.post-card{background:var(--bg);border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);transition:.3s}
.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadowHover);border-color:transparent}
.post-card-thumbnail{display:block;aspect-ratio:16/10;overflow:hidden}
.post-card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:.5s}
.post-card:hover .post-card-thumbnail img{transform:scale(1.05)}
.post-card-body{padding:24px}
.post-card-meta{display:flex;gap:12px;align-items:center;font-size:14px;margin-bottom:12px;color:var(--text2)}
.post-card-category{font-weight:700;color:var(--accent)}
.post-card-title{font-size:18px;margin-bottom:12px}
.post-card-title a{color:var(--text)} .post-card-title a:hover{color:var(--accent)}
.post-card-excerpt{color:var(--text2);font-size:14px;margin-bottom:16px}
.post-card-footer{display:flex;justify-content:space-between;gap:16px;color:var(--text2);font-size:14px}
.post-card-link{font-weight:700;color:var(--accent);display:inline-flex;gap:8px;align-items:center}

/* Sidebar */
.blog-sidebar{display:flex;flex-direction:column;gap:24px}
.blog-sidebar-widget{padding:24px;background:var(--bg);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}
.widget-title{font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}
.blog-sidebar-links li{border-bottom:1px solid var(--border2)}
.blog-sidebar-links li:last-child{border-bottom:none}
.blog-sidebar-links a{display:flex;justify-content:space-between;align-items:center;padding:10px 0;color:var(--text2);font-weight:600}
.blog-sidebar-count{font-size:12px;background:var(--bgAlt);padding:3px 10px;border-radius:999px}
.blog-sidebar-posts{display:flex;flex-direction:column;gap:16px}
.blog-sidebar-post{display:flex;gap:12px;align-items:center;color:var(--text2)}
.blog-sidebar-post-thumb{width:64px;height:48px;border-radius:12px;overflow:hidden;flex:0 0 auto}
.blog-sidebar-post-thumb img{width:100%;height:100%;object-fit:cover}
.blog-sidebar-post-title{display:block;font-size:14px;font-weight:600;color:var(--text)}
.blog-sidebar-post-date{display:block;font-size:12px;color:var(--text3);margin-top:2px}
.blog-sidebar-cta{padding:24px;background:var(--bgDark);border-radius:24px;border:1px solid rgba(255,255,255,.12);color:#fff}
.blog-sidebar-cta-icon{width:48px;height:48px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,223,59,.15);color:var(--cta);margin-bottom:16px}
.blog-sidebar-cta p{color:rgba(255,255,255,.75)}

/* --------- Widgets (Appearance → Widgets) --------- */
:is(.blog-sidebar,.blog-post-sidebar) .widget{padding:24px;background:var(--bg);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}
:is(.blog-sidebar,.blog-post-sidebar) .widget + .widget{margin-top:0}
:is(.blog-sidebar,.blog-post-sidebar) .widget > *:last-child{margin-bottom:0}
:is(.blog-sidebar,.blog-post-sidebar) .widget ul{list-style:none;margin:0;padding:0}

/* Search widget (classic + block) */
:is(.blog-sidebar,.blog-post-sidebar) .widget_search .search-form,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-search .wp-block-search__inside-wrapper{
  display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;
  border:1px solid var(--border);border-radius:14px;background:var(--bgAlt);
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
:is(.blog-sidebar,.blog-post-sidebar) .widget_search .search-form:focus-within,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-search .wp-block-search__inside-wrapper:focus-within{
  border-color:var(--accent);background:var(--bg);
  box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 14%, transparent);
}
:is(.blog-sidebar,.blog-post-sidebar) .widget_search .search-field,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-search .wp-block-search__input{
  flex:1;min-width:0;border:0;outline:0;background:transparent;padding:10px 0;
  font:inherit;color:var(--text);
}
:is(.blog-sidebar,.blog-post-sidebar) .widget_search .search-field::placeholder,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-search .wp-block-search__input::placeholder{color:var(--text3)}
:is(.blog-sidebar,.blog-post-sidebar) .widget_search .search-submit,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-search .wp-block-search__button{
  flex:0 0 auto;border:0;cursor:pointer;font-weight:700;
  padding:10px 14px;border-radius:10px;
  background:var(--accent);color:#fff;transition:background .2s ease, transform .2s ease;
}
:is(.blog-sidebar,.blog-post-sidebar) .widget_search .search-submit:hover,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-search .wp-block-search__button:hover{background:var(--accentHover)}
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-search .wp-block-search__label{
  font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  margin-bottom:16px;color:var(--text);
}

/* Categories & Archives (classic) */
:is(.blog-sidebar,.blog-post-sidebar) .widget_categories ul,
:is(.blog-sidebar,.blog-post-sidebar) .widget_archive ul,
:is(.blog-sidebar,.blog-post-sidebar) .widget_meta ul,
:is(.blog-sidebar,.blog-post-sidebar) .widget_pages ul,
:is(.blog-sidebar,.blog-post-sidebar) .widget_nav_menu ul{display:flex;flex-direction:column}
:is(.blog-sidebar,.blog-post-sidebar) .widget_categories li,
:is(.blog-sidebar,.blog-post-sidebar) .widget_archive li,
:is(.blog-sidebar,.blog-post-sidebar) .widget_meta li,
:is(.blog-sidebar,.blog-post-sidebar) .widget_pages li,
:is(.blog-sidebar,.blog-post-sidebar) .widget_nav_menu li{border-bottom:1px solid var(--border2)}
:is(.blog-sidebar,.blog-post-sidebar) .widget_categories li:last-child,
:is(.blog-sidebar,.blog-post-sidebar) .widget_archive li:last-child,
:is(.blog-sidebar,.blog-post-sidebar) .widget_meta li:last-child,
:is(.blog-sidebar,.blog-post-sidebar) .widget_pages li:last-child,
:is(.blog-sidebar,.blog-post-sidebar) .widget_nav_menu li:last-child{border-bottom:0}
:is(.blog-sidebar,.blog-post-sidebar) .widget_categories a,
:is(.blog-sidebar,.blog-post-sidebar) .widget_archive a,
:is(.blog-sidebar,.blog-post-sidebar) .widget_meta a,
:is(.blog-sidebar,.blog-post-sidebar) .widget_pages a,
:is(.blog-sidebar,.blog-post-sidebar) .widget_nav_menu a{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:11px 0;color:var(--text2);font-weight:600;
  transition:color .2s ease, transform .2s ease;
}
:is(.blog-sidebar,.blog-post-sidebar) .widget_categories a:hover,
:is(.blog-sidebar,.blog-post-sidebar) .widget_archive a:hover,
:is(.blog-sidebar,.blog-post-sidebar) .widget_meta a:hover,
:is(.blog-sidebar,.blog-post-sidebar) .widget_pages a:hover,
:is(.blog-sidebar,.blog-post-sidebar) .widget_nav_menu a:hover{color:var(--accent);transform:translateX(2px)}
:is(.blog-sidebar,.blog-post-sidebar) .widget_categories .children,
:is(.blog-sidebar,.blog-post-sidebar) .widget_pages .children,
:is(.blog-sidebar,.blog-post-sidebar) .widget_nav_menu .sub-menu{margin-left:14px;border-left:2px solid var(--border2);padding-left:12px}
:is(.blog-sidebar,.blog-post-sidebar) .widget_categories li > a::before,
:is(.blog-sidebar,.blog-post-sidebar) .widget_archive li > a::before{
  content:"";flex:0 0 auto;width:6px;height:6px;border-radius:999px;
  background:var(--accent);opacity:.35;margin-right:10px;transition:opacity .2s ease, transform .2s ease;
}
:is(.blog-sidebar,.blog-post-sidebar) .widget_categories li > a:hover::before,
:is(.blog-sidebar,.blog-post-sidebar) .widget_archive li > a:hover::before{opacity:1;transform:scale(1.3)}
:is(.blog-sidebar,.blog-post-sidebar) .widget_categories .post-count,
:is(.blog-sidebar,.blog-post-sidebar) .widget_archive .post-count{
  font-size:12px;font-weight:700;background:var(--bgAlt);color:var(--text2);
  padding:3px 10px;border-radius:999px;margin-left:auto;
}
:is(.blog-sidebar,.blog-post-sidebar) .widget_categories li > a > span:not(.screen-reader-text),
:is(.blog-sidebar,.blog-post-sidebar) .widget_archive li > a > span:not(.screen-reader-text){
  font-size:12px;font-weight:700;background:var(--bgAlt);color:var(--text2);
  padding:3px 10px;border-radius:999px;
}
:is(.blog-sidebar,.blog-post-sidebar) .widget_categories select,
:is(.blog-sidebar,.blog-post-sidebar) .widget_archive select{
  width:100%;padding:10px 12px;border-radius:12px;
  border:1px solid var(--border);background:var(--bgAlt);color:var(--text);font:inherit;
}

/* Recent posts / comments (classic) */
:is(.blog-sidebar,.blog-post-sidebar) .widget_recent_entries ul,
:is(.blog-sidebar,.blog-post-sidebar) .widget_recent_comments ul{display:flex;flex-direction:column;gap:14px}
:is(.blog-sidebar,.blog-post-sidebar) .widget_recent_entries li,
:is(.blog-sidebar,.blog-post-sidebar) .widget_recent_comments li{
  padding:0 0 14px;border-bottom:1px solid var(--border2);
}
:is(.blog-sidebar,.blog-post-sidebar) .widget_recent_entries li:last-child,
:is(.blog-sidebar,.blog-post-sidebar) .widget_recent_comments li:last-child{border-bottom:0;padding-bottom:0}
:is(.blog-sidebar,.blog-post-sidebar) .widget_recent_entries a{
  display:block;color:var(--text);font-weight:700;line-height:1.35;font-size:15px;
  transition:color .2s ease;
}
:is(.blog-sidebar,.blog-post-sidebar) .widget_recent_entries a:hover{color:var(--accent)}
:is(.blog-sidebar,.blog-post-sidebar) .widget_recent_entries .post-date{
  display:block;margin-top:4px;color:var(--text3);font-size:12px;
  font-weight:600;letter-spacing:.02em;
}
:is(.blog-sidebar,.blog-post-sidebar) .widget_recent_comments a{color:var(--text);font-weight:600}
:is(.blog-sidebar,.blog-post-sidebar) .widget_recent_comments a:hover{color:var(--accent)}

/* Categories block */
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-categories,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-categories-list,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-archives,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-archives-list,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-page-list{display:flex;flex-direction:column}
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-categories li,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-archives li,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-page-list li{border-bottom:1px solid var(--border2)}
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-categories li:last-child,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-archives li:last-child,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-page-list li:last-child{border-bottom:0}
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-categories a,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-archives a,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-page-list a{
  display:flex;align-items:center;padding:11px 0;color:var(--text2);font-weight:600;
  transition:color .2s ease, transform .2s ease;
}
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-categories a:hover,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-archives a:hover,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-page-list a:hover{color:var(--accent);transform:translateX(2px)}
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-categories a::before,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-archives a::before{
  content:"";flex:0 0 auto;width:6px;height:6px;border-radius:999px;
  background:var(--accent);opacity:.35;margin-right:10px;transition:opacity .2s ease, transform .2s ease;
}
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-categories a:hover::before,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-archives a:hover::before{opacity:1;transform:scale(1.3)}
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-categories__list-item-count,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-archives li > span{
  font-size:12px;font-weight:700;background:var(--bgAlt);color:var(--text2);
  padding:3px 10px;border-radius:999px;margin-left:auto;
}
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-categories-dropdown,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-archives-dropdown,
:is(.blog-sidebar,.blog-post-sidebar) select{
  width:100%;padding:10px 12px;border-radius:12px;
  border:1px solid var(--border);background:var(--bgAlt);color:var(--text);font:inherit;
}

/* Latest posts block */
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-latest-posts,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-latest-posts__list{display:flex;flex-direction:column;gap:14px;padding:0;margin:0;list-style:none}
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-latest-posts li{
  padding:0 0 14px;border-bottom:1px solid var(--border2);list-style:none;
}
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-latest-posts li:last-child{border-bottom:0;padding-bottom:0}
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-latest-posts a{
  color:var(--text);font-weight:700;line-height:1.35;font-size:15px;
  transition:color .2s ease;
}
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-latest-posts a:hover{color:var(--accent)}
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-latest-posts__post-author,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-latest-posts__post-date{
  display:block;margin-top:4px;color:var(--text3);font-size:12px;font-weight:600;
}
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-latest-posts__post-excerpt{color:var(--text2);font-size:14px;margin-top:6px}
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-latest-posts__featured-image{margin-bottom:10px;border-radius:12px;overflow:hidden}
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-latest-posts__featured-image img{width:100%;height:auto;display:block}
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-latest-posts.is-grid{display:grid;gap:14px}

/* Tag cloud */
:is(.blog-sidebar,.blog-post-sidebar) .widget_tag_cloud .tagcloud,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-tag-cloud{display:flex;flex-wrap:wrap;gap:8px}
:is(.blog-sidebar,.blog-post-sidebar) .widget_tag_cloud a,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-tag-cloud a{
  display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;
  background:var(--bgAlt);color:var(--text2);font-size:13px !important;font-weight:600;
  border:1px solid var(--border);transition:background .2s ease, color .2s ease, border-color .2s ease;
}
:is(.blog-sidebar,.blog-post-sidebar) .widget_tag_cloud a:hover,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-tag-cloud a:hover{background:var(--accent);color:#fff;border-color:var(--accent)}

/* Calendar */
:is(.blog-sidebar,.blog-post-sidebar) .widget_calendar table,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-calendar table{width:100%;border-collapse:collapse;font-size:14px}
:is(.blog-sidebar,.blog-post-sidebar) .widget_calendar th,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-calendar th{padding:8px;text-align:center;color:var(--text3);font-weight:700}
:is(.blog-sidebar,.blog-post-sidebar) .widget_calendar td,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-calendar td{padding:8px;text-align:center;color:var(--text2)}
:is(.blog-sidebar,.blog-post-sidebar) .widget_calendar td a,
:is(.blog-sidebar,.blog-post-sidebar) .wp-block-calendar td a{color:var(--accent);font-weight:700}

/* Single layout */
.blog-post-featured-wrap{margin-top:-24px}
.blog-post-featured-img{margin-top:30px;border-radius:24px;overflow:hidden;box-shadow:var(--shadowHover);border:1px solid rgba(255,255,255,.06)}
.blog-post-layout{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start}
.blog-post-layout-full{grid-template-columns:1fr;max-width:820px;margin:0 auto}
.blog-post-sidebar{position:sticky;top:calc(var(--headerH) + 24px);display:flex;flex-direction:column;gap:24px}
.blog-post-hero-meta{display:flex;gap:16px;flex-wrap:wrap;color:rgba(255,255,255,.8);font-size:14px;margin-bottom:16px}
.blog-post-hero-category{color:var(--cta);font-weight:700}
.blog-post-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:40px;padding-top:24px;border-top:1px solid var(--border)}

/* Post tags */
.blog-post-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.blog-post-tags a{
  display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;
  background:var(--bgAlt);color:var(--text2);font-size:13px;font-weight:600;
  border:1px solid var(--border);
  transition:background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.blog-post-tags a:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px)}
.blog-post-tags a::before{content:"#";margin-right:2px;opacity:.6}

/* Share buttons */
.share-buttons{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.share-label{
  display:inline-flex;align-items:center;gap:6px;
  font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:var(--text3);margin-right:4px;
}
.share-label svg{color:var(--text2)}
.share-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:999px;
  background:var(--bgAlt);color:var(--text2);
  border:1px solid var(--border);
  transition:background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.share-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.08)}
.share-btn svg{width:16px;height:16px;display:block}
.share-twitter:hover{background:#0f172a;color:#fff;border-color:#0f172a}
.share-facebook:hover{background:#1877f2;color:#fff;border-color:#1877f2}
.share-linkedin:hover{background:#0a66c2;color:#fff;border-color:#0a66c2}

/* Modern prose (single post content) */
.prose{font-size:18px;line-height:1.85}
.prose p{color:var(--text2);margin:0 0 18px}
.prose h2,.prose h3,.prose h4{color:var(--text);margin:34px 0 14px;line-height:1.25;letter-spacing:-.01em}
.prose h2{font-size:28px}
.prose h3{font-size:22px}
.prose h4{font-size:18px}
.prose a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.prose a:hover{color:var(--accentHover)}
.prose ul,.prose ol{margin:0 0 18px 22px}
.prose li{margin:8px 0;color:var(--text2)}
.prose ul{list-style:disc}
.prose ol{list-style:decimal}

/* Blockquote */
.prose blockquote{
  position:relative;
  margin:28px 0;
  padding:22px 22px 22px 22px;
  border-radius:18px;
  background:linear-gradient(0deg,rgba(107,95,137,.06),rgba(107,95,137,.06)),var(--bgAlt);
  border:1px solid rgba(107,95,137,.18);
  color:var(--text);
  font-weight:500;
}
.prose blockquote::before{
  content:"“";
  position:absolute;
  top:-18px;
  left:18px;
  font-size:64px;
  line-height:1;
  color:rgba(107,95,137,.35);
  font-weight:800;
}
.prose blockquote p{margin:0;color:var(--text)}
.prose blockquote p + p{margin-top:12px}

/* Inline code */
.prose :not(pre) > code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Monaco,monospace;
  font-size:.92em;
  padding:.18em .5em;
  border-radius:10px;
  background:rgba(255,223,59,.22);
  border:1px solid rgba(255,223,59,.35);
  color:#2a1f00;
  white-space:break-spaces;
}

/* Code blocks */
.prose pre,
.prose .wp-block-code,
.prose .wp-block-preformatted{
  margin:28px 0;
  padding:20px 22px;
  border-radius:16px;
  background:#0f172a;
  color:#e2e8f0;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  overflow-x:auto;
  overflow-y:hidden;
  max-width:min(100%, 760px);
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.25) transparent;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Monaco,monospace;
  font-size:14px;
  line-height:1.65;
  tab-size:2;
}
.prose pre::-webkit-scrollbar,
.prose .wp-block-code::-webkit-scrollbar,
.prose .wp-block-preformatted::-webkit-scrollbar{height:8px}
.prose pre::-webkit-scrollbar-thumb,
.prose .wp-block-code::-webkit-scrollbar-thumb,
.prose .wp-block-preformatted::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:999px}
.prose pre code,
.prose .wp-block-code code{
  display:block;
  background:transparent;
  border:0;
  padding:0;
  color:inherit;
  font:inherit;
  white-space:pre;
  min-width:0;
}

/* WP block quote variants */
.prose .wp-block-quote{margin:28px 0}
.prose .wp-block-pullquote{
  margin:28px 0;
  padding:22px;
  border-radius:18px;
  background:var(--bgAlt);
  border:1px solid var(--border);
}

/* Images & captions in content */
.prose figure,.prose .wp-block-image{margin:26px 0}
.prose img{border-radius:18px}
.prose figcaption{margin-top:10px;color:var(--text3);font-size:13px}

/* TOC (existing markup in PHP) */
.blog-sidebar-widget-toc{background:var(--bgDark);color:#fff;border-color:rgba(255,255,255,.12)}
.blog-sidebar-widget-toc .widget-title{color:rgba(255,255,255,.85)}
.toc-list{border-left:2px solid rgba(255,255,255,.12);padding-left:10px}
.toc-item a{display:block;padding:6px 0;color:rgba(255,255,255,.75);font-size:14px}
.toc-item.is-active a{color:var(--cta);font-weight:700}

/* Search */
.search-form{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}
.search-field{border:0;outline:0;flex:1;background:transparent}
.search-submit{border:0;background:var(--accent);color:#fff;padding:8px 12px;border-radius:12px;cursor:pointer}
.search-submit:hover{background:var(--accentHover)}

/* Pagination */
.pagination{margin-top:40px;display:flex;justify-content:center;flex-wrap:wrap}
.pagination .page-numbers{display:inline-flex;min-width:44px;height:44px;align-items:center;justify-content:center;padding:0 14px;border-radius:12px;border:1px solid var(--border);margin:0 4px 8px;color:var(--text2);background:var(--bg)}
.pagination .page-numbers.current{background:var(--accent);border-color:var(--accent);color:#fff}

/* Footer */
.site-footer{background:var(--bgDark);color:rgba(255,255,255,.85)}
.site-footer .tickera-wordmark{color:#fff}
.footer-top{padding:64px 0;border-top:1px solid rgba(255,255,255,.1)}
.footer-main{display:grid;grid-template-columns:1fr 2fr;gap:48px}
.footer-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.footer-col h4{color:#fff;font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}
.footer-links{display:flex;flex-direction:column;gap:10px}
.footer-links a{color:rgba(255,255,255,.75)} .footer-links a:hover{color:var(--cta)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:24px 0}
.footer-bottom-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px;color:rgba(255,255,255,.65)}
.footer-bottom-inner a{color:rgba(255,255,255,.65)} .footer-bottom-inner a:hover{color:var(--cta)}

/* Footer social menu */
.footer-social{display:flex;align-items:center}
.social-menu{display:flex;align-items:center;gap:10px;list-style:none;margin:0;padding:0}
.social-menu li{margin:0;padding:0}
.social-menu a{
  width:34px;height:34px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-weight:800;font-size:13px;line-height:1;
  transition:.2s;
}
.social-menu a:hover{background:var(--cta);color:var(--ctaText);transform:translateY(-1px)}

/* Scroll to top */
.scroll-to-top{position:fixed;right:24px;bottom:24px;width:48px;height:48px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.35);color:#fff;display:inline-flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:.3s;z-index:999}
.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.scroll-to-top:hover{background:var(--accent);border-color:var(--accent)}

/* Reading progress */
.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:1100}
.reading-progress-bar{height:100%;width:0;background:var(--cta)}
body:not(.is-single) .reading-progress{display:none}

@media (max-width:1024px){
  :root{--headerH:70px}
  .main-navigation{display:none}
  .mobile-menu-toggle{display:flex}
  .header-actions .btn{display:none}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .blog-layout,.blog-post-layout{grid-template-columns:1fr}
  .blog-post-sidebar{position:static}
  .footer-main{grid-template-columns:1fr}
}
@media (max-width:768px){
  .container{padding:0 16px}
  .grid-2,.grid-3{grid-template-columns:1fr}
  .blog-featured-post{grid-template-columns:1fr}
  .footer-nav{grid-template-columns:1fr}
  .footer-bottom-inner{flex-direction:column;align-items:flex-start}
}