/* Celestia blog — article layout, uses app.css theme */
.bwrap{max-width:760px;margin:0 auto;padding:36px 22px 70px;position:relative;z-index:1}
.crumb{font-size:13px;color:var(--faint);margin-bottom:18px}
.crumb a{color:var(--mut);text-decoration:none}
.crumb a:hover{color:var(--gold2)}
article h1{font-family:var(--serif);font-size:clamp(28px,4.5vw,40px);font-weight:600;line-height:1.18;margin-bottom:10px;
  background:linear-gradient(120deg,#f4f0ff 20%,#cfc4ff 60%,#9d8df1 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.meta{color:var(--faint);font-size:13px;margin-bottom:26px;letter-spacing:.04em}
article h2{font-family:var(--serif);font-size:23px;font-weight:600;color:var(--gold2);margin:34px 0 12px}
article h3{font-size:17px;color:var(--tx);margin:24px 0 8px}
article p{margin:0 0 16px;color:#cdd2ea;font-size:16px;line-height:1.8}
article ul,article ol{margin:0 0 18px 22px;color:#cdd2ea;line-height:1.8}
article li{margin-bottom:6px}
article a{color:var(--vio)}
article strong{color:var(--tx)}
article table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:14.5px}
article th,article td{border:1px solid var(--line);padding:9px 12px;text-align:left}
article th{color:var(--gold2);background:#141a31}
article td{color:#cdd2ea}
.cta{display:block;border-radius:var(--r-lg);padding:22px 24px;margin:30px 0;text-decoration:none;
  background:radial-gradient(ellipse 120% 70% at 50% -10%,#33285c 0%,transparent 60%),linear-gradient(165deg,#1c2140,#131834);
  border:1px solid #8e7cff55;box-shadow:0 14px 40px #00000045, 0 0 34px #8e7cff1a;transition:transform .2s,box-shadow .2s}
.cta:hover{transform:translateY(-3px);box-shadow:0 18px 48px #00000055, var(--glow-gold)}
.cta b{font-family:var(--serif);color:var(--gold2);font-size:18px}
.cta span{display:block;color:var(--mut);font-size:14px;margin-top:4px}
.postgrid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:26px}
.postcard{display:block;text-decoration:none;border-radius:var(--r-lg);padding:22px 24px;
  background:var(--card-grad) padding-box,var(--border-grad) border-box;border:1px solid transparent;
  box-shadow:0 12px 36px #00000040;transition:transform .22s,box-shadow .22s}
.postcard:hover{transform:translateY(-4px);box-shadow:0 18px 48px #00000055, var(--glow-vio)}
.postcard h2{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--gold2);margin:0 0 6px}
.postcard p{color:var(--mut);font-size:14.5px;margin:0;line-height:1.6}
.postcard .tagline{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--vio);display:block;margin-bottom:8px}
.bfoot{border-top:1px solid #1c2340;margin-top:50px;padding-top:22px;color:var(--faint);font-size:13px;text-align:center}
.bfoot a{color:var(--mut)}