/* UNTU, Inc. — "Budget Dashboard" styling overlay */
:root{
  --m-bg:#f4f6f4;
  --m-surface:#ffffff;
  --m-surface-2:#fbfcfb;
  --m-ink:#12261c;
  --m-muted:#6b7d73;
  --m-line:#e3e9e4;
  --m-brand:#1f9d6a;
  --m-brand-2:#14724d;
  --m-accent:#c8f4dd;
  --m-ink-dark:#0e2019;
  --m-radius:18px;
  --m-radius-sm:12px;
  --m-shadow:0 1px 2px rgba(18,38,28,.04), 0 12px 28px -18px rgba(18,38,28,.25);
  --m-font:'Inter','SF Pro Text',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --m-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}

html,body{background:var(--m-bg) !important;}
body,button,input,select,textarea{
  font-family:var(--m-font) !important;
  color:var(--m-ink);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

#page{
  background:transparent !important;
  box-shadow:none !important;
  margin:0 auto !important;
  padding:26px 26px 56px !important;
  max-width:1160px !important;
  width:auto !important;
}

/* ── HEADER: light dashboard panel ───────────────────────────── */
#branding{
  position:relative;
  border-radius:var(--m-radius);
  overflow:hidden;
  background:
    radial-gradient(680px 260px at 92% -20%, rgba(31,157,106,.14), transparent 65%),
    linear-gradient(180deg,#ffffff 0%,#f7fbf8 100%);
  border:1px solid var(--m-line) !important;
  color:var(--m-ink);
  padding:30px 168px 26px 32px !important;
  margin-bottom:16px;
  box-shadow:var(--m-shadow);
  border-bottom:1px solid var(--m-line) !important;
}
#branding::before{
  content:"";
  position:absolute;left:0;top:0;bottom:0;width:5px;
  background:linear-gradient(180deg,var(--m-brand),#7fd8ae);
}
#branding::after{
  content:"";
  position:absolute;
  top:26px;right:26px;bottom:26px;
  width:104px;
  background:url('assets/logo-mark.png') no-repeat center right / contain;
  pointer-events:none;
  z-index:2;
  filter:drop-shadow(0 8px 20px rgba(18,38,28,.18));
}
@media (max-width:720px){
  #branding::after{width:56px;top:16px;right:16px;bottom:16px;}
}
#branding > *{position:relative;z-index:1;}
#branding hgroup{
  text-align:left !important;
  margin:0 !important;padding:0 !important;max-width:100% !important;
}
#site-title{
  font-size:32px !important;
  font-weight:700 !important;
  letter-spacing:-.03em !important;
  margin:0 !important;padding:0 !important;line-height:1.1 !important;
}
#site-title a{
  color:var(--m-ink-dark) !important;
  text-shadow:none !important;
  text-decoration:none !important;
  -webkit-text-fill-color:currentColor;
}
#site-description{
  font-size:13.5px !important;
  font-weight:500 !important;
  font-style:normal !important;
  color:var(--m-muted) !important;
  margin:8px 0 0 !important;padding:0 !important;
  letter-spacing:.005em;
}
#branding > a > img[src*="headers/"]{display:none !important;}
#branding > a[href$="index.html"]:has(> img){display:none !important;}

/* ── NAV: segmented pill bar ─────────────────────────────────── */
#access{
  background:var(--m-surface) !important;
  border:1px solid var(--m-line);
  box-shadow:var(--m-shadow) !important;
  margin:0 0 22px !important;
  padding:6px !important;
  border-radius:14px;
}
#access .menu-main-container,#access div{background:transparent !important;}
#access ul#menu-main{
  display:flex;flex-wrap:wrap;gap:4px;
  background:transparent !important;margin:0 !important;padding:0 !important;
}
#access ul li{background:transparent !important;border:none !important;}
#access ul li a{
  display:inline-block;
  padding:9px 15px !important;
  color:var(--m-muted) !important;
  font-size:14px !important;
  font-weight:600 !important;
  text-shadow:none !important;
  text-transform:none !important;
  border-radius:10px;
  transition:background .18s,color .18s;
}
#access ul li a:hover{background:#f1f5f2 !important;color:var(--m-ink) !important;}
#access ul .current-menu-item > a,
#access ul .current_page_item > a{
  background:var(--m-brand) !important;
  color:#fff !important;
  box-shadow:0 6px 14px -8px rgba(31,157,106,.9);
}
#access ul li ul{background:#fff !important;box-shadow:var(--m-shadow) !important;border:1px solid var(--m-line);border-radius:12px !important;overflow:hidden;}
#access ul li ul a{color:var(--m-ink) !important;}

/* ── MAIN ────────────────────────────────────────────────────── */
#main{background:transparent !important;border:none !important;padding:0 !important;margin:0 !important;box-shadow:none !important;}
#primary,#content{background:transparent !important;margin:0 !important;padding:0 !important;width:auto !important;float:none !important;}

