/* Shared styling for the /learn content hub — matches the PalmistriAI brand */
:root{--bg:#160c29;--bg2:#1f1338;--card:#241844;--line:#3a2a63;--txt:#efeaf8;--muted:#b4a7d6;--gold:#FFD700;--gold2:#e0b352}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(165deg,#160c29,#1f1338);color:var(--txt);font:17px/1.8 'Inter',-apple-system,Segoe UI,Roboto,sans-serif}
a{color:var(--gold2);text-decoration:none}a:hover{text-decoration:underline}
.nav{display:flex;align-items:center;justify-content:space-between;max-width:860px;margin:0 auto;padding:18px 22px}
.nav .brand{display:flex;align-items:center;gap:9px;font-family:'Cinzel',serif;font-weight:700;color:#fff;font-size:19px}
.nav .star{width:26px;height:26px}
.cta{background:linear-gradient(135deg,#FFD700,#FFA500);color:#1a0f2e;font-weight:700;padding:9px 18px;border-radius:30px;font-size:14px}
.cta:hover{text-decoration:none;filter:brightness(1.05)}
main{max-width:760px;margin:0 auto;padding:10px 22px 70px}
.crumb{color:var(--muted);font-size:13px;margin:14px 0 6px}
h1{font-family:'Cinzel',serif;font-size:33px;line-height:1.25;margin:8px 0 6px;color:#fff}
.lede{color:var(--muted);font-size:19px;margin:0 0 24px}
h2{font-family:'Cinzel',serif;color:var(--gold2);font-size:24px;margin:36px 0 8px}
h3{color:#fff;font-size:19px;margin:26px 0 6px}
p,li{color:#e4ddf2}
blockquote{border-left:3px solid var(--gold2);margin:18px 0;padding:6px 18px;color:var(--muted);font-style:italic}
.tip{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin:22px 0}
img.hero{width:100%;border-radius:14px;border:1px solid var(--line);margin:14px 0}
.appbox{background:linear-gradient(135deg,#2a1a4d,#3a2168);border:1px solid var(--line);border-radius:16px;padding:24px;margin:34px 0;text-align:center}
.appbox h3{margin:0 0 8px;color:#fff}
.related{border-top:1px solid var(--line);margin-top:40px;padding-top:18px}
.related a{display:block;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;transition:.2s}
.card:hover{border-color:var(--gold2);transform:translateY(-2px)}
.card h3{margin:0 0 6px}.card p{color:var(--muted);font-size:15px;margin:0}
footer{border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:13px;padding:24px}
.star{display:inline-block}