/*
  ============================================================
  ASTRACANA · TAROT JOURNAL — STYLES
  ============================================================
*/
.astr-journal{
  --bg:#1B1235; --bg-soft:#2A1E4D; --gold:#D4AF37; --gold-dim:#9a7f2a;
  --ink:#FAF6EF; --ink-dim:#C9BFAE;
  font-family: Georgia, 'Times New Roman', serif; color: var(--ink);
  display:flex; flex-direction:column; align-items:center;
  padding:32px 20px 52px; text-align:center;
  background: radial-gradient(120% 90% at 50% 0%, var(--bg-soft) 0%, var(--bg) 55%, #14102a 100%);
  border:1px solid rgba(212,175,55,.28); border-radius:20px;
  box-shadow:0 24px 60px rgba(20,12,40,.22); margin:8px 0 24px;
}
.astr-journal *{ box-sizing:border-box; margin:0; padding:0; }
.astr-journal .astr-title{ font-size:clamp(1.7rem,5vw,2.5rem); letter-spacing:.04em; font-weight:normal; }
.astr-journal .astr-star{ color:var(--gold); }
.astr-journal .astr-subtitle{ margin-top:10px; color:var(--ink-dim); font-style:italic; max-width:560px; line-height:1.6; }
.astr-journal .astr-intro{ margin-top:20px; max-width:640px; color:var(--ink); line-height:1.8; font-size:1rem; }
.astr-journal .astr-toolbar{ margin-top:26px; width:min(680px,100%); display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.astr-journal .astr-count{ color:var(--ink-dim); font-style:italic; font-size:.92rem; }
.astr-journal .astr-btn-row{ display:flex; gap:12px; flex-wrap:wrap; justify-content:center; }
.astr-journal .astr-btn{
  font-family:inherit; font-size:.9rem; letter-spacing:.08em; padding:11px 26px;
  border-radius:999px; cursor:pointer; border:1px solid var(--gold);
  background:transparent; color:var(--gold); transition:all .25s; text-decoration:none;
}
.astr-journal .astr-btn:hover{ background:var(--gold); color:var(--bg); }
.astr-journal .astr-btn.astr-primary{ background:var(--gold); color:var(--bg); }
.astr-journal .astr-btn.astr-primary:hover{ filter:brightness(1.1); }
.astr-journal .astr-btn.astr-danger{ border-color:#a06a6a; color:#d9a0a0; }
.astr-journal .astr-btn.astr-danger:hover{ background:#a06a6a; color:var(--bg); }
.astr-journal .astr-entries{ margin-top:20px; width:min(680px,100%); display:flex; flex-direction:column; gap:16px; }
.astr-journal .astr-entry{
  border:1px solid rgba(212,175,55,.28); border-radius:16px; padding:20px;
  background:rgba(255,255,255,.03); text-align:left;
}
.astr-journal .astr-entry .astr-entry-head{ display:flex; justify-content:space-between; align-items:baseline; gap:10px; flex-wrap:wrap; }
.astr-journal .astr-entry .astr-entry-tool{ color:var(--gold); font-size:.78rem; letter-spacing:.18em; text-transform:uppercase; }
.astr-journal .astr-entry .astr-entry-date{ color:var(--ink-dim); font-size:.82rem; font-style:italic; }
.astr-journal .astr-entry .astr-entry-question{ margin-top:8px; font-style:italic; color:var(--ink); line-height:1.6; }
.astr-journal .astr-entry .astr-entry-spread{ margin-top:4px; color:var(--gold-dim); font-size:.85rem; }
.astr-journal .astr-entry .astr-entry-cards{ margin-top:12px; display:flex; flex-wrap:wrap; gap:8px; }
.astr-journal .astr-entry .astr-entry-card{
  font-size:.82rem; border:1px solid rgba(212,175,55,.32); border-radius:999px;
  padding:5px 14px; color:var(--ink);
}
.astr-journal .astr-entry .astr-entry-card.astr-rev{ color:var(--ink-dim); border-style:dashed; }
.astr-journal .astr-entry .astr-entry-notes{ margin-top:12px; font-size:.92rem; line-height:1.75; color:var(--ink-dim); white-space:pre-wrap; }
.astr-journal .astr-entry .astr-entry-actions{ margin-top:14px; display:flex; gap:8px; }
.astr-journal .astr-mini-btn{
  font-family:inherit; font-size:.78rem; letter-spacing:.06em; padding:7px 16px;
  border-radius:999px; cursor:pointer; border:1px solid var(--gold-dim);
  background:transparent; color:var(--gold);
}
.astr-journal .astr-mini-btn:hover{ background:var(--gold); color:var(--bg); }
.astr-journal .astr-mini-btn.astr-del{ border-color:#a06a6a; color:#d9a0a0; }
.astr-journal .astr-mini-btn.astr-del:hover{ background:#a06a6a; color:var(--bg); }
.astr-journal .astr-empty{ margin-top:30px; max-width:560px; }
.astr-journal .astr-empty-title{ font-size:1.3rem; color:var(--gold); margin-bottom:10px; }
.astr-journal .astr-empty p{ color:var(--ink-dim); line-height:1.8; margin-bottom:16px; }
.astr-journal .astr-editor{ margin-top:30px; width:min(560px,100%); border:1px solid rgba(212,175,55,.32); border-radius:16px; padding:24px; background:rgba(255,255,255,.03); }
.astr-journal .astr-h2{ font-weight:normal; font-size:1.4rem; color:var(--gold); letter-spacing:.05em; margin-bottom:16px; }
.astr-journal .astr-ask{ margin-bottom:16px; }
.astr-journal .astr-ask label{ display:block; margin-bottom:8px; font-size:.8rem; letter-spacing:.2em; text-transform:uppercase; color:var(--ink-dim); }
.astr-journal .astr-ask input, .astr-journal .astr-ask textarea{
  width:100%; padding:12px 16px; border-radius:12px; border:1px solid var(--gold-dim);
  background:rgba(255,255,255,.04); color:var(--ink); font-family:inherit; font-size:.95rem; text-align:left; line-height:1.7; resize:vertical;
}
.astr-journal .astr-ask input:focus, .astr-journal .astr-ask textarea:focus{ outline:none; border-color:var(--gold); }
.astr-journal .astr-note{ margin-top:26px; color:var(--ink-dim); font-size:.85rem; font-style:italic; max-width:560px; line-height:1.7; }
.astr-journal .astracana-why-slot{ width:min(640px,100%); display:flex; justify-content:center; }
@media (max-width:480px){ .astr-journal{ padding:16px 4px 40px; } }