/* ===== the Vimshottari clock ===== */
.vd-decode,.vd-yours{max-width:68ch}
.vd-decode h3,.vd-yours h3,.vd-h{font-family:var(--mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--jade);font-weight:400;margin:26px 0 10px}
.vd-decode p,.vd-yours p{font-size:15px;line-height:1.66;color:rgba(217,212,196,.8);margin:0 0 12px}
.vd-decode em{color:var(--celadon)}
.vd-order{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:14px 0 0}
.vd-order li{flex:1 1 72px;border-top:3px solid var(--c);background:rgba(7,12,11,.5);padding:8px 10px;
  font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:rgba(217,212,196,.7)}
.vd-order li b{display:block;font-family:var(--serif);font-size:22px;font-weight:400;color:var(--c);letter-spacing:0}
.vd-step{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start}
.vd-step span{width:26px;height:26px;border:1px solid var(--jade-dim);border-radius:50%;display:grid;place-items:center;
  font-family:var(--mono);font-size:11px;color:var(--jade)}
.vd-step b{color:var(--ivory);font-weight:400}
.vd-now > div{border-top-color:var(--c)}
.vd-now .lord{color:var(--c)}
.vd-now .vd-seat{color:var(--jade);margin-top:8px}
.vd-row{margin:0 0 22px}
.vd-row h4{font-family:var(--mono);font-size:8.6px;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(217,212,196,.45);font-weight:400;margin:0 0 6px}
.vd-band{position:relative;display:flex;gap:1px;height:40px}
.vd-seg{position:relative;flex:0 0 auto;min-width:0;border:0;padding:0;background:var(--c);opacity:.42;cursor:pointer;
  overflow:hidden;transition:opacity 300ms var(--ease),transform 300ms var(--ease)}
.vd-seg.past{opacity:.18}
.vd-seg.now{opacity:.9}
.vd-seg.sel{outline:1.5px solid var(--ivory);outline-offset:-1.5px;opacity:.95}
.vd-seg:hover{opacity:.8}
.vd-seg span{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--mono);font-size:10px;
  letter-spacing:.06em;color:#050807;white-space:nowrap}
.vd-needle{position:absolute;top:-6px;bottom:-6px;width:2px;margin-left:-1px;background:var(--ivory);pointer-events:none;
  box-shadow:0 0 6px rgba(217,212,196,.7)}
.vd-det{font-size:13.5px;color:rgba(217,212,196,.7);margin:8px 0 0}
.vd-det em{color:var(--jade);font-style:normal}
.vd-tip{font-size:12.5px;color:rgba(217,212,196,.42)}
.vd-table td,.vd-table th{white-space:nowrap}
.vd-table tr.now td{color:var(--jade)}
.vd-table tr.past td{opacity:.45}
.vd-lords{margin:0}
.vd-lord{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:10px 0;border-bottom:1px solid var(--rule)}
.vd-lord dt{font-family:var(--mono);font-size:9.4px;letter-spacing:.1em;color:rgba(217,212,196,.75)}
.vd-lord dd{margin:0;font-size:14px;color:rgba(217,212,196,.72)}
.vd-lord b{font-weight:400;color:var(--jade)}
.vd-lord small{color:var(--celadon)}
.vd-note{font-size:13.5px;font-style:italic;color:rgba(217,212,196,.6);max-width:68ch}
@media (max-width:640px){
  .vd-lord{grid-template-columns:1fr;gap:4px}
  .vd-seg span{font-size:9px}
}