article.hentry,article[id^="post-"]{
  background:var(--m-surface);
  border:1px solid var(--m-line);
  border-radius:var(--m-radius);
  padding:34px 38px !important;
  margin:0 0 20px !important;
  box-shadow:var(--m-shadow);
}
article .entry-header{
  border:none !important;padding:0 0 18px !important;margin:0 0 20px !important;
  border-bottom:1px solid var(--m-line) !important;
}
article .entry-title,h1.entry-title{
  font-size:30px !important;
  font-weight:700 !important;
  letter-spacing:-.025em !important;
  color:var(--m-ink-dark) !important;
  margin:0 !important;padding:0 !important;line-height:1.15 !important;
}
article .entry-content,
article .entry-content p,
article .entry-content li{
  font-size:15.5px !important;line-height:1.75 !important;color:#31423a !important;
}
article .entry-content h2{
  font-size:19px !important;font-weight:700 !important;
  color:var(--m-ink-dark) !important;
  margin:30px 0 12px !important;letter-spacing:-.01em;
  padding-left:12px;border-left:3px solid var(--m-brand);
}
article .entry-content h3{font-size:16px !important;font-weight:650 !important;margin:22px 0 8px !important;color:var(--m-ink-dark) !important;}
article .entry-content a{
  color:var(--m-brand-2) !important;text-decoration:none !important;
  border-bottom:1px solid rgba(31,157,106,.3);
  transition:border-color .2s,color .2s;
}
article .entry-content a:hover{color:var(--m-brand) !important;border-color:var(--m-brand);}
article .entry-content code,article .entry-content pre{
  font-family:var(--m-mono) !important;
  background:var(--m-surface-2) !important;
  border:1px solid var(--m-line);border-radius:10px;padding:2px 6px;font-size:.92em;
}
article .entry-content pre{padding:14px 16px;overflow:auto;}
article .entry-content blockquote{
  border:none !important;border-left:3px solid var(--m-brand) !important;
  background:#f2faf6;padding:14px 18px !important;border-radius:0 12px 12px 0;
  color:#31423a !important;margin:18px 0 !important;
}
article .entry-content ul li::marker{color:var(--m-brand);}

/* Tables styled like dashboard data cards */
article .entry-content table{
  width:100%;border-collapse:separate;border-spacing:0;
  border:1px solid var(--m-line);border-radius:14px;overflow:hidden;
  background:var(--m-surface);margin:16px 0;
}
article .entry-content th,article .entry-content td{
  padding:12px 14px;border-bottom:1px solid var(--m-line);text-align:left;font-size:14.5px;
}
article .entry-content th{
  background:var(--m-surface-2);
  font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--m-muted);
}
article .entry-content tbody tr:hover td{background:#f7fbf9;}
article .entry-content tr:last-child td{border-bottom:none;}
article .entry-content img{max-width:100%;height:auto;border-radius:14px;box-shadow:var(--m-shadow);}
article .entry-meta,article footer.entry-meta{display:none !important;}

#comments{display:none !important;}

/* ── FOOTER ──────────────────────────────────────────────────── */
#colophon{background:transparent !important;border:none !important;margin-top:12px !important;padding:0 !important;}
#supplementary{
  background:var(--m-surface);
  border:1px solid var(--m-line);
  border-radius:var(--m-radius);
  padding:24px 28px !important;margin:0 0 14px !important;
  box-shadow:var(--m-shadow);width:auto !important;
}
#supplementary .widget-area{width:auto !important;float:none !important;}
#supplementary aside{background:transparent !important;padding:0 !important;margin:0 !important;}
#supplementary h3.widget-title{
  font-size:11.5px !important;font-weight:700 !important;
  text-transform:uppercase;letter-spacing:.1em;
  color:var(--m-muted) !important;
  border:none !important;padding:0 0 10px !important;margin:0 0 10px !important;
  border-bottom:1px solid var(--m-line) !important;
  background:none !important;text-shadow:none !important;
}
#supplementary a{color:var(--m-brand-2) !important;text-decoration:none;}
#supplementary a:hover{color:var(--m-brand) !important;}

#site-generator{
  text-align:center;font-size:12px !important;color:var(--m-muted) !important;
  padding:14px 0 0 !important;background:none !important;border:none !important;
}
#site-generator a{color:var(--m-muted) !important;text-decoration:none;}

::selection{background:var(--m-accent);color:var(--m-ink-dark);}

@media (max-width:720px){
  #page{padding:14px !important;}
  #branding{padding:24px 88px 20px 20px !important;}
  #site-title{font-size:25px !important;}
  article.hentry,article[id^="post-"]{padding:22px 20px !important;}
  article .entry-title,h1.entry-title{font-size:23px !important;}
  #access ul#menu-main{gap:2px;}
  #access ul li a{padding:8px 11px !important;font-size:13px !important;}
  article .entry-content table{display:block;overflow-x:auto;}
}