/* Mirrorhouse skin for the wiki's WordPress pages (Twenty Twenty-Five).
   Enqueued site-wide by mu-plugins/mirrorhouse-skin.php. Matches the
   Soul Meter design system: carved obsidian, bronze trim, arcane violet. */
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Fira+Code:wght@400;500&display=swap");

:root{
  --mh-bg:#12151B; --mh-bg2:#0C0E12; --mh-pnl:#1B1F27;
  --mh-ln:#3A414D; --mh-ln2:#4E5665;
  --mh-tx:#E2E8F0; --mh-dm:#94A3B8; --mh-fnt:#64748B;
  --mh-br:#946B2D; --mh-br2:#D9AB45; --mh-ac:#A855F7;
  --mh-disp:"Cinzel","Times New Roman",serif;
  --mh-body:"Cormorant Garamond",Georgia,serif;
  --mh-mono:"Fira Code",ui-monospace,monospace;
  --mh-notch:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
}

body{
  background:var(--mh-bg) !important;
  color:var(--mh-tx) !important;
  font-family:var(--mh-body) !important;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse 90% 60% at 50% -12%, rgba(168,85,247,.14), transparent 62%),
             radial-gradient(ellipse 75% 50% at 50% 112%, rgba(184,192,204,.08), transparent 62%);
}
.wp-site-blocks{position:relative;z-index:1}

/* headings: inscriptional serif */
h1,h2,h3,h4,h5,h6,
.wp-block-post-title,.wp-block-site-title{
  font-family:var(--mh-disp) !important;
  color:var(--mh-tx) !important;
  letter-spacing:.03em;
}
h1.wp-block-post-title{
  font-weight:900;line-height:1;
  text-shadow:0 0 40px rgba(168,85,247,.3);
}
.wp-block-post-title a,.wp-block-site-title a{color:var(--mh-tx) !important}

/* body copy */
.wp-block-post-content, .entry-content{
  font-family:var(--mh-body);
  font-size:17px;line-height:1.8;color:var(--mh-tx);
}
.wp-block-post-content p{color:var(--mh-tx)}
.wp-block-post-content h2{border-bottom:1px solid var(--mh-ln);padding-bottom:8px;margin-top:2em}
.wp-block-post-content h3{color:#B8C0CC;font-size:1.05em;letter-spacing:.12em;text-transform:uppercase}

/* links: bronze, brightening on hover */
a{color:var(--mh-br2) !important;text-decoration:none !important;border-bottom:1px solid rgba(217,171,69,.3)}
a:hover{color:var(--mh-tx) !important;border-bottom-color:var(--mh-tx)}
.wp-block-navigation a,.wp-block-site-title a,.wp-block-post-title a{border-bottom:none}

/* the lead summary line the sync script emits */
.dg-summary{
  font-style:italic;color:var(--mh-dm);font-size:1.06em;line-height:1.7;
  border-left:2px solid var(--mh-ac);
  background:linear-gradient(90deg,rgba(168,85,247,.08),transparent);
  padding:12px 16px;margin:0 0 22px;
}
.dg-summary em{font-style:italic}

/* the metadata info box */
ul.dg-infobox, .wp-block-post-content ul[style*="background:#f4f4f4"]{
  list-style:none !important;
  background:var(--mh-pnl) !important;
  border:1px solid var(--mh-ln) !important;
  border-left:none !important;
  border-top:2px solid var(--mh-ac) !important;
  clip-path:var(--mh-notch);
  box-shadow:0 14px 30px rgba(7,8,11,.6);
  padding:16px 20px !important;
  margin:0 0 26px;
  font-size:14.5px;line-height:1.7;
}
ul.dg-infobox li{margin:0 0 7px;color:var(--mh-dm)}
ul.dg-infobox li strong{
  font-family:var(--mh-mono);font-weight:400;font-size:10px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--mh-fnt);
  display:inline-block;min-width:9em;
}
.dg-mirrorhouse{
  font-family:var(--mh-mono);font-size:11px;letter-spacing:.08em;
  margin:-14px 0 26px;
}
.dg-mirrorhouse a{color:var(--mh-ac) !important;border-bottom-color:rgba(168,85,247,.35)}
.dg-mirrorhouse a:hover{color:var(--mh-tx) !important}

/* quotes, rules, code */
blockquote{border-left:2px solid var(--mh-ac) !important;background:rgba(255,255,255,.02);color:var(--mh-dm);font-style:italic;padding:12px 16px}
hr{border:0 !important;border-top:1px solid var(--mh-ln) !important;opacity:1}
code,pre{font-family:var(--mh-mono);color:#B8C0CC;background:var(--mh-bg2)}
table{border-collapse:collapse;font-size:.92em}
table td,table th{border:1px solid var(--mh-ln);padding:6px 10px}
table th{font-family:var(--mh-disp);letter-spacing:.08em;text-transform:uppercase;font-size:.85em}

/* taxonomy chips (categories/tags rows) */
.wp-block-post-terms a, .taxonomy-category a, .taxonomy-post_tag a{
  font-family:var(--mh-disp);font-size:10px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;border:1px solid var(--mh-ln);padding:4px 9px;
  display:inline-block;margin:2px 2px 2px 0;
  clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);
  color:var(--mh-dm) !important;
}
.wp-block-post-terms a:hover{border-color:var(--mh-ac);color:var(--mh-tx) !important}

/* header / footer chrome */
header.wp-block-template-part, footer.wp-block-template-part{
  border-color:var(--mh-ln);
}
.wp-block-post-date, .wp-block-post-author-name, .wp-block-comments, .wp-block-post-navigation-link{
  font-family:var(--mh-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mh-fnt);
}

/* archive / query-loop cards */
.wp-block-post-template .wp-block-post{
  border:1px solid var(--mh-ln);background:var(--mh-pnl);
  clip-path:var(--mh-notch);padding:18px 20px;
}
.wp-block-post-excerpt__excerpt{color:var(--mh-dm);font-size:14.5px;line-height:1.65}

/* Twenty Twenty-Five featured image block treatment */
.wp-block-post-featured-image {
  border: 1px solid var(--mh-ln) !important;
  background: var(--mh-pnl) !important;
  clip-path: var(--mh-notch) !important;
  border-radius: 0 !important;
  margin-bottom: 26px !important;
}
.wp-block-post-featured-image img {
  border-radius: 0 !important;
  display: block;
}

/* selection + scrollbar to match the house */
::selection{background:var(--mh-ac);color:var(--mh-bg)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:var(--mh-ac)}
::-webkit-scrollbar-track{background:var(--mh-bg2)}