/* Native Magical Chart guide template; copied from the English page. */
:root{--bg:#010810;--white:#eef6ff;--pale:#d8ecff;--soft:#a8caec;--gold:#e8c060;--blue:#5ab0ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -5%,#0c1e3e,#04101f 42%,var(--bg) 80%) fixed;color:var(--pale);font:16px/1.8 DM Sans,sans-serif}.hero,.wrap{max-width:720px;margin:auto;padding:0 22px}.hero{text-align:center;padding-top:55px}.eyebrow{color:var(--gold);font-size:.7rem;letter-spacing:.28em;text-transform:uppercase}.hero h1{font:300 clamp(2.2rem,7vw,3.5rem)/1.1 Cormorant,serif;color:var(--white);margin:16px 0 12px}.hero h1 em{color:var(--blue)}.lead{font:italic 1.2rem/1.6 Cormorant,serif;color:var(--soft)}.wrap{padding-top:30px;padding-bottom:65px}.wrap p{font-size:1.06rem}.wrap h2{font:500 1.8rem/1.2 Cormorant,serif;color:var(--white);margin:42px 0 10px;border-bottom:1px solid rgba(232,192,96,.2);padding-bottom:8px}.wrap h2:before{content:'✦ ';color:var(--gold)}.box{background:rgba(10,30,62,.75);border:1px solid rgba(90,176,255,.2);border-radius:16px;padding:19px 21px;margin:16px 0}.box h3{color:var(--gold);font:500 1.35rem Cormorant,serif;margin:0 0 5px}.box p{margin:5px 0;font-size:1rem}.generic{color:#8ab4d8}.reading{border-color:rgba(232,192,96,.42);background:linear-gradient(160deg,rgba(35,38,57,.9),rgba(8,22,45,.9))}.reading p{font:italic 1.18rem/1.75 Cormorant,serif;color:var(--pale)}.reading strong{font-style:normal;color:var(--gold)}.callout{background:rgba(200,146,42,.09);border:1px solid rgba(200,146,42,.3);border-radius:16px;padding:20px;margin:28px 0}.cta{display:block;text-align:center;max-width:390px;margin:34px auto 12px;padding:15px 24px;border-radius:50px;background:linear-gradient(135deg,#c8922a,#8a5c10);color:#fff;text-decoration:none;font-weight:600}.small{text-align:center;color:var(--soft);font-size:.88rem!important;opacity:.75}.links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:28px}.links a{color:var(--pale);text-decoration:none;border:1px solid rgba(168,202,236,.25);border-radius:50px;padding:8px 14px}@media(max-width:600px){.hero{padding-top:32px}.wrap p{font-size:1.1rem}.reading p{font-size:1.3rem}}