/* Choose one color and one symbol, then read one interpretation. */
.selection-page{min-height:calc(100svh - 230px);display:grid;place-items:center;padding-block:58px 75px}.color-chooser{width:100%;max-width:740px;margin-inline:auto;padding:45px 52px 48px;border:1px solid #cbb9aa;background:#fffaf34d;text-align:center;position:relative}.color-chooser::before{content:'';position:absolute;inset:7px;border:1px solid #dfd0c3;pointer-events:none}.color-chooser h1,.color-chooser h2{font:500 32px/1.8 var(--serif);color:#6d4d63;letter-spacing:.07em;margin-top:10px}.choice-intro{font:13px/2 var(--serif);color:#8d7781;margin-top:8px}.choice-form{margin-top:29px}.choice-fields{display:grid;grid-template-columns:minmax(0,1fr)34px minmax(0,1fr);gap:15px;align-items:end}.choice-fields label{display:grid;gap:10px;text-align:left;min-width:0}.choice-fields label>span{font:12px/1.8 var(--serif);color:#8b7166}.choice-fields select{font:17px/1.8 var(--serif);width:100%;min-width:0;padding:14px 30px 14px 15px;background:#fffaf5;border:1px solid #c7b09e;border-radius:0;color:#62465b;cursor:pointer}.choice-fields select:focus-visible{outline:2px solid #8c70a0;outline-offset:4px}.choice-times{line-height:60px;font:18px/60px var(--serif);color:#b09973}.choice-status{min-height:25px;font:12px/2 var(--serif);color:#8b7181;margin-top:17px}.open-reading{display:inline-flex;align-items:center;justify-content:center;gap:50px;min-width:250px;padding:14px 25px;margin-top:20px;border:1px solid #77576c;background:#74556d;color:#fff8ed;font:14px/1.7 var(--serif);letter-spacing:.07em}.open-reading:hover{background:#63425e}.home-chooser{max-width:1120px;padding:37px 35px;margin-top:7px}.home-chooser .choice-form{max-width:600px;margin-inline:auto}.symbol-shortcuts{margin-top:45px}.symbol-shortcuts>h2{font-size:22px;margin-bottom:12px}.symbol-shortcuts .symbol-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.symbol-shortcuts .symbol-card{min-height:108px}.unavailable-choice{text-align:center}.unavailable-choice h1{font-size:32px}.unavailable-choice p{margin:20px 0;color:var(--muted)}.nojs-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px}.nojs-choices a{text-decoration:underline}.single-reading{max-width:920px}.single-reading>.breadcrumb{margin-block:26px}.single-sheet{padding:45px 60px 49px;background:var(--shade-bg);color:var(--shade-ink);border:1px solid var(--shade-line)}.single-hero{display:grid;grid-template-columns:minmax(0,1fr)140px;gap:35px;align-items:center;padding-bottom:35px;border-bottom:1px solid var(--shade-line)}.single-hero .eyebrow,.single-step .eyebrow{color:inherit;opacity:.85}.single-hero h1{color:inherit;font-size:38px;letter-spacing:.12em;margin:12px 0 16px}.single-intro{font:14px/2.2 var(--serif);max-width:560px;color:inherit}.single-art{display:grid;place-items:center;height:172px;width:140px;border:1px solid var(--shade-line);border-radius:75px 75px 4px 4px}.single-art .motif{width:105px;height:105px;stroke-width:1.2}.single-body>section{margin-top:32px}.single-body h2{font-size:22px;line-height:1.8;color:inherit;margin-bottom:16px}.single-body p{font:16px/2.4 var(--serif);color:inherit}.single-themes{display:flex;gap:8px 24px;flex-wrap:wrap;font:17px/2 var(--serif)}.single-step{padding-top:25px;border-top:1px solid var(--shade-line)}.single-step .eyebrow{font:9px/1.6 var(--sans);letter-spacing:.2em;margin-bottom:10px}.single-reading>.back-link{margin-top:27px}.oracle-moon.shade-blue{background:var(--shade-bg);color:var(--shade-ink);border-color:var(--shade-line)}
@media(max-width:1000px){.home-chooser{padding-inline:60px}.single-sheet{padding:36px 38px}.single-hero{gap:25px}}
@media(max-width:700px){.selection-page{min-height:calc(100svh - 207px);padding-block:36px 45px}.color-chooser{padding:29px 21px 33px}.color-chooser h1,.color-chooser h2{font-size:26px;letter-spacing:.045em}.color-chooser>.eyebrow{font-size:10px}.choice-intro{font-size:12px}.choice-fields{grid-template-columns:minmax(0,1fr)16px minmax(0,1fr);gap:7px}.choice-fields select{font-size:16px;padding:12px 20px 12px 10px}.choice-fields label{gap:7px}.choice-fields label>span{font-size:11px}.choice-times{font-size:14px;line-height:54px}.choice-form{margin-top:23px}.choice-status{font-size:11px;min-height:26px;margin-top:14px}.open-reading{width:100%;min-width:0;font-size:13px;padding-block:13px;gap:28px;margin-top:15px}.home-chooser{padding:28px 22px}.symbol-shortcuts{margin-top:30px}.symbol-shortcuts>h2{font-size:20px}.symbol-shortcuts .symbol-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}.symbol-shortcuts .symbol-card{min-height:94px}.single-reading>.breadcrumb{font-size:10px;margin-block:20px}.single-sheet{padding:26px 23px 30px}.single-hero{grid-template-columns:minmax(0,1fr)75px;gap:17px;padding-bottom:25px}.single-hero h1{font-size:27px;letter-spacing:.05em;margin-block:9px 12px}.single-intro{font-size:12px;line-height:2}.single-art{width:75px;height:106px;border-radius:40px 40px 3px 3px}.single-art .motif{width:61px;height:61px}.single-body>section{margin-top:24px}.single-body h2{font-size:20px;margin-bottom:12px}.single-body p{font-size:14px;line-height:2.3}.single-themes{font-size:15px;gap:5px 17px}.single-step{padding-top:20px}.single-step .eyebrow{font-size:9px}.single-reading>.back-link{font-size:12px}}
@media(max-width:360px){.color-chooser{padding-inline:16px}.color-chooser h1,.color-chooser h2{font-size:24px}.single-sheet{padding-inline:18px}.single-hero{grid-template-columns:minmax(0,1fr)61px;gap:13px}.single-art{width:61px;height:90px}.single-art .motif{width:51px;height:51px}.single-hero h1{font-size:25px}}

/* Center the opening artwork without promotional copy. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hero.hero-centered{display:flex;justify-content:center;align-items:center;min-height:0;gap:0;padding-block:55px 45px}
.hero-centered .hero-art{position:relative;inset:auto;width:100%;max-width:550px;margin-inline:auto}
@media(max-width:700px){.hero.hero-centered{padding-block:32px 25px}.hero-centered .hero-art{max-width:390px}}

.choice-fields.color-only{grid-template-columns:minmax(0,1fr);max-width:310px;margin-inline:auto}