:root {
  --demystia-ink: #101828;
  --demystia-muted: #667085;
  --demystia-line: #e6eaf0;
  --demystia-surface: #fff;
  --demystia-canvas: #f8fafc;
  --demystia-blue: #2563eb;
  --demystia-cyan: #06b6d4;
  --demystia-violet: #7c3aed;
  --demystia-soft: #eef4ff;
  --demystia-shadow: 0 18px 55px rgba(16, 24, 40, .08);
  --demystia-radius: 18px;
}

html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
::selection { background: rgba(37, 99, 235, .18); }

.demystia-site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255,255,255,.88);
  border-bottom: 1px solid rgba(230,234,240,.86);
  backdrop-filter: blur(16px);
  transition: box-shadow .2s ease, background .2s ease;
}
.admin-bar .demystia-site-header { top: 32px; }
.demystia-site-header.is-scrolled { box-shadow: 0 10px 30px rgba(16,24,40,.07); background: rgba(255,255,255,.95); }
.demystia-header-inner { min-height: 76px; gap: 1.25rem; }
.demystia-wordmark a, .demystia-wordmark { color: var(--demystia-ink); text-decoration: none; font-weight: 800; letter-spacing: -.04em; font-size: 1.45rem; }
.demystia-wordmark a { background: linear-gradient(90deg, var(--demystia-ink) 0 62%, var(--demystia-blue) 62%, var(--demystia-violet) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.demystia-main-nav { font-size: .9rem; font-weight: 650; }
.demystia-main-nav a { color: #344054 !important; text-decoration: none; }
.demystia-main-nav a:hover { color: var(--demystia-blue) !important; }
.demystia-header-search { width: 42px; margin: 0; }
.demystia-header-search .wp-block-search__inside-wrapper { border: 0; padding: 0; }
.demystia-header-search input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.demystia-header-search button { margin: 0; padding: .6rem; border-radius: 999px; background: transparent; color: var(--demystia-ink); }

.demystia-main { padding-left: 0 !important; padding-right: 0 !important; }
.demystia-hero {
  position: relative;
  overflow: hidden;
  padding-top: clamp(3.8rem, 8vw, 7rem);
  padding-bottom: clamp(3rem, 7vw, 6rem);
  background:
    radial-gradient(circle at 80% 20%, rgba(37,99,235,.12), transparent 34%),
    radial-gradient(circle at 70% 55%, rgba(124,58,237,.09), transparent 31%),
    linear-gradient(180deg, #fff 0%, #fbfdff 100%);
  border-bottom: 1px solid var(--demystia-line);
}
.demystia-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .38;
  background-image:
    linear-gradient(rgba(37,99,235,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,99,235,.06) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(90deg, transparent 20%, #000 80%);
}
.demystia-hero-columns { position: relative; z-index: 2; }
.demystia-eyebrow, .demystia-section-label, .demystia-card-category {
  color: var(--demystia-blue);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.demystia-hero-title { margin-top: .7rem; letter-spacing: -.055em; }
.demystia-hero-title span { background: linear-gradient(90deg, var(--demystia-blue), var(--demystia-cyan), var(--demystia-violet)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.demystia-hero-copy { max-width: 600px; }
.demystia-hero-actions { margin-top: 1.7rem; }
.demystia-hero-actions .is-style-outline .wp-block-button__link { background: transparent; color: var(--demystia-ink); border: 1px solid var(--demystia-line); }
.demystia-hero-actions .wp-block-button__link { transition: transform .18s ease, box-shadow .18s ease; }
.demystia-hero-actions .wp-block-button__link:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(37,99,235,.15); }

.demystia-ai-orbit { min-height: 370px; display: grid; place-items: center; }
.demystia-network { position: relative; width: min(430px, 85vw); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.95) 0 16%, rgba(37,99,235,.08) 17% 34%, transparent 35% 100%); }
.demystia-network::before, .demystia-network::after { content:""; position:absolute; inset:14%; border:1px solid rgba(37,99,235,.16); border-radius:50%; }
.demystia-network::after { inset:28%; border-color: rgba(124,58,237,.18); }
.demystia-network-core { position:absolute; inset: 36%; display:grid; place-items:center; border-radius:50%; font-size: clamp(3rem,7vw,5.6rem); font-weight:800; letter-spacing:-.08em; color:#fff; background: linear-gradient(135deg,var(--demystia-blue),var(--demystia-violet)); box-shadow: 0 25px 60px rgba(67,56,202,.22); }
.demystia-network .node { position:absolute; width:12px; height:12px; border-radius:50%; background:var(--demystia-blue); box-shadow: 0 0 0 8px rgba(37,99,235,.08), 0 0 30px rgba(37,99,235,.25); }
.demystia-network .node::after { content:""; position:absolute; left:6px; top:6px; width:100px; height:1px; background:linear-gradient(90deg,rgba(37,99,235,.38),transparent); transform-origin:left; }
.demystia-network .n1{left:14%;top:26%}.demystia-network .n1::after{transform:rotate(24deg)}
.demystia-network .n2{right:10%;top:35%;background:var(--demystia-violet)}.demystia-network .n2::after{transform:rotate(150deg)}
.demystia-network .n3{left:18%;bottom:22%;background:var(--demystia-cyan)}.demystia-network .n3::after{transform:rotate(-34deg)}
.demystia-network .n4{right:17%;bottom:17%}.demystia-network .n4::after{transform:rotate(210deg)}
.demystia-network .n5{left:43%;top:5%;background:var(--demystia-violet)}.demystia-network .n5::after{transform:rotate(90deg)}
.demystia-network .n6{right:2%;top:58%;background:var(--demystia-cyan)}.demystia-network .n6::after{transform:rotate(184deg)}
.demystia-network .n7{left:4%;top:51%}.demystia-network .n7::after{transform:rotate(5deg)}

.demystia-section { padding-top: clamp(3rem, 7vw, 5rem); padding-bottom: clamp(3rem, 7vw, 5rem); }
.demystia-section + .demystia-section { padding-top: 0; }
.demystia-featured-card { background: var(--demystia-surface); border: 1px solid var(--demystia-line); border-radius: var(--demystia-radius); box-shadow: var(--demystia-shadow); overflow: hidden; gap: 0; }
.demystia-featured-media .wp-block-post-featured-image, .demystia-featured-media img { height: 100%; margin: 0; }
.demystia-featured-media img { object-fit: cover; border-radius: 0 !important; }
.demystia-featured-content { padding: clamp(1.5rem,4vw,3rem); }
.demystia-featured-content .wp-block-post-title { margin: .45rem 0 .8rem; }
.demystia-featured-content .wp-block-post-title a { color: var(--demystia-ink); text-decoration:none; }
.demystia-section-heading { margin-bottom: 1.5rem; align-items: end; }
.demystia-section-heading h2 { margin-bottom: 0; }
.demystia-section-heading p { margin-bottom: .25rem; font-size: .9rem; font-weight: 700; }

.demystia-card-grid .wp-block-post-template { gap: 1.15rem; }
.demystia-post-card {
  height: 100%;
  background: var(--demystia-surface);
  border: 1px solid var(--demystia-line);
  border-radius: 15px;
  overflow: hidden;
  padding: .8rem;
  box-shadow: 0 6px 20px rgba(16,24,40,.035);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.demystia-post-card:hover { transform: translateY(-4px); border-color: #cad5e4; box-shadow: 0 18px 40px rgba(16,24,40,.08); }
.demystia-post-card .wp-block-post-featured-image { margin: 0 0 1rem; }
.demystia-post-card .wp-block-post-featured-image img { transition: transform .35s ease; }
.demystia-post-card:hover .wp-block-post-featured-image img { transform: scale(1.025); }
.demystia-post-card .wp-block-post-title { margin: .45rem 0 .65rem; }
.demystia-post-card .wp-block-post-title a { color: var(--demystia-ink); text-decoration: none; }
.demystia-post-card .wp-block-post-excerpt { font-size: .9rem; line-height: 1.55; }
.demystia-card-category a { color: var(--demystia-blue); text-decoration: none; }
.demystia-card-meta, .demystia-meta-row { color: var(--demystia-muted); font-size: .78rem; }
.demystia-read-more { color: var(--demystia-blue); font-weight: 750; text-decoration: none; font-size: .85rem; }

.demystia-newsletter { margin-top: 1rem; margin-bottom: 5rem; padding: clamp(2rem,5vw,4rem); text-align: center; border-radius: 22px; border: 1px solid #dfe6ff; background: radial-gradient(circle at 20% 20%, rgba(6,182,212,.08), transparent 34%), radial-gradient(circle at 80% 70%, rgba(124,58,237,.10), transparent 34%), #f7f9ff; }
.demystia-newsletter-note { color: var(--demystia-muted); }

.demystia-blog-shell, .demystia-page-shell, .demystia-single-shell { padding-top: clamp(2.5rem,6vw,5rem); padding-bottom: clamp(4rem,8vw,7rem); }
.demystia-page-intro { position: relative; margin-bottom: 2.2rem; padding-bottom: 1.4rem; border-bottom: 1px solid var(--demystia-line); }
.demystia-page-intro > * { margin-left: 0 !important; }
.demystia-blog-search { max-width: 340px; }
.demystia-blog-search .wp-block-search__inside-wrapper { border: 1px solid var(--demystia-line); border-radius: 999px; background: #fff; padding: .2rem; }
.demystia-blog-search input { border: 0; background: transparent; }
.demystia-blog-search button { border-radius: 999px; }
.demystia-list-card { padding: 1rem 0; border-bottom: 1px solid var(--demystia-line); }
.demystia-list-card .wp-block-post-title { margin: .35rem 0 .65rem; }
.demystia-list-card .wp-block-post-title a { color: var(--demystia-ink); text-decoration: none; }
.demystia-list-card .wp-block-post-excerpt { margin-bottom: .6rem; }
.demystia-pagination { margin-top: 2.5rem; }
.demystia-pagination .page-numbers, .demystia-pagination a { min-width: 38px; height: 38px; display:inline-grid; place-items:center; border:1px solid var(--demystia-line); border-radius:9px; background:#fff; text-decoration:none; }
.demystia-pagination .current { background:var(--demystia-blue); color:#fff; border-color:var(--demystia-blue); }
.demystia-archive-grid { margin-top: 2rem; }

.demystia-article-head { max-width: 900px !important; text-align: left; margin-bottom: 2rem; }
.demystia-article-head .wp-block-post-title { letter-spacing: -.045em; margin: .6rem 0 1rem; }
.demystia-article-head .wp-block-post-excerpt { max-width: 760px; }
.demystia-article-meta { color: var(--demystia-muted); gap: 1.2rem; }
.demystia-article-meta .wp-block-post-author { align-items: center; }
.demystia-article-meta .avatar { border-radius: 50%; }
.demystia-article-hero { margin-bottom: 2.5rem; }
.demystia-article-hero img { border-radius: 20px; box-shadow: var(--demystia-shadow); object-fit: cover; }
.demystia-article-layout { align-items: flex-start; gap: clamp(2rem,4vw,4.5rem); }
.demystia-toc-column { position: sticky; top: 110px; }
.demystia-toc { padding: 1.2rem; background: #fff; border: 1px solid var(--demystia-line); border-radius: 14px; font-size: .78rem; line-height: 1.45; }
.demystia-toc strong { display:block; margin-bottom:.75rem; font-size:.8rem; text-transform:uppercase; letter-spacing:.07em; }
.demystia-toc ol { margin: 0; padding-left: 1.05rem; }
.demystia-toc li { margin: .42rem 0; }
.demystia-toc li.is-subheading { margin-left: .7rem; }
.demystia-toc a { color: var(--demystia-muted); text-decoration: none; }
.demystia-toc a:hover { color: var(--demystia-blue); }
.demystia-article-content { font-size: 1.04rem; }
.demystia-article-content > h2 { margin-top: 3rem; padding-top: .35rem; font-size: clamp(1.6rem,2.4vw,2.15rem); letter-spacing: -.03em; }
.demystia-article-content > h3 { margin-top: 2rem; font-size: clamp(1.25rem,2vw,1.55rem); }
.demystia-article-content p { margin-top: 1rem; margin-bottom: 1rem; }
.demystia-article-content blockquote, .demystia-article-content .wp-block-quote.is-style-demystia-insight { position:relative; margin: 2rem 0; padding: 1.6rem 1.6rem 1.6rem 4rem; border: 1px solid #d6e0ff; border-radius: 16px; background: linear-gradient(135deg,#f4f7ff,#f8f5ff); }
.demystia-article-content blockquote::before { content:'“'; position:absolute; left:1.25rem; top:.25rem; font-size:4rem; line-height:1; color:var(--demystia-blue); opacity:.65; }
.demystia-article-content table { width:100%; border-collapse:separate; border-spacing:0; overflow:hidden; border:1px solid var(--demystia-line); border-radius:12px; background:#fff; font-size:.92rem; }
.demystia-article-content th { background:#f3f6fb; text-align:left; }
.demystia-article-content th, .demystia-article-content td { padding:.8rem .9rem; border-bottom:1px solid var(--demystia-line); border-right:1px solid var(--demystia-line); }
.demystia-article-content tr:last-child td { border-bottom:0; }
.demystia-article-content th:last-child, .demystia-article-content td:last-child { border-right:0; }
.demystia-article-content img { border-radius: 14px; }
.demystia-tags { margin-top: 3rem; padding-top: 1.4rem; border-top: 1px solid var(--demystia-line); color: var(--demystia-muted); }
.demystia-post-nav { margin-top: 3rem; padding-top: 2rem; border-top:1px solid var(--demystia-line); display:flex; justify-content:space-between; gap:1rem; }
/* Static pages: spacing is controlled declaratively by templates/page.html. */
.demystia-page-content { font-size: 1.02rem; }
.demystia-empty-state { min-height:60vh; display:flex; flex-direction:column; justify-content:center; }

.is-style-demystia-card { background:#fff; border:1px solid var(--demystia-line); border-radius:16px; padding:1.5rem; box-shadow:0 10px 32px rgba(16,24,40,.05); }

.demystia-site-footer { padding-top: 4rem; padding-bottom: 1.5rem; border-top: 1px solid var(--demystia-line); background: #fff; }
.demystia-footer-grid { gap: 2.5rem; }
.demystia-footer-grid .wp-block-navigation { font-size:.9rem; }
.demystia-footer-grid .wp-block-navigation a { color:var(--demystia-muted); text-decoration:none; }
.demystia-footer-grid .wp-block-navigation a:hover { color:var(--demystia-blue); }
.demystia-footer-bottom { margin-top: 3rem; padding-top: 1.25rem; border-top:1px solid var(--demystia-line); }
.demystia-footer-bottom p { margin:0; }

@media (max-width: 980px) {
  .demystia-header-search { display:none; }
  .demystia-card-grid .wp-block-post-template { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .demystia-ai-orbit { min-height:300px; }
  .demystia-article-layout { display:block; }
  .demystia-toc-column { position:static; margin-bottom:2rem; }
  .demystia-toc { max-width:760px; }
}

@media (max-width: 782px) {
  .admin-bar .demystia-site-header { top: 46px; }
  .demystia-header-inner { min-height:66px; }
  .demystia-hero { padding-top:3rem; }
  .demystia-hero-columns { flex-direction:column; }
  .demystia-ai-orbit { min-height:260px; }
  .demystia-network { width:min(320px,78vw); }
  .demystia-featured-card { display:block; }
  .demystia-featured-media img { min-height:240px; }
  .demystia-card-grid .wp-block-post-template { grid-template-columns: 1fr !important; }
  .demystia-list-card { display:block; }
  .demystia-list-card .wp-block-column:first-child { margin-bottom:1rem; }
  .demystia-article-hero img { aspect-ratio:16/9 !important; }
  .demystia-article-content { font-size:1rem; }
  .demystia-article-content table { display:block; overflow-x:auto; white-space:nowrap; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { transition-duration:.01ms !important; animation-duration:.01ms !important; }
}