/* assets/css/muhurtham.css — the muhūrtham decision-support page.
   Uses the site's own tokens; adds nothing to the palette. All classes are
   prefixed `mh-` so nothing here can reach the chrome or the shared pages. */

.mh-lede{font-size:1.06rem;line-height:1.75;max-width:62ch;color:var(--ink,#3a2b1c)}
.mh-standing{border-left:3px solid var(--saffron,#aa4c1d);background:var(--cream,#faf3e5);
  padding:14px 18px;margin:22px 0;font-size:.96rem;line-height:1.7;max-width:70ch}
.mh-standing strong{font-family:'Marcellus SC',Georgia,serif;letter-spacing:.06em}

/* ---------------------------------------------------------------- form -- */
.mh-form{border:1px solid var(--line-strong,#9e8139);border-radius:10px;padding:22px;
  margin:26px 0;background:#fff}
.mh-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
/* a class-based display beats the user-agent [hidden] rule, so the custom
   location fields stayed on screen while "hidden" was set. Say it explicitly. */
.mh-grid[hidden]{display:none}
.mh-f{display:flex;flex-direction:column;gap:6px}
.mh-f label{font-family:'Marcellus SC',Georgia,serif;font-size:.72rem;letter-spacing:.12em;
  text-transform:uppercase;color:#6f5a41}
.mh-f select,.mh-f input{font:inherit;font-size:.98rem;padding:11px 12px;min-height:44px;
  border:1px solid var(--line-strong,#9e8139);border-radius:6px;background:#fff;
  color:var(--espresso,#38220f)}
.mh-f select:focus-visible,.mh-f input:focus-visible,.mh-go:focus-visible,
.mh-adv-t:focus-visible,.mh-d summary:focus-visible{outline:3px solid var(--saffron,#aa4c1d);
  outline-offset:2px}
.mh-hint{font-size:.84rem;line-height:1.5;color:#6f5a41;margin:0}
.mh-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:20px}
.mh-go{font:inherit;font-family:'Marcellus SC',Georgia,serif;letter-spacing:.06em;
  font-size:.92rem;background:var(--saffron,#aa4c1d);color:#fff;border:0;border-radius:999px;
  padding:13px 26px;min-height:48px;cursor:pointer}
.mh-go:hover{background:#8f3c15}
.mh-adv-t{font:inherit;font-size:.92rem;background:none;border:0;padding:12px 4px;min-height:44px;
  color:var(--saffron-dark,#a8481a);text-decoration:underline;cursor:pointer}

/* --------------------------------------------------------------- results -- */
.mh-out{margin:30px 0}
.mh-empty{color:#6f5a41;font-size:.98rem}
.mh-k{font-family:'Marcellus SC',Georgia,serif;font-size:.72rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--saffron-dark,#a8481a);margin:0 0 6px}
.mh-best{border:1px solid var(--gold-soft,#e7cf9c);border-left:5px solid var(--saffron,#aa4c1d);
  background:var(--cream,#faf3e5);padding:22px 24px;border-radius:8px}
.mh-when{font-family:'Marcellus',Georgia,serif;font-size:1.5rem;line-height:1.3;margin:0 0 4px;
  color:var(--espresso,#38220f)}
.mh-where{margin:0 0 14px;font-size:.95rem;color:#6f5a41}
.mh-rate{display:inline-flex;align-items:center;gap:7px;font-family:'Marcellus SC',Georgia,serif;
  font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 11px;border-radius:999px;
  border:1px solid currentColor;margin-bottom:12px}
.mh-rate[data-r="excellent"]{color:#3f6b32}
.mh-rate[data-r="strong"]{color:#7a5a12}
.mh-rate[data-r="acceptable"]{color:#8a4b16}
.mh-rate[data-r="none"]{color:#8a3030}
.mh-why{margin:0 0 6px;font-size:.95rem;line-height:1.7}
.mh-why li{margin:0 0 4px}
.mh-why-h{font-family:'Marcellus SC',Georgia,serif;font-size:.68rem;letter-spacing:.1em;
  text-transform:uppercase;color:#6f5a41;margin:14px 0 4px}
.mh-limbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 20px;
  margin:16px 0 0;padding:14px 0 0;border-top:1px solid rgba(158,129,57,.3);font-size:.9rem}
.mh-limbs div span{display:block;font-family:'Marcellus SC',Georgia,serif;font-size:.66rem;
  letter-spacing:.1em;text-transform:uppercase;color:#7a6448;margin-bottom:2px}

.mh-alts{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;
  margin:18px 0 0}
.mh-alt{border:1px solid var(--line,#e6d9bd);border-radius:8px;padding:16px 18px;background:#fff}
.mh-alt h3{font-family:'Marcellus',Georgia,serif;font-size:1.06rem;line-height:1.35;margin:0 0 4px}
.mh-alt p{margin:0 0 6px;font-size:.9rem;line-height:1.6;color:#4f443b}

.mh-d{border:1px solid var(--line,#e6d9bd);border-radius:8px;margin:14px 0;background:#fff}
.mh-d summary{cursor:pointer;padding:14px 18px;min-height:44px;display:flex;align-items:center;
  gap:10px;font-size:.98rem;list-style:none}
.mh-d summary::-webkit-details-marker{display:none}
.mh-d summary::after{content:"＋";margin-left:auto;color:var(--saffron,#aa4c1d)}
.mh-d[open] summary::after{content:"−"}
.mh-d-body{padding:0 18px 18px}
.mh-tbl{width:100%;border-collapse:collapse;font-size:.9rem}
.mh-tbl th,.mh-tbl td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line,#e6d9bd);
  vertical-align:top}
.mh-tbl th{font-family:'Marcellus SC',Georgia,serif;font-size:.66rem;letter-spacing:.1em;
  text-transform:uppercase;color:#6f5a41;font-weight:400}
.mh-tbl td.mh-t{font-variant-numeric:tabular-nums;white-space:nowrap}
.mh-scroll{overflow-x:auto}
.mh-cut{color:#8a4b16}
.mh-prov{font-size:.86rem;line-height:1.65;color:#6f5a41;margin:18px 0 0;
  padding-top:14px;border-top:1px solid var(--line,#e6d9bd)}
.mh-ask{margin:26px 0 0;padding:20px 22px;border:1px solid var(--gold-soft,#e7cf9c);border-radius:8px;
  background:var(--cream,#faf3e5)}
.mh-ask p{margin:0 0 12px;font-size:.98rem;line-height:1.7}
.mh-ask .mh-btns{display:flex;flex-wrap:wrap;gap:12px}
.mh-ask a{display:inline-flex;align-items:center;min-height:44px;padding:11px 20px;border-radius:999px;
  text-decoration:none;font-family:'Marcellus SC',Georgia,serif;font-size:.86rem;letter-spacing:.05em}
.mh-ask a.p{background:var(--saffron,#aa4c1d);color:#fff}
.mh-ask a.s{border:1px solid var(--line-strong,#9e8139);color:var(--espresso,#38220f)}

@media(max-width:640px){
  .mh-form{padding:16px}
  .mh-when{font-size:1.28rem}
}
@media(prefers-reduced-motion:reduce){.mh-go,.mh-d summary{transition:none}}

/* Advanced view. The full evaluation is present in the DOM for anyone who
   wants it (and for a screen reader that walks the page), but hidden until
   asked for, so a family is not handed forty limb transitions unprompted. */
.mh-d,.mh-daysh{display:none}
body.mh-advanced .mh-d,body.mh-advanced .mh-daysh{display:block}
#mhResultsH:focus{outline:3px solid var(--saffron,#aa4c1d);outline-offset:3px}