:root{--accent:#48756f;--bg:#ececec;--panel:#f7f7f7;--card:#ffffff;--line:#dddddd;--text:#1c1c1c;--muted:#6f6f6f;--brand-mark-bg:#2a2a2a;--brand-mark-fg:#ffffff;--pubbook-g1:#0b1220;--pubbook-g2:#0b3a46;--pubbook-g3:#0a4b34;--post-font-family:inherit;--post-font-size:21px;--post-line-height:1.9;--read-progress-bg:transparent;--read-progress-fill:var(--text);--read-progress-height:8px;}html[data-theme="dark"]{--accent:#8bb7b2;--bg:#0f1115;--panel:#141414;--card:#141414;--line:#242424;--text:#f3f4f6;--muted:#a8b0ba;--brand-mark-bg:#2a2a2a;--brand-mark-fg:#ffffff;--pubbook-g1-dark:#070a12;--pubbook-g2-dark:#0a2634;--pubbook-g3-dark:#082b22;--read-progress-bg:transparent;--read-progress-fill:var(--text);}

/* Post/Review: solid reading surface that follows theme (no glass blur) */
.post-page .card,
.post-surface{
  background: var(--card) !important;
  backdrop-filter: none !important;
}


/* Post/Review typography (admin-controlled) */
.post-surface .post-body{
  font-family: var(--post-font-family, inherit) !important;
  font-size: var(--post-font-size, 21px) !important;
  line-height: var(--post-line-height, 1.9) !important;
}

/* Reading progress bar (CSP-safe: uses <progress> value updates, no inline styles) */
.read-progress{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: calc(var(--read-progress-height, 7px) + env(safe-area-inset-bottom));
  z-index: 99999;
  pointer-events: none;
  border: 0;
  background: var(--read-progress-bg, transparent);
  appearance: none;
  -webkit-appearance: none;
}
.read-progress::-webkit-progress-bar{
  background: var(--read-progress-bg, transparent);
}
.read-progress::-webkit-progress-value{
  background: var(--read-progress-fill, #000);
}
.read-progress::-moz-progress-bar{
  background: var(--read-progress-fill, #000);
}


/* Print: ensure FAQ answers are visible + don't append URLs next to link text */
@media print{
  /* Don't print the URL after link text (overrides style.css print helper) */
  .post-body a[href]::after{ content:"" !important; display:none !important; }

  /* Force <details> content visible even if not open (FAQ + TOC) */
  details.rte-faq__item:not([open]) > *:not(summary){ display:block !important; }
  details.toc:not([open]) > *:not(summary){ display:block !important; }

  /* Hide default markers/arrows for a cleaner print */
  details.rte-faq__item > summary::-webkit-details-marker{ display:none !important; }
  details.rte-faq__item > summary::marker{ content:""; }
  .post-body .rte-faq__q::after{ display:none !important; }
}