/* assets/css/panchangam.css — the Panchāṅgam reference page.
   Uses the site's own tokens; adds nothing to the palette. Every class is
   prefixed `pc-` so nothing here can reach the chrome or the shared pages. */

/* This page loads none of the sheets that carry a visually-hidden class, and
   pulling in a whole stylesheet for one rule is how the chrome drifted. */
.pc-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}
.pc-lede{font-size:1.06rem;line-height:1.75;max-width:64ch;color:var(--ink,#3a2b1c)}
.pc-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}
.pc-standing strong{font-family:'Marcellus SC',Georgia,serif;letter-spacing:.06em}

/* ---------------------------------------------------------------- form -- */
.pc-form{border:1px solid var(--line-strong,#9e8139);border-radius:10px;padding:20px;
  margin:26px 0;background:#fff;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;align-items:end}
.pc-f{display:flex;flex-direction:column;gap:6px}
.pc-f label{font-family:'Marcellus SC',Georgia,serif;font-size:.72rem;letter-spacing:.12em;
  text-transform:uppercase;color:#6f5a41}
.pc-f select,.pc-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)}
.pc-f select:focus-visible,.pc-f input:focus-visible,.pc-today:focus-visible,
.pc-cta a:focus-visible{outline:3px solid var(--saffron,#aa4c1d);outline-offset:2px}
.pc-today{font:inherit;font-family:'Marcellus SC',Georgia,serif;letter-spacing:.06em;
  font-size:.86rem;background:none;border:1px solid var(--line-strong,#9e8139);
  border-radius:999px;padding:11px 20px;min-height:44px;cursor:pointer;
  color:var(--espresso,#38220f)}
.pc-today:hover{background:var(--cream-2,#f7ebd8)}

/* ----------------------------------------------------------------- day -- */
.pc-when{font-family:'Marcellus',Georgia,serif;font-size:1.5rem;line-height:1.3;
  margin:0 0 4px;color:var(--espresso,#38220f)}
.pc-where{margin:0 0 18px;font-size:.92rem;color:#6f5a41}
.pc-limbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:2px 20px;border-top:1px solid var(--line,#e6d9bd)}
.pc-limb{padding:12px 0;border-bottom:1px solid var(--line,#e6d9bd)}
.pc-k{display:block;font-family:'Marcellus SC',Georgia,serif;font-size:.66rem;
  letter-spacing:.12em;text-transform:uppercase;color:#7a6448;margin-bottom:3px}
.pc-v{display:block;font-size:1.02rem;color:var(--espresso,#38220f)}
.pc-t{display:block;font-size:.82rem;color:#6f5a41;margin-top:2px;
  font-variant-numeric:tabular-nums}

.pc-h{font-family:'Marcellus SC',Georgia,serif;font-size:.72rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--saffron-dark,#a8481a);margin:28px 0 10px;font-weight:400}
.pc-wins{border-top:1px solid var(--line,#e6d9bd)}
.pc-win{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:baseline;
  padding:11px 0;border-bottom:1px solid var(--line,#e6d9bd)}
.pc-wn{font-size:.98rem}
.pc-wt{font-size:.95rem;font-variant-numeric:tabular-nums;white-space:nowrap;
  color:var(--espresso,#38220f)}
.pc-wnote{grid-column:1/-1;margin:6px 0 0;font-size:.86rem;line-height:1.6;color:#6f5a41;
  background:var(--cream,#faf3e5);border-left:3px solid var(--gold-soft,#e7cf9c);
  padding:10px 14px}
.pc-win.good .pc-wn{color:#3f6b32}
.pc-win.avoid .pc-wn{color:#8a3030}
.pc-win.caution .pc-wn{color:#8a4b16}
.pc-win.context .pc-wn{color:#7a5a12}
.pc-err{color:#8a3030}

/* --------------------------------------------------------------- month -- */
.pc-scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.pc-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:520px}
.pc-table caption{text-align:left;font-size:.82rem;color:#6f5a41;padding:0 0 10px}
.pc-table th,.pc-table td{text-align:left;padding:9px 12px;
  border-bottom:1px solid var(--line,#e6d9bd)}
.pc-table thead th{font-family:'Marcellus SC',Georgia,serif;font-weight:400;font-size:.66rem;
  letter-spacing:.11em;text-transform:uppercase;color:#6f5a41;white-space:nowrap}
.pc-table tbody th{font-weight:400;white-space:nowrap;color:var(--espresso,#38220f)}
.pc-table td.pc-num{font-variant-numeric:tabular-nums;white-space:nowrap}

/* ----------------------------------------------------------------- cta -- */
.pc-cta{margin:30px 0 0;padding:20px 22px;border:1px solid var(--gold-soft,#e7cf9c);
  border-radius:8px;background:var(--cream,#faf3e5)}
.pc-cta p{margin:0 0 12px;font-size:.98rem;line-height:1.7}
.pc-btns{display:flex;flex-wrap:wrap;gap:12px}
.pc-cta 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}
.pc-cta a.p{background:var(--saffron,#aa4c1d);color:#fff}
.pc-cta a.s{border:1px solid var(--line-strong,#9e8139);color:var(--espresso,#38220f)}
.pc-prov{font-size:.86rem;line-height:1.65;color:#6f5a41;margin:22px 0 0;padding-top:14px;
  border-top:1px solid var(--line,#e6d9bd)}

@media(max-width:640px){
  .pc-form{padding:16px}
  .pc-when{font-size:1.28rem}
  .pc-win{grid-template-columns:1fr}
  .pc-wt{white-space:normal}
}