:root{color-scheme:dark;--navy:#031120;--gold:#edcd88;--ink:#e7e5e9;background:var(--navy);color:var(--ink);font-family:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 60% 15%,#08203b88,transparent 55%),var(--navy)}a{color:var(--gold)}button,select{font:inherit;min-height:48px}button,summary,a{touch-action:manipulation}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.top{background:#020c18f2;border-bottom:1px solid #aa854c24}.nav-shell{max-width:1320px;margin:auto;display:flex;align-items:center;gap:24px;min-height:88px;padding:12px 32px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;letter-spacing:.04em;font-size:29px;white-space:nowrap}.brand-sun{font-size:55px;line-height:1;text-shadow:0 0 14px #e6ba6c77}.desktop-nav{display:flex;align-items:center;gap:24px;margin-left:auto;font:13px system-ui}.desktop-nav a{text-decoration:none;color:#f0e8dd}.languages{position:relative;margin-left:auto;font:13px system-ui}.languages summary{list-style:none;white-space:nowrap;padding:12px}.languages nav,.mobile-nav nav{position:absolute;z-index:5;background:#06182b;border:1px solid #ae8d51;padding:12px;display:grid;gap:4px;right:0;min-width:150px;border-radius:8px}.languages a,.mobile-nav a{padding:10px;text-decoration:none}.mobile-nav{display:none}.hero{position:relative;isolation:isolate;min-height:470px;max-width:1440px;margin:auto;overflow:hidden;border-bottom:1px solid #a8884222}.hero-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#03112088 0%,#03112011 60%),url('/assets/mercury/hero.webp') center 43%/cover no-repeat}.zodiac-wheel{position:absolute;width:390px;height:390px;right:4%;top:30px;opacity:.8}.hero-copy{position:relative;padding:50px 52px 32px;max-width:760px}.eyebrow{font:14px system-ui;letter-spacing:.13em;color:var(--gold);margin:0 0 12px}.hero h1{font-size:clamp(34px,4.2vw,58px);line-height:1.03;text-transform:uppercase;color:var(--gold);font-weight:500;margin:0 0 8px;text-shadow:0 2px 12px #00101f}.subtitle{font-size:30px;margin:0 0 16px;color:#f1e6cc}.intro{font-size:18px;line-height:1.5;max-width:590px;margin:0 0 20px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);max-width:570px;padding:0;list-style:none;gap:16px;margin:18px 0 0}.benefits li{text-align:center;font-size:15px;line-height:1.45}.icon{display:grid;place-items:center;border:1px solid #be9652;color:var(--gold);border-radius:50%;width:58px;height:58px;font-size:31px;font-weight:normal}.benefits .icon{margin:0 auto 10px}.shell{max-width:1320px;margin:auto;padding:28px 48px 30px}h2{font-size:29px;font-weight:normal;color:#f0ddaf;line-height:1.2;margin:0 0 12px}h3{font-size:17px;font-weight:normal;color:#f4ead6;margin:0 0 6px}p{line-height:1.45}.panel{position:relative;display:flex;align-items:center;justify-content:space-between;padding:24px;border:1px solid #2b3e5c;border-radius:13px;background:linear-gradient(90deg,#04182ce8 0%,#04182cf2 60%,#04182c55),url('/assets/mercury/hero.webp') right center/cover;overflow:hidden}.panel>div{position:relative;z-index:1;max-width:760px;width:100%}.panel p{margin:0 0 14px}.panel-symbol{color:var(--gold);font-size:105px;opacity:.7;padding:0 35px}.panel form{display:flex;gap:18px;align-items:end}.field{width:340px;max-width:100%}select{width:100%;background:#041426;border:1px solid #6a6c7a;border-radius:8px;padding:12px 16px;font-size:21px;color:#f5ead6}.gold{border:1px solid #d5ae65;background:linear-gradient(#ffe9ad,#dab05a);color:#11151c;border-radius:10px;padding:12px 24px;box-shadow:0 3px 18px #ba874922;white-space:normal}.gold:disabled{opacity:.6;cursor:wait}.result{margin:24px 0 20px}#mercury-status:empty{display:none}#mercury-status{color:#ead29c}.events{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.period{background:linear-gradient(135deg,#06203a,#061427);border:1px solid #435270;border-radius:12px;box-shadow:0 8px 24px #0003;padding:12px 20px 16px;min-width:0;display:flex;flex-direction:column}.number{display:grid;place-items:center;margin:0 auto;width:30px;height:30px;border-radius:50%;background:linear-gradient(#d5b36b,#ae8440);color:#08121e;font-size:22px}.dates{text-align:center;margin:12px 0;font-size:16px;min-height:46px}.sign{display:flex;gap:16px;align-items:center;justify-content:center}.sign>span{font-size:43px;color:#99ade3}.sign small{display:block;margin-top:4px;color:#a6b8e4}.reading{font-size:17px;line-height:1.5;margin:12px 0 18px;flex:1}.period summary{list-style:none;border:1px solid #b79759;border-radius:10px;padding:9px 14px;background:#d8ae5424;color:#f0dbab;text-align:center;font-size:15px}.period summary span{margin-left:10px}.period-details{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.muted{font:12px/1.6 system-ui;color:#aeb9c9}.education{display:grid;grid-template-columns:1fr 1.08fr;gap:36px;align-items:center;margin:26px 0}.education p{font-size:16px;margin:0 0 12px}.education-art{min-height:250px;border:1px solid #394e70;border-radius:14px;background:url('/assets/mercury/hero.webp') right center/cover;display:grid;place-items:center;position:relative;overflow:hidden}.education-art:before{content:'';position:absolute;width:90%;height:30%;border:1px solid #ddbd71;border-radius:50%;transform:rotate(-15deg)}.education-art span{font-size:120px;color:#f5d083;text-shadow:0 0 20px #c49a56;z-index:1}.education-details summary{list-style:none;color:var(--gold);border:1px solid var(--gold);border-radius:30px;padding:10px 20px;display:inline-block}.education-details p{padding-top:14px}.tips{margin:28px 0}.tip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tip-grid article{display:flex;gap:14px;border:1px solid #2c4568;border-radius:12px;background:#061c32;padding:16px 12px}.tip-grid .icon{flex:0 0 48px;width:48px;height:48px;font-size:25px}.tip-grid p{font-size:14px;margin:0;line-height:1.5}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool{display:flex;gap:20px;align-items:center;text-decoration:none;border:1px solid #2b4568;border-radius:12px;padding:18px;background:radial-gradient(circle at 20% 40%,#18375a,#05172a 65%)}.tool p{font-size:14px;color:#d4daea;margin:0 0 10px}.tool-art{display:grid;place-items:center;width:95px;height:95px;flex:0 0 95px;border:1px solid #b29459;border-radius:50%;color:#e8c983;font-size:58px;box-shadow:0 0 20px #bf965623}.tool-action{font-size:15px;text-decoration:underline}.back{display:inline-block;margin-top:26px;font-size:15px}footer{text-align:center;padding:22px;border-top:1px solid #84704533;color:#b4bcca;font:12px system-ui}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:absolute;left:10px;top:-100px;z-index:10;background:#071c31;padding:12px}.skip:focus{top:10px}
@media(max-width:1100px){.nav-shell{padding:10px 24px;gap:12px}.desktop-nav{gap:15px;font-size:12px}.brand{font-size:24px}.hero-copy{padding-left:40px;max-width:68%}.hero h1{font-size:45px}.intro{font-size:17px}.zodiac-wheel{width:350px;height:350px;right:1%;top:40px}.shell{padding:24px 40px}.tip-grid{grid-template-columns:repeat(2,1fr)}.tool{gap:12px}.tool-art{width:65px;height:65px;flex-basis:65px;font-size:42px}}
@media(max-width:800px){.desktop-nav{display:none}.mobile-nav{display:block;margin-left:auto;position:relative;font:18px system-ui}.mobile-nav summary{list-style:none;padding:12px}.nav-shell{min-height:72px}.languages{margin-left:0}.hero-copy{max-width:76%;padding:36px 28px 30px}.hero h1{font-size:40px}.zodiac-wheel{right:-80px;opacity:.45}.hero-art{background-position:65% 40%}.hero{min-height:460px}.intro{max-width:95%}.panel-symbol{display:none}.shell{padding:24px}.events{grid-template-columns:repeat(2,minmax(0,1fr))}.education{gap:24px}.related-grid{grid-template-columns:1fr}.tool-art{width:90px;height:90px;flex-basis:90px}.tool{padding:16px;gap:22px}}
@media(max-width:600px){.nav-shell{padding:8px 14px;gap:4px}.brand{font-size:21px;gap:6px}.brand-sun{font-size:39px}.mobile-nav summary,.languages summary{padding:10px}.hero{min-height:0;padding-top:210px}.hero-art{height:270px;background-position:78% 37%;background-size:auto 380px;mask-image:linear-gradient(#000 70%,transparent)}.zodiac-wheel{width:220px;height:220px;right:calc(50% - 110px);top:12px;opacity:.9}.hero-copy{max-width:none;padding:0 20px 28px;background:linear-gradient(transparent,#031120 35%)}.hero h1{font-size:clamp(32px,9vw,40px);line-height:1.08;overflow-wrap:normal}.eyebrow{font-size:12px;margin-bottom:10px}.subtitle{font-size:23px}.intro{font-size:16px;max-width:none}.benefits{grid-template-columns:repeat(2,1fr);gap:20px 16px;margin-top:24px}.benefits li{font-size:14px}.benefits .icon{width:48px;height:48px;font-size:27px}.shell{padding:20px 16px 28px}h2{font-size:25px}.panel{padding:20px 16px}.panel form{display:grid;gap:12px}.field{width:100%}.panel p{font-size:15px}.gold{width:100%}.events{grid-template-columns:minmax(0,1fr);gap:16px}.period{padding:16px 22px}.dates{min-height:0}.reading{font-size:17px}.period summary{padding:12px}.education{grid-template-columns:1fr;gap:20px}.education-art{min-height:215px}.education p{font-size:16px}.tip-grid{grid-template-columns:1fr}.tip-grid article{padding:16px}.tip-grid p{font-size:15px}.tool{gap:15px}.tool-art{width:72px;height:72px;flex-basis:72px;font-size:42px}.tool h3{font-size:18px}.tool p{font-size:15px}.languages nav{min-width:90px}.mobile-nav nav{right:-75px;min-width:225px}}
/* Keep the entire planet within the hero, with the wheel around its limb. */
@media(min-width:1101px){.hero-art{background-size:auto 100%;background-position:calc(100% - 70px) center;background-color:#031120}.hero-copy{max-width:980px;padding-top:50px}.hero h1{font-size:clamp(42px,4vw,56px)}.zodiac-wheel{right:30px;top:10px;width:430px;height:430px}.intro{max-width:590px}}
.tool:nth-child(1){background:linear-gradient(90deg,#04162e44,#04162ee8 43%),url('/images/western-sky-hero.webp') left center/cover}.tool:nth-child(2){background:linear-gradient(90deg,#04162e44,#04162ee8 43%),url('/assets/astrocartography/hero.webp') left center/cover}.tool:nth-child(3){background:linear-gradient(90deg,#04162e44,#04162ee8 43%),url('/assets/life-path/hero.webp') left center/cover}
@media(min-width:1101px){.hero-art{background-image:linear-gradient(90deg,#031120 38%,transparent 66%,transparent 92%,#031120cc),url('/assets/mercury/hero.webp');background-size:100% 100%,auto 100%;background-position:0 0,calc(100% - 70px) center}}