/* Changelog readability: every release gets its own frosted-glass box, so text never sits
   directly on the (sometimes bright) background art. Additive — loaded last on log.html / log-post.html.
   Dark theme: smoked glass.  Light theme: milky glass with black text.  Ambient on => a bit more see-through. */

/* ---------- shared card shape ---------- */
body.site-page .version,
.ann-card,
.post-wrap{
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  background:rgba(7,11,17,.62);
  box-shadow:0 10px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(12px) saturate(1.15);
  backdrop-filter:blur(12px) saturate(1.15);
}
body.site-page .version{padding:24px 26px;margin:0 0 18px;border-top:1px solid rgba(255,255,255,.14)}
body.site-page .version:first-of-type{border-top:1px solid rgba(255,255,255,.14)}
.post-wrap{padding:28px 30px;margin:34px auto 58px}
.ann-card{overflow:hidden}
body.ambient-mode .version,body.ambient-mode .ann-card,body.ambient-mode .post-wrap{background:rgba(7,11,17,.50)}
.version:target{border-color:var(--rise)}

@media (max-width:760px){
  body.site-page .version{padding:18px 16px;border-radius:16px;margin-bottom:14px}
  .post-wrap{padding:20px 16px;border-radius:16px}
}
@media (prefers-reduced-motion:reduce){
  body.site-page .version,.ann-card,.post-wrap{-webkit-backdrop-filter:none;backdrop-filter:none}
}
/* Browsers without backdrop-filter get a more solid box so text stays readable */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  body.site-page .version,.ann-card,.post-wrap{background:rgba(9,13,19,.88)}
}

/* ---------- LIGHT THEME: milky glass + black text ---------- */
html[data-theme="light"] body.site-page .version,
html[data-theme="light"] .ann-card,
html[data-theme="light"] .post-wrap{
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(23,33,43,.13)!important;
  box-shadow:0 10px 30px rgba(30,50,80,.10),inset 0 1px 0 rgba(255,255,255,.9)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.2);
  backdrop-filter:blur(14px) saturate(1.2);
}
html[data-theme="light"] body.ambient-mode .version,
html[data-theme="light"] body.ambient-mode .ann-card,
html[data-theme="light"] body.ambient-mode .post-wrap{
  background:rgba(255,255,255,.66)!important;border-color:rgba(10,142,160,.24)!important;
}
html[data-theme="light"] .version:target{border-color:#0a8ea0!important}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  html[data-theme="light"] body.site-page .version,html[data-theme="light"] .ann-card,html[data-theme="light"] .post-wrap{background:rgba(255,255,255,.95)!important}
}

/* black text on the changelog in light theme */
html[data-theme="light"] .log-hero h2,
html[data-theme="light"] .version h3,
html[data-theme="light"] .ann-card h3,
html[data-theme="light"] .post-wrap h1,
html[data-theme="light"] .post-wrap h2,
html[data-theme="light"] .post-wrap h3,
html[data-theme="light"] #ann-list h2,
html[data-theme="light"] #announcements h2{color:#0b1119!important}
html[data-theme="light"] .change-list li,
html[data-theme="light"] .version li,
html[data-theme="light"] .li-body,
html[data-theme="light"] .post-body,
html[data-theme="light"] .post-body p,
html[data-theme="light"] .post-body li{color:#111a24!important}
html[data-theme="light"] .version .vsub,
html[data-theme="light"] .ann-card p,
html[data-theme="light"] .log-hero p,
html[data-theme="light"] .post-body blockquote{color:#2f3c4b!important}
html[data-theme="light"] .version .vdate,
html[data-theme="light"] .ann-meta,
html[data-theme="light"] .post-error{color:#4a5767!important}
html[data-theme="light"] .eyebrow{color:#0a6f80}
/* accents that were bright-on-dark: darker so they read on white */
html[data-theme="light"] .version .vtag{color:#066b42!important}
html[data-theme="light"] .tag-new{background:rgba(10,154,96,.14);color:#066b42}
html[data-theme="light"] .tag-fix{background:rgba(211,35,74,.12);color:#a8173a}
html[data-theme="light"] .tag-imp{background:rgba(185,119,14,.16);color:#7a4c04}
html[data-theme="light"] .explain-link,
html[data-theme="light"] .ann-more,
html[data-theme="light"] .post-body a{color:#066b42!important}
html[data-theme="light"] .ann-pin{color:#8a5a06}
html[data-theme="light"] .version code,html[data-theme="light"] .post-body code,html[data-theme="light"] .li-body code{background:rgba(23,33,43,.07);color:#0a4f5c;border-radius:5px;padding:1px 5px}
html[data-theme="light"] .post-body hr{border-top-color:rgba(23,33,43,.16)}
html[data-theme="light"] .post-body blockquote{border-left-color:#0a9a60}