/* Find your energy type — additions on top of the site's styles.css */
.back-link{color:var(--ink2);text-decoration:none;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:8px 16px}
.back-link:hover{color:var(--gold);border-color:var(--gold)}
.checker-hero{padding:clamp(40px,7vw,80px) 0 18px}
.checker-title{font-size:clamp(2.7rem,11vw,4.4rem)}
.checker-title em{font-style:italic}
.checker{padding:8px 0 clamp(60px,9vw,100px)}
.card-soft{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:28px 22px;box-shadow:0 20px 50px -38px rgba(111,86,49,.55)}
.form-title{font-size:2rem;margin-bottom:.7em;text-align:center}
.hd-form .field{margin-bottom:20px;position:relative}
.hd-form label{display:block;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink2);margin-bottom:6px}
.hd-form input[type=text],.hd-form input[type=date],.hd-form input[type=time]{position:static;opacity:1;display:block;width:100%;font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:6px;padding:12px 14px;min-height:50px;-webkit-appearance:none;appearance:none;min-width:0;margin:0}
.hd-form input:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}
.hd-form input:disabled{background:var(--bg2);color:var(--muted)}
.hd-form input.invalid{border-color:#b4553c}
.hd-form label.check{display:inline-flex;align-items:center;gap:9px;margin:10px 0 0;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.9rem;letter-spacing:0;text-transform:none;cursor:pointer;color:var(--ink2)}
.hd-form label.check input{position:static;opacity:1;width:18px;height:18px;margin:0;accent-color:var(--gold)}
.hint{font-size:.84rem;color:var(--muted);margin:8px 2px 0;line-height:1.55}
.fine{font-size:.8rem;color:var(--muted);text-align:center;margin:14px 0 0}
.form-error{color:#9b4a35;font-size:.92rem;background:#f7e9e2;border:1px solid #e7c8bb;border-radius:6px;padding:10px 12px}
.btn-wide{width:100%;margin-top:4px}
.btn[disabled]{opacity:.7;cursor:wait}
.city-list{position:absolute;z-index:15;left:0;right:0;top:82px;margin:0;padding:6px 0;list-style:none;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 40px -20px rgba(61,51,40,.45);max-height:290px;overflow:auto}
.city-list li{padding:10px 14px;cursor:pointer;line-height:1.35;font-size:.98rem;color:var(--ink)}
.city-list li small{display:block;color:var(--muted);font-size:.8rem}
.city-list li[aria-selected=true],.city-list li:hover{background:var(--bg)}
.city-list li.empty{cursor:default;color:var(--muted);font-size:.9rem}

/* result */
.result{margin-top:26px;text-align:center}
.result:focus{outline:none}
.result .eyebrow{margin-bottom:.6em}
.type-name{font-size:clamp(2.5rem,10vw,3.6rem);margin-bottom:.15em}
.type-pct{font-size:.84rem;letter-spacing:.06em;color:var(--muted);margin-bottom:1.2em}
.type-about{font-size:1.04rem;text-align:left;margin-bottom:1.4em}
.facts{display:grid;gap:12px;text-align:left;margin:0 0 1.6em}
.fact{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px 16px}
.fact-label{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0 0 2px}
.fact-value{font-family:var(--serif);font-size:1.5rem;color:var(--gold-dark);line-height:1.2;margin:0 0 4px}
.fact-note{font-size:.93rem;margin:0;line-height:1.55}
.time-note{text-align:left;font-size:.92rem;background:var(--bg2);border-radius:8px;padding:12px 14px;margin:0 0 1.6em}
.bg-wrap{margin:8px auto 4px;max-width:340px}
.bg-wrap svg{width:100%;height:auto;display:block}
.bg-caption{font-size:.86rem;color:var(--muted);margin:0 auto 1.8em;max-width:28em}
.cta{border-top:1px solid var(--line);padding-top:26px;margin-top:4px}
.cta-photo{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:50% 18%;margin:0 auto 14px;border:1px solid var(--line)}
.cta h3{font-size:1.9rem;margin-bottom:.3em}
.cta p{max-width:30em;margin-inline:auto}
.cta .btn{width:100%;margin-top:8px;letter-spacing:.06em;padding-inline:14px}
.btn-placeholder{background:transparent;color:var(--muted);border:1px dashed var(--line);cursor:default}
.btn-placeholder:hover{background:transparent;color:var(--muted);border-color:var(--line)}
.again{display:inline-block;margin-top:20px;font-size:.9rem;background:none;border:0;color:var(--gold-dark);text-decoration:underline;cursor:pointer;font-family:inherit}
@media (min-width:700px){.card-soft{padding:40px 44px}.facts{grid-template-columns:1fr 1fr}}

.cta-link{display:inline-block;margin:14px auto 6px;font-size:.95rem;letter-spacing:.04em;color:var(--gold-dark);text-decoration:underline;text-underline-offset:4px}

/* email list signup */
.signup{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:24px 18px 20px;margin:4px 0 30px;text-align:center}
.signup .eyebrow{margin-bottom:.5em}
.signup h3{font-size:1.75rem;line-height:1.15;margin-bottom:.35em}
.signup-sub{font-size:.98rem;color:var(--ink2);max-width:28em;margin:0 auto 16px}
.signup-fields{display:grid;gap:10px;margin-bottom:12px}
.signup input[type=text],.signup input[type=email]{display:block;width:100%;font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:6px;padding:12px 14px;min-height:50px;-webkit-appearance:none;appearance:none;margin:0;position:static;opacity:1;min-width:0}
.signup input:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}
.signup input.invalid{border-color:#b4553c}
.signup .form-error{margin:0 0 10px;text-align:left}
.signup .btn{width:100%;letter-spacing:.06em;padding-inline:14px}
.signup-note{font-size:.78rem;color:var(--muted);margin:10px 0 0;letter-spacing:.02em}
.signup-done:focus{outline:none}
.signup .hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (min-width:700px){.signup{padding:30px 36px 24px}.signup-fields{grid-template-columns:1fr 1.4fr}}
.bg-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin:4px 0 10px;font-size:.8rem;color:var(--ink2)}
.bg-legend span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.bg-legend i{display:inline-block;width:12px;height:12px;border-radius:50%}
.bg-legend .lg-on{background:#ee9b87;border:1px solid #c99470}
.bg-legend .lg-off{background:#fffdf9;border:1px solid #cdb895}
.bg-legend .lg-ch{width:16px;height:4px;border-radius:2px;background:#cc7a62}
.save-chart{display:flex;margin:0 auto 2.2em;cursor:pointer;font-family:inherit}
.save-chart:disabled{opacity:.6;cursor:default}
.bg-caption{margin-bottom:1.1em}

/* typed date & time, with the native calendar / clock one tap away */
.dt-row{display:flex;align-items:stretch;gap:6px}
.dt-row>input[type=text]{flex:1 1 auto;width:auto!important;letter-spacing:.04em}
.pick-btn{position:relative;flex:0 0 50px;width:50px;min-height:50px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--gold);cursor:pointer;overflow:hidden}
.pick-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.pick-btn:hover,.pick-btn:focus-within{border-color:var(--gold);background:var(--card)}
.hd-form .pick-btn input.pick-native{position:absolute!important;inset:0;width:100%!important;height:100%;min-height:0;padding:0;margin:0;border:0;opacity:0!important;cursor:pointer;font-size:16px;-webkit-appearance:none;appearance:none;display:block;background:transparent;color:transparent}
.pick-btn input.pick-native::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}
.ampm{display:flex;flex:0 0 auto;border:1px solid var(--line);border-radius:999px;background:#fff;padding:3px;gap:2px}
.ampm-btn{font:inherit;font-size:.84rem;letter-spacing:.08em;min-width:42px;border:0;border-radius:999px;background:transparent;color:var(--ink2);cursor:pointer;padding:0 8px}
.ampm-btn[aria-pressed=true]{background:var(--gold);color:#fff}
.ampm-btn:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.ampm.invalid{border-color:#b4553c}
.ampm-btn:disabled,.ampm.disabled .ampm-btn{color:var(--muted);cursor:default;background:transparent}
.pick-btn.disabled{background:var(--bg2);color:var(--muted);pointer-events:none}
.field-msg{font-size:.84rem;color:#a2492f;margin:6px 2px 0;line-height:1.45;min-height:0}
.field-msg:empty{display:none}
@media (max-width:360px){.ampm-btn{min-width:36px;padding:0 5px}.pick-btn{flex-basis:44px;width:44px}}