/*
Theme Name: Mispriced Priors
Template: twentytwentyfive
Author: William
Description: Polymarket-inspired theme for Mispriced Priors — light-default fintech minimalism with a dark mode. Inter + Geist Mono, flat and border-driven.
Version: 0.1.0
*/

:root{
  --pm-bg:#ffffff; --pm-surface:#f9fafb; --pm-surface-hover:#f4f5f6;
  --pm-text:#0e0f11; --pm-muted:#77808d; --pm-faint:#aeb4bc;
  --pm-border:#e6e8ea;
  --pm-brand:#1452f0; --pm-brand-hover:#1249d8;
  --pm-yes:#30a159; --pm-no:#c61d1d;
  --pm-radius:12px; --pm-radius-sm:8px; --pm-pill:9999px;
  --pm-shadow:0 8px 16px rgba(0,0,0,.06);
  --pm-font:"Inter",system-ui,-apple-system,sans-serif;
  --pm-mono:"Geist Mono",ui-monospace,SFMono-Regular,monospace;
  --pm-wrap:1180px;
}
html[data-theme=dark]{
  --pm-bg:#15191d; --pm-surface:#17181c; --pm-surface-hover:#1e2428;
  --pm-text:#dee3e7; --pm-muted:#7b8996; --pm-faint:#586879;
  --pm-border:#242b32;
  --pm-brand:#0093fd; --pm-brand-hover:#26a3fd;
  --pm-yes:#5fbe82; --pm-no:#cb3131;
  --pm-shadow:0 8px 16px rgba(0,0,0,.4);
}

/* base */
body{background:var(--pm-bg);color:var(--pm-text);font-family:var(--pm-font);
  -webkit-font-smoothing:antialiased;transition:background .15s,color .15s;}
a{color:var(--pm-brand);text-decoration:none;}
a:hover{color:var(--pm-brand-hover);}
h1,h2,h3,h4{font-family:var(--pm-font);font-weight:600;letter-spacing:-0.025em;line-height:1.2;color:var(--pm-text);}
::selection{background:rgba(20,82,240,.16);}

/* full-bleed helper (breaks out of the template's constrained column) */
.pm-bleed{width:100vw;margin-inline:calc(50% - 50vw);}
.pm-wrap{max-width:var(--pm-wrap);margin-inline:auto;padding:0 24px;}

/* site header */
.wp-site-blocks > header,header.wp-block-template-part{position:sticky;top:0;z-index:20;
  background:color-mix(in srgb,var(--pm-bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(10px);
  border-bottom:1px solid var(--pm-border);}
.wp-block-site-title a{font-weight:700;letter-spacing:-0.03em;color:var(--pm-text)!important;font-size:1.05rem;}

/* buttons */
.pm-btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.95rem;
  padding:.62rem 1.05rem;border-radius:var(--pm-radius-sm);border:1px solid transparent;cursor:pointer;
  transition:.13s cubic-bezier(.4,0,.2,1);}
.pm-btn--primary{background:var(--pm-brand);color:#fff;}
.pm-btn--primary:hover{background:var(--pm-brand-hover);color:#fff;transform:translateY(-1px);}
.pm-btn--ghost{background:transparent;color:var(--pm-text);border-color:var(--pm-border);}
.pm-btn--ghost:hover{background:var(--pm-surface-hover);color:var(--pm-text);}

/* eyebrow + pills */
.pm-eyebrow{font-family:var(--pm-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--pm-muted);font-weight:500;}
.pm-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;
  padding:.22rem .6rem;border-radius:var(--pm-pill);border:1px solid var(--pm-border);
  background:var(--pm-surface);color:var(--pm-muted);letter-spacing:.01em;}
.pm-pill--yes{color:var(--pm-yes);border-color:color-mix(in srgb,var(--pm-yes) 35%,transparent);
  background:color-mix(in srgb,var(--pm-yes) 9%,transparent);}
.pm-pill--no{color:var(--pm-no);border-color:color-mix(in srgb,var(--pm-no) 35%,transparent);
  background:color-mix(in srgb,var(--pm-no) 9%,transparent);}
.pm-pill--brand{color:var(--pm-brand);border-color:color-mix(in srgb,var(--pm-brand) 35%,transparent);
  background:color-mix(in srgb,var(--pm-brand) 8%,transparent);}

/* hero */
.pm-hero{background:var(--pm-bg);border-bottom:1px solid var(--pm-border);
  background-image:radial-gradient(circle at 1px 1px,var(--pm-border) 1px,transparent 0);background-size:22px 22px;}
.pm-hero .pm-wrap{padding-top:84px;padding-bottom:84px;}
.pm-hero h1{font-size:clamp(2.6rem,6vw,4rem);font-weight:900;margin:.4rem 0 0;}
.pm-hero .pm-lead{font-size:1.2rem;color:var(--pm-muted);max-width:34em;margin:1.1rem 0 0;line-height:1.5;}
.pm-actions{display:flex;gap:.7rem;margin-top:1.8rem;flex-wrap:wrap;}

/* section */
.pm-section{padding:56px 0;}
.pm-section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.4rem;}
.pm-section-head h2{font-size:1.5rem;}
.pm-section-head a{font-size:.9rem;font-weight:600;}

/* card grid (market tiles) */
.pm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;}
.pm-card{display:flex;flex-direction:column;gap:.7rem;background:var(--pm-surface);
  border:1px solid var(--pm-border);border-radius:var(--pm-radius);padding:18px 18px 16px;
  transition:.14s cubic-bezier(.4,0,.2,1);}
