.eapl-app{--eapl-navy:#173968;--eapl-ink:#202936;--eapl-paper:#fbf8f1;--eapl-accent:#c56f5b;max-width:1180px;margin:28px auto;color:var(--eapl-ink)}
.eapl-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:34px;align-items:center;padding:28px 30px;background:var(--eapl-paper);border:1px solid rgba(23,57,104,.13);border-radius:28px;box-shadow:0 14px 40px rgba(24,38,58,.07)}
.eapl-hero h2{margin:.2rem 0 .65rem;font-size:clamp(2rem,4vw,3.4rem);color:var(--eapl-navy)}.eapl-hero p{font-size:1.08rem;line-height:1.7;margin:0;max-width:700px}.eapl-hero img{display:block;width:100%;max-height:280px;object-fit:contain;border-radius:20px}
.eapl-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin:22px 0 16px}.eapl-tab{border:1px solid rgba(23,57,104,.15);background:#fff;color:var(--eapl-navy);padding:12px 10px;border-radius:24px;font:inherit;font-weight:800;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:108px;text-align:center;transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease}.eapl-tab:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(24,38,58,.08)}.eapl-tab-thumb{width:48px;height:48px;object-fit:contain;display:block}.eapl-tab-label{display:flex;align-items:center;justify-content:center;gap:6px;line-height:1.2}.eapl-tab-glyph{font-size:1rem;opacity:.9}.eapl-tab.is-active{background:var(--eapl-paper);color:var(--eapl-navy);border-color:rgba(197,111,91,.55);box-shadow:0 10px 24px rgba(24,38,58,.08)}
.eapl-status{min-height:22px;font-size:.92rem;color:#667085}.eapl-guide{background:#fff;border:1px solid rgba(23,57,104,.12);border-radius:24px;padding:28px;box-shadow:0 10px 30px rgba(24,38,58,.05)}
.eapl-guide-head{display:flex;gap:18px;align-items:center;margin-bottom:20px}.eapl-guide-planet-art{width:112px;height:112px;flex:0 0 112px;border-radius:24px;background:#f2ede4;border:1px solid rgba(23,57,104,.12);display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}.eapl-guide-planet-art img{display:block;width:100%;height:100%;object-fit:contain;padding:8px}.eapl-guide-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.eapl-guide-glyph{width:46px;height:46px;border-radius:50%;background:var(--eapl-navy);color:#fff;display:grid;place-items:center;font-size:25px;flex:0 0 46px}.eapl-guide h2{margin:.1rem 0;color:var(--eapl-navy)}.eapl-keywords{margin:0;color:#667085}.eapl-overview{font-size:1.03rem;line-height:1.75}.eapl-overview p{margin:0 0 1rem}.eapl-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.eapl-fact{background:#f6f1e8;border-radius:16px;padding:16px 18px}.eapl-fact strong{display:block;color:var(--eapl-navy);margin-bottom:6px}.eapl-fact p{margin:0;line-height:1.55}
.eapl-signs-wrap{margin:18px 0 28px}.eapl-signs-toggle{border:0;background:none;color:var(--eapl-navy);font:inherit;font-weight:850;padding:10px 0;cursor:pointer}.eapl-signs{background:#fff;border:1px solid rgba(23,57,104,.12);border-radius:22px;padding:18px;margin-top:8px}.eapl-sign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.eapl-sign-card{border:1px solid rgba(23,57,104,.10);border-radius:16px;padding:0 15px;background:#fcfbf8}.eapl-sign-card summary{cursor:pointer;font-weight:850;color:var(--eapl-navy);padding:14px 0}.eapl-sign-copy{padding:0 0 15px;line-height:1.65}.eapl-sign-copy p{margin:.65rem 0}.eapl-sign-loading{padding:8px 0;color:#667085}
.eapl-personal{margin-top:28px}.eapl-gate{padding:34px;text-align:center;background:var(--eapl-paper);border:1px solid rgba(23,57,104,.14);border-radius:24px}.eapl-gate h3{color:var(--eapl-navy);font-size:1.6rem;margin:.25rem 0 .7rem}.eapl-gate p{max-width:720px;margin:0 auto 20px;line-height:1.65}.eapl-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.eapl-actions a{display:inline-block;background:var(--eapl-navy);color:#fff!important;text-decoration:none;padding:11px 17px;border-radius:999px;font-weight:800}.eapl-actions a.alt{background:#fff;color:var(--eapl-navy)!important;border:1px solid var(--eapl-navy)}
.eapl-personal-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:30px;align-items:start;background:var(--eapl-paper);border:1px solid rgba(23,57,104,.14);border-radius:26px;padding:26px;box-shadow:0 12px 34px rgba(24,38,58,.06)}.eapl-wheel h3,.eapl-copy h3,.eapl-copy h4{color:var(--eapl-navy)}.eapl-wheel .ea-wheel-wrap{max-width:650px;margin:0 auto}.eapl-copy{background:#fff;border:1px solid rgba(23,57,104,.11);border-radius:20px;padding:22px}.eapl-placement-head{display:flex;gap:14px;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(23,57,104,.10)}.eapl-placement-art{width:74px;height:74px;border-radius:20px;background:#f2ede4;border:1px solid rgba(23,57,104,.12);display:grid;place-items:center;overflow:hidden;flex:0 0 74px}.eapl-placement-art img{display:block;width:100%;height:100%;object-fit:contain;padding:5px}.eapl-placement-glyph{width:32px;height:32px;border-radius:50%;background:var(--eapl-navy);color:#fff;display:grid;place-items:center;font-size:18px;position:absolute;right:-6px;bottom:-6px;box-shadow:0 0 0 3px #fff}.eapl-placement-icon-wrap{position:relative;display:inline-block}.eapl-placement-head h3{margin:.15rem 0}.eapl-placement-head p{margin:0;color:#667085}.eapl-section{margin-top:20px}.eapl-section h4{margin:0 0 8px}.eapl-section p{line-height:1.65}.eapl-sabian{margin-top:20px;background:#f4efe5;border-radius:15px;padding:16px}.eapl-sabian strong{display:block;color:var(--eapl-navy);margin-bottom:5px}.eapl-notable{margin-top:20px;border-left:4px solid var(--eapl-accent);padding-left:14px}.eapl-notable p{margin:.5rem 0;line-height:1.55}.eapl-aspect{padding:11px 0;border-top:1px solid rgba(23,57,104,.09)}.eapl-aspect:first-child{border-top:0}.eapl-aspect-head{display:flex;justify-content:space-between;gap:12px}.eapl-aspect-head span{color:#667085;font-size:.84rem;white-space:nowrap}.eapl-personal .ea-planet-clickable.eapl-context{opacity:.42}.eapl-personal .ea-planet-clickable.eapl-active{opacity:1;filter:drop-shadow(0 0 8px rgba(197,111,91,.75))}.eapl-personal .ea-planet-clickable.eapl-active circle{stroke:var(--eapl-accent)!important;stroke-width:5!important;fill:#fff!important}.eapl-personal .ea-planet-clickable.eapl-active text{font-size:26px!important;fill:var(--eapl-navy)!important}.eapl-personal .ea-aspect-group.eapl-aspect-context{opacity:.08}.eapl-personal .ea-aspect-group.eapl-aspect-active{opacity:1}.eapl-personal .ea-aspect-group.eapl-aspect-active .ea-aspect-line{stroke-width:2.5px!important}
@media(max-width:850px){.eapl-hero,.eapl-personal-grid{grid-template-columns:1fr}.eapl-hero img{max-height:220px}.eapl-facts,.eapl-sign-grid{grid-template-columns:1fr}.eapl-tab{min-height:96px;padding:10px 8px}.eapl-guide,.eapl-personal-grid{padding:18px}.eapl-copy{padding:18px}.eapl-aspect-head{display:block}.eapl-aspect-head span{display:block;margin-top:3px}.eapl-guide-head{align-items:flex-start}.eapl-guide-planet-art{width:88px;height:88px;flex-basis:88px}}

/* v0.1.1: make the personalized wheel self-contained and visually identical to EasyAstro's natal wheel even when Platform chart CSS is not enqueued on this Learn page. */
.eapl-personal .ea-wheel{width:100%;height:auto;display:block;overflow:visible}
.eapl-personal .ea-ring{fill:none!important;stroke:rgba(37,48,59,.23)!important;stroke-width:1.4!important}
.eapl-personal .ea-ring-outer{fill:rgba(255,255,255,.5)!important;stroke:rgba(37,48,59,.23)!important;stroke-width:2!important}
.eapl-personal .ea-ring-inner{fill:rgba(246,240,231,.45)!important;stroke:rgba(37,48,59,.23)!important}
.eapl-personal .ea-zline,.eapl-personal .ea-house-line{stroke:rgba(37,48,59,.26)!important;stroke-width:1!important;fill:none!important}
.eapl-personal .ea-house-line{stroke-dasharray:3 4!important}
.eapl-personal .ea-sign-label{font-size:13px!important;font-weight:800!important;letter-spacing:.08em!important;fill:#25303b!important;opacity:.8!important}
.eapl-personal .ea-angle-axis{stroke:rgba(37,48,59,.48)!important;stroke-width:1.8!important;fill:none!important}
.eapl-personal .ea-asc-axis{stroke:rgba(37,48,59,.62)!important}
.eapl-personal .ea-angle-label{font-size:11px!important;font-weight:900!important;letter-spacing:.12em!important;fill:#25303b!important}
.eapl-personal .ea-planet circle{fill:#fffdf8!important;stroke:#25303b!important;stroke-width:1.5!important}
.eapl-personal .ea-planet text{font-size:14px!important;font-weight:800!important;fill:#25303b!important}
.eapl-personal .ea-aspect-line{stroke:rgba(37,48,59,.16)!important;stroke-width:1!important;fill:none!important}
.eapl-personal .ea-conjunction,.eapl-personal .ea-opposition{stroke:rgba(214,107,82,.34)!important}
.eapl-personal .ea-trine,.eapl-personal .ea-sextile{stroke:rgba(178,139,67,.34)!important}
.eapl-personal .ea-wheel-wrap{position:relative;width:100%;max-width:680px;margin:auto}


/* v0.1.3: animated featured-planet stage in the hero. */
.eapl-planet-stage{position:relative;min-height:330px;display:grid;place-items:center;overflow:hidden;border-radius:26px;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.92) 0 18%,rgba(242,237,228,.78) 48%,rgba(23,57,104,.06) 100%)}
.eapl-stage-planet{position:absolute;inset:18px;display:grid;grid-template-rows:1fr auto;place-items:center;margin:0;opacity:0;transform:translateY(12px) scale(.92) rotate(-2deg);transition:opacity .75s ease,transform .8s cubic-bezier(.2,.7,.2,1);pointer-events:none;z-index:2}
.eapl-stage-planet.is-visible{opacity:1;transform:translateY(0) scale(1) rotate(0)}
.eapl-stage-planet img{width:min(78%,290px);height:min(240px,74%);max-height:240px;object-fit:contain;filter:drop-shadow(0 20px 22px rgba(19,35,57,.18));animation:eaplPlanetFloat 5.2s ease-in-out infinite}
.eapl-stage-planet figcaption{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid rgba(23,57,104,.12);box-shadow:0 6px 18px rgba(24,38,58,.08);font-weight:850;color:var(--eapl-navy);font-size:.92rem}
.eapl-stage-planet figcaption span{font-size:1.06rem}
.eapl-orbit{position:absolute;border:1px solid rgba(23,57,104,.11);border-radius:50%;pointer-events:none;z-index:1}.eapl-orbit-one{width:78%;aspect-ratio:1.75/1;transform:rotate(-12deg)}.eapl-orbit-two{width:62%;aspect-ratio:1.55/1;transform:rotate(18deg);border-style:dashed;opacity:.65}
.eapl-planet-stage.is-locked::after{content:'Selected';position:absolute;top:16px;right:16px;padding:6px 10px;border-radius:999px;background:rgba(23,57,104,.88);color:#fff;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;z-index:4}
@keyframes eaplPlanetFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.eapl-stage-planet,.eapl-stage-planet img{transition:none!important;animation:none!important}}
@media(max-width:850px){.eapl-planet-stage{min-height:260px}.eapl-stage-planet img{max-height:185px;width:min(70%,230px)}}

/* v0.1.5: always-visible sign chooser above the personalized chart. */
.eapl-signs-wrap{margin:24px 0 28px;background:#fff;border:1px solid rgba(23,57,104,.12);border-radius:24px;padding:22px 24px;box-shadow:0 10px 30px rgba(24,38,58,.04)}
.eapl-signs-heading{margin-bottom:16px}.eapl-signs-heading h3{margin:.18rem 0 .3rem;color:var(--eapl-navy);font-size:1.45rem}.eapl-signs-heading p{margin:0;color:#667085}
.eapl-sign-buttons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.eapl-sign-button{appearance:none;border:1px solid rgba(23,57,104,.14);background:#fcfbf8;color:var(--eapl-navy);border-radius:999px;padding:10px 8px;font:inherit;font-size:.9rem;font-weight:800;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}.eapl-sign-button:hover{transform:translateY(-1px);border-color:rgba(23,57,104,.34)}.eapl-sign-button.is-active{background:var(--eapl-navy);color:#fff;border-color:var(--eapl-navy)}
.eapl-sign-detail{margin-top:18px;background:var(--eapl-paper);border:1px solid rgba(23,57,104,.10);border-radius:18px;padding:20px 22px}.eapl-sign-detail h4{margin:.2rem 0 .7rem;color:var(--eapl-navy);font-size:1.25rem}.eapl-sign-short{font-weight:650;line-height:1.65}.eapl-sign-long{line-height:1.7}.eapl-sign-long p{margin:.7rem 0}
@media(max-width:850px){.eapl-sign-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.eapl-signs-wrap{padding:18px}}
@media(max-width:480px){.eapl-sign-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* v0.1.6: house badge with EasyAstro 12-slice house icon */
.eapl-placement-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:4px}
.eapl-house-badge{display:inline-flex;align-items:center;gap:10px;padding:7px 12px;border-radius:999px;background:#f4efe5;border:1px solid rgba(23,57,104,.10);color:var(--eapl-navy);font-weight:800;font-size:.92rem}
.eapl-house-label{line-height:1}
.eapl-rx-label{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid rgba(23,57,104,.14);color:#667085;font-weight:800;font-size:.88rem}
.eapl-copy .ea-house-icon{width:28px;height:28px;display:inline-block;flex:0 0 28px;color:var(--eapl-accent);overflow:visible}
.eapl-copy .ea-house-slice{fill:currentColor;opacity:.9;stroke:none}
.eapl-copy .ea-house-spokes{stroke:rgba(37,48,59,.18);stroke-width:.65;fill:none}
.eapl-copy .ea-house-circle{fill:none;stroke:var(--eapl-navy);stroke-width:.9;opacity:.7}
@media(max-width:850px){.eapl-house-badge{gap:8px;padding:6px 10px}.eapl-copy .ea-house-icon{width:26px;height:26px;flex-basis:26px}}