.pm-card:hover{border-color:color-mix(in srgb,var(--pm-brand) 45%,var(--pm-border));
  box-shadow:var(--pm-shadow);transform:translateY(-2px);}
.pm-card h3{font-size:1.12rem;line-height:1.3;margin:0;}
.pm-card h3 a{color:var(--pm-text);}
.pm-card h3 a:hover{color:var(--pm-brand);}
.pm-card p{margin:0;color:var(--pm-muted);font-size:.92rem;line-height:1.5;}
.pm-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;}
.pm-meta{font-family:var(--pm-mono);font-size:.74rem;color:var(--pm-faint);
  display:flex;align-items:center;gap:.5rem;margin-top:.2rem;}
.pm-card-foot{display:flex;align-items:center;justify-content:space-between;
  border-top:1px solid var(--pm-border);margin-top:.4rem;padding-top:.7rem;}
.pm-num{font-family:var(--pm-mono);font-weight:700;font-size:.95rem;}
.pm-num--yes{color:var(--pm-yes);} .pm-num--no{color:var(--pm-no);}

/* article reading view */
.pm-article{max-width:720px;margin-inline:auto;padding:56px 24px 96px;}
.pm-article-head{border-bottom:1px solid var(--pm-border);padding-bottom:1.6rem;margin-bottom:2rem;}
.pm-article-head h1{font-size:clamp(2rem,4.5vw,2.85rem);font-weight:800;margin:.7rem 0 0;}
.pm-byline{font-family:var(--pm-mono);font-size:.8rem;color:var(--pm-muted);margin-top:1rem;
  display:flex;gap:.6rem;flex-wrap:wrap;}
.pm-article p{font-size:1.0875rem;line-height:1.72;margin:1.25rem 0;color:var(--pm-text);}
.pm-article h2{font-size:1.6rem;font-weight:700;margin:2.6rem 0 .2rem;padding-top:1.4rem;
  border-top:1px solid var(--pm-border);}
.pm-article h3{font-size:1.2rem;font-weight:600;margin:2rem 0 .2rem;color:var(--pm-text);}
.pm-article ul{margin:1.2rem 0;padding-left:1.1rem;}
.pm-article li{margin:.4rem 0;line-height:1.6;}
.pm-article blockquote{margin:1.6rem 0;padding:.4rem 0 .4rem 1.3rem;border-left:3px solid var(--pm-brand);
  color:var(--pm-muted);font-style:normal;}
.pm-article blockquote p{font-size:1.02rem;color:var(--pm-muted);}
.pm-article strong{color:var(--pm-text);font-weight:700;}
.pm-callout{background:var(--pm-surface);border:1px solid var(--pm-border);border-left:3px solid var(--pm-yes);
  border-radius:var(--pm-radius-sm);padding:1.1rem 1.3rem;margin:1.8rem 0;font-size:1rem;color:var(--pm-text);}
.pm-callout .pm-eyebrow{display:block;margin-bottom:.4rem;color:var(--pm-yes);}

/* footer */
.pm-foot{border-top:1px solid var(--pm-border);background:var(--pm-surface);}
.pm-foot .pm-wrap{padding:40px 24px;display:flex;justify-content:space-between;gap:1rem;
  flex-wrap:wrap;color:var(--pm-muted);font-size:.85rem;}
.pm-foot a{color:var(--pm-muted);} .pm-foot a:hover{color:var(--pm-brand);}

/* dark-mode toggle */
.pm-toggle{position:fixed;right:18px;bottom:18px;z-index:50;width:42px;height:42px;border-radius:var(--pm-pill);
  border:1px solid var(--pm-border);background:var(--pm-surface);color:var(--pm-text);cursor:pointer;
  font-size:1.05rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--pm-shadow);}
.pm-toggle:hover{border-color:var(--pm-brand);}