* { box-sizing:border-box; }
  body { margin:0; background:var(--cream); color:var(--ink);
         font-family:var(--font-sans); font-size:15px; line-height:1.6; }
  /* Grid and flex children default to min-width:auto, which lets a wide table
     push the whole page sideways. This is the rule the signed-in mockup was
     missing on all seventeen routes. */
  .l-wrap > *, .l-sec > * { min-width:0; }
  .l-wrap { max-width:var(--wrap); margin:0 auto; padding:0 16px; }
  .l-sec { padding:38px 0; }
  .l-alt { background:var(--surface-2); border-block:1px solid var(--line-soft); }
  .l-sub { font-size:var(--text-base); line-height:1.62; color:var(--ink-2);
           margin:0; max-width:66ch; }
  /* A link in a lede had no colour and came out in the browser's own
     -webkit-link — rgb(158,158,255) in dark, #0000EE in light. .l-sub is on
     every page, so this was one page today and any page that adds a link to a
     lede tomorrow. Set here rather than on the page that happened to have
     one. */
  .l-sub a { color:var(--gold-dk); text-underline-offset:2px; }
  /* A CENTRED SECTION, for pages whose head is centred too. Lives here rather
     than in a page's stylesheet because two clusters use it now — it was
     .ai-c in ai_astrologer.py, and pages/dasha.py picked up the class without
     the rule, so its ledes rendered left under centred heads and looked like
     an oversight. margin-inline is not optional: .l-sub caps at 66ch, so
     centring the text without centring the box leaves a centred column
     sitting on the left of the wrap.
     Only the lede. Lists, tables and cards inside a .l-ctr stay left —
     centred body copy is ragged on both edges and a centred bulleted list
     stops forming a column to scan. */
  .l-ctr .l-sub { text-align:center; margin-inline:auto; }
  /* TWO LEDES GO SIDE BY SIDE. One is fine stacked: 66ch keeps a line
     readable and the grid or panel under it carries the width. Two of them
     stacked is not — they fill the left half of the band, the right half is
     empty, and under a full-width heading with a full-width panel below it
     the pair reads as a column that has been cut off rather than as air.
     Measured at 1280: 582px of a 1180px section, 49% of it, twice over.

     A track each, so both keep the SAME measure they had — this is a layout
     fix, not a wider line. Stretching one paragraph across 1180px would give
     150 characters to a line that is already at 74.

     auto-fit rather than two fixed columns, because the home page has a pair
     inside a half-width column; there they stack again rather than becoming
     two forty-character ribbons.

     .l-sub KEEPS ITS 66ch. Each track comes out at 552px against a 582px
     cap, so the track is what governs in two columns and the cap is what
     governs when it falls back to one — which is the width it has today.
     Overriding the cap to none looked tidier and gave a 736px tablet a
     93-character line, which is the fault this rule exists to avoid.

     min(400px, 100%), NOT 400px. A minimum track wider than the container
     does not shrink — it overflows it, and at 320px the whole page scrolled
     sideways by 26px. min() caps the floor at whatever room there is. */
  .l-lede { display:grid; gap:10px 44px; margin-bottom:20px;
            grid-template-columns:repeat(auto-fit, minmax(min(400px, 100%), 1fr)); }
  .l-mb { margin-bottom:20px; }
  .l-mt { margin-top:22px; }
  /* ── the header's two menus (language, account) ─────── */
  .c-dd { position:relative; }
  .c-dd > summary { list-style:none; }
  .c-dd > summary::-webkit-details-marker { display:none; }
  /* The theme toggle's size and shape (ui .c-th-t), so the three read as
     one set: 34px under a mouse, 44px under a finger. */
  .c-dd-b { display:grid; place-items:center; width:34px; height:34px; border-radius:10px;
            border:1px solid var(--line); background:var(--surface); color:var(--ink-2);
            cursor:pointer; }
  @media (pointer:coarse) { .c-dd-b { width:44px; height:44px; border-radius:12px; } }
  .c-dd-b:hover, .c-dd[open] > .c-dd-b { border-color:var(--gold); color:var(--gold-dk); }
  .c-dd-aa { font-size:13px; font-weight:700; letter-spacing:-.02em; }
  .c-dd-m { position:absolute; top:calc(100% + 8px); left:50%; transform:translateX(-50%); z-index:60;
            min-width:170px; padding:6px; border-radius:12px; border:1px solid var(--line);
            background:var(--surface); box-shadow:0 10px 30px rgba(0,0,0,.14);
            display:flex; flex-direction:column; gap:2px; }
  .c-dd-r { left:auto; right:0; transform:none; }
  .c-dd-i { display:flex; align-items:center; gap:10px; padding:9px 12px; border-radius:8px;
            min-height:44px; box-sizing:border-box;
            font-size:14.5px; color:var(--ink); text-decoration:none; white-space:nowrap; }
  .c-dd-i i { font-style:normal; width:18px; text-align:center; color:var(--ink-3); }
  .c-dd-i:hover { background:var(--gold-bg); }
  .c-dd-i.c-on { color:var(--gold-dk); font-weight:650; }
  .c-dd-i.c-on i { color:var(--gold-dk); }
  .l-act-u { display:flex; align-items:center; gap:8px; }
  /* Theme, language, account and the menu at 320px ran the menu button
     to the screen's edge, into the 16px gutter every page keeps. */
  @media (max-width:359px) { .l-act-u { gap:2px; } }
  /* Date and time are one question, asked once. Both values are short enough
     to sit side by side even at 360px, and pairing them stops the form
     reading as five separate chores. */
  /* Date and time side by side, and STACKED on the narrowest phones. The two
     were always a 1fr 1fr grid; what changed is that the time trigger now
     reads 09:15 PM as four flex spans rather than one string, so its
     min-content is wider than half of a 288px card and the card grew to 311 —
     7px of sideways scroll on the page the whole site links to. minmax(0,1fr)
     alone would have kept the row and clipped the readout instead. */
  .l-dt { display:grid; grid-template-columns:1fr; gap:10px; }
  @media (min-width:360px) {
    .l-dt { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  }
  /* Part of the hero's left column, not a band of its own. It anchors the
     bottom of that column so it finishes level with the form card. */
  /* Inside the form card the list sits under the button, separated by a rule
     rather than by more whitespace — it is what pressing the button gets you,
     so it should read as part of the button's promise. */
  .l-cardsub { margin:2px 0 14px; }
  .l-cardinc { margin-top:14px; padding-top:14px;
               border-top:1px solid var(--line-soft); }
  .l-inc { list-style:none; margin:0; padding:0; display:grid; gap:9px; }
  .l-inc li { display:flex; align-items:flex-start; gap:9px; }
  .l-inc svg { flex:none; margin-top:2px; color:var(--gold-dk); }
  .l-inc span { font-size:14px; line-height:1.45; color:var(--ink-2); }

  .l-samp { display:flex; align-items:center; gap:13px; padding:14px 16px;
            text-decoration:none; color:var(--ink); border:1px solid var(--line);
            border-radius:var(--r-card); background:var(--surface); }
  .l-samp:hover { border-color:var(--gold); background:var(--gold-bg); }
  /* Between the two-column breakpoint and 1024 the left column runs 9px past
     the card, because the headline takes an extra line before the columns are
     wide enough. Four pixels off the padding and four off the stack gap close
     it without anyone being able to tell the difference. */

  .l-samp > svg:first-child { flex:none; color:var(--gold-dk); }
  .l-samp > svg:last-child { flex:none; color:var(--ink-3); margin-left:auto; }
  .l-samp span { min-width:0; }
  .l-samp b { display:block; font-size:14.5px; font-weight:700; }
  .l-samp i { display:block; font-style:normal; font-size:12.5px;
              color:var(--ink-3); margin-top:2px; line-height:1.45; }
  .l-dt .c-pf { margin-bottom:0; }
  .l-dth { margin:6px 0 var(--space-3); }
  .l-mb2 { margin-bottom:16px; }

  .l-mark { display:block; width:34px; height:34px; flex:none; }
  .l-mark img { display:block; width:100%; height:100%; border-radius:19%; }

  /* proof row */
  .l-proof { background:var(--gold-bg); border-block:1px solid var(--line); }
  .l-pfr { display:grid; grid-template-columns:repeat(2,1fr); gap:0;
           padding:4px 0; }
  .l-pf { padding:18px 4px 18px 18px; }
  /* Hairlines, not a colour change, do the separating — and only between
     cells that are actually side by side, which changes at each breakpoint. */
  .l-pf:nth-child(2n) { border-left:1px solid var(--line); }
  .l-pf:nth-child(n+3) { border-top:1px solid var(--line); }
  .l-pf:first-child { padding-left:0; }
  .l-pf b { display:block; font-family:var(--font-serif); font-size:29px;
            line-height:1.05; font-weight:600; color:var(--gold-dk);
            letter-spacing:-.015em; }
  .l-pf span { display:block; font-size:13.5px; font-weight:650; margin-top:5px;
               color:var(--ink); }
  .l-pf i { display:block; font-style:normal; font-size:12.5px; color:var(--ink-3);
            margin-top:2px; }
  @media (min-width:760px) {
    .l-pfr { grid-template-columns:repeat(4,1fr); }
    .l-pf:nth-child(n+3) { border-top:0; }
    .l-pf:nth-child(n+2) { border-left:1px solid var(--line); }
  }

  /* panchang */
  .l-panch { display:grid; gap:8px; grid-template-columns:repeat(2,1fr); }
  .l-pc { padding:13px 14px; border:1px solid var(--line); border-radius:var(--r-in);
          background:var(--surface); }
  .l-pc span { display:block; font-family:var(--font-mono); font-size:9px;
               letter-spacing:.13em; color:var(--ink-3); }
  .l-pc b { display:block; font-size:15px; margin-top:5px; }
  .l-pc i { display:block; font-style:normal; font-size:12px; color:var(--ink-3); }
  .l-pc.c-t-good b { color:var(--good); } .l-pc.c-t-bad b { color:var(--bad); }
  @media (min-width:700px) { .l-panch { grid-template-columns:repeat(3,1fr); } }
  @media (min-width:1000px) { .l-panch { grid-template-columns:repeat(6,1fr); } }

  /* rashifal */
  .l-rsg { display:grid; gap:7px; grid-template-columns:repeat(3,1fr); }
  .l-rs { display:flex; flex-direction:column; align-items:center; gap:1px;
          min-height:98px; justify-content:center; padding:12px 5px;
          border:1px solid var(--line); border-radius:var(--r-in);
          background:var(--surface); text-decoration:none; color:var(--ink);
          text-align:center; }
  .l-rs:hover { border-color:var(--gold); background:var(--gold-bg); }
  .l-rs .c-sym { color:var(--gold-dk); margin-bottom:4px; }
  .l-rs b { font-size:12.5px; font-weight:650; }
  .l-rs i { font-style:normal; font-size:10.5px; color:var(--ink-3); }
  .l-rs u { text-decoration:none; font-size:12px; color:var(--gold-dk); }
  @media (min-width:560px) { .l-rsg { grid-template-columns:repeat(4,1fr); } }
  @media (min-width:900px) { .l-rsg { grid-template-columns:repeat(6,1fr); } }

  /* tools */
  .l-tools { display:grid; gap:12px; }
  .l-ti { display:grid; place-items:center; width:40px; height:40px;
          border-radius:11px; color:var(--gold-dk); background:var(--gold-bg);
          margin-bottom:11px; }
  .l-tl { display:flex; flex-wrap:wrap; gap:6px; margin-top:13px; }
  .l-tl a { display:inline-flex; align-items:center; min-height:44px;
            font-size:12.5px; font-weight:600; padding:0 14px;
            border-radius:var(--r-pill); color:var(--ink-2);
            border:1px solid var(--line); background:var(--surface);
            text-decoration:none; }
  .l-tl a:hover { color:var(--gold-dk); border-color:var(--gold);
                  background:var(--gold-bg); }
  @media (min-width:720px) { .l-tools { grid-template-columns:repeat(2,1fr); } }

  /* astrologers */
  /* .h-astro in home.py sets display on top of this and is the only caller,
     so anything layout-ish added here is dead. The phone rail lives there. */
  .l-astro { display:grid; gap:11px; grid-template-columns:repeat(1,1fr); }
  .l-ah { display:flex; align-items:center; gap:11px; }
  .l-an { display:block; font-size:15px; font-weight:700; }
  .l-as { display:block; font-size:12.5px; color:var(--ink-3); }
  .l-am { display:flex; gap:5px; margin-top:12px; }
  @media (min-width:600px) { .l-astro { grid-template-columns:repeat(2,1fr); } }
  @media (min-width:1000px) { .l-astro { grid-template-columns:repeat(4,1fr); } }

  /* The unknown-birth-time escape hatch belongs inside the time picker, where
     someone reaches it at the exact moment they realise they cannot answer. */
  .l-unk { margin-top:14px; padding-top:12px; border-top:1px solid var(--line-soft); }
  .l-faq { margin-top:16px; }


/* ── page head ────────────────────────────────────────── */
.s-crumb { padding-top:16px; }
.s-top { padding:22px 0 6px; }
.s-head { max-width:64ch; }
/* With a form beside it the header is the full width and the two columns
   share it, so the reading underneath is not squeezed into a rail. */
.s-head-2 { max-width:none; display:grid; gap:26px;
            grid-template-columns:minmax(0,1fr); align-items:start; }
.s-head-2 > * { min-width:0; }
@media (min-width:960px) {
  .s-head-2 { grid-template-columns:minmax(0,1fr) minmax(0,380px); }
}
.s-head-t { max-width:64ch; }
.s-eyebrow { display:inline-block; font-family:var(--font-mono); font-size:10px;
             letter-spacing:.14em; text-transform:uppercase; color:var(--gold-dk);
             padding:5px 10px; border-radius:var(--r-pill);
             background:var(--gold-bg); margin-bottom:14px; }
.s-h1 { font-family:var(--font-serif); font-size:clamp(27px,5.2vw,42px);
        line-height:1.08; letter-spacing:-.021em; font-weight:600;
        margin:0 0 13px; text-wrap:balance; }
.s-h1 em { font-style:normal; color:var(--gold-dk); }
.s-dek { font-size:var(--text-md); line-height:1.62; color:var(--ink-2);
         margin:0; max-width:58ch; }
/* What the page gives back, named. See page_head() for why it is only on the
   fourteen with a full birth-details form. */
.s-ret { margin-top:18px; max-width:58ch; }
.s-ret ul { margin:8px 0 0; padding:0; list-style:none; display:grid;
            gap:5px; }
.s-ret li { position:relative; padding-left:18px; font-size:14px;
            line-height:1.55; color:var(--ink-2); }
.s-ret li::before { content:''; position:absolute; left:2px; top:9px;
                    width:5px; height:5px; border-radius:50%;
                    background:var(--gold-solid); }
@media (min-width:960px) {
  .s-head-fill { align-items:stretch; }
  .s-head-fill > .s-head-t { display:flex; flex-direction:column; }
  .s-head-fill .s-meta { margin-top:auto; padding-top:16px; }
}
/* The facts a dek would otherwise carry as adjectives. Mono, so they read as
   data rather than as more sentence. */
/* THE CENTRED HEAD, for pages that are not asking for a birth time. The
   default sits beside a form card and runs to 64ch down the left; a page
   whose top is a choice rather than a form leaves that whole right-hand
   column empty, and the text reads as the caption of something that failed
   to load. Two pages want this — the tarot hub, whose top half is six
   readings, and the astrologer pages, whose top half is a roster — so it
   lives here rather than being written twice. */
.s-head-c { max-width:700px; margin-inline:auto; text-align:center; }
.s-head-c .s-eyebrow { font-size:11.5px; letter-spacing:.09em; font-weight:700;
          border:1px solid var(--gold-lt); padding:5px 13px; margin-bottom:16px; }
.s-head-c .s-h1 { font-size:clamp(30px,5.6vw,46px); }
.s-head-c .s-dek { margin-inline:auto; max-width:62ch; }
.s-head-c .s-meta { justify-content:center; }

.s-meta { display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:16px;
          font-family:var(--font-mono); font-size:11px; letter-spacing:.04em;
          color:var(--ink-3); }
.s-meta span { display:flex; align-items:center; gap:7px; }
.s-meta span + span::before { content:''; width:3px; height:3px; flex:none;
          border-radius:50%; background:var(--line); margin-left:-11px; }

/* ── related ──────────────────────────────────────────── */
.s-rel { display:grid; gap:10px; grid-template-columns:1fr; }
@media (min-width:620px) { .s-rel { grid-template-columns:repeat(2,1fr); } }
@media (min-width:960px) { .s-rel { grid-template-columns:repeat(3,1fr); } }
.s-rel > * { min-width:0; }
.s-rel-i { display:flex; align-items:flex-start; gap:12px; padding:14px 16px;
           min-height:44px; text-decoration:none; color:var(--ink);
           background:var(--surface); border:1px solid var(--line);
           border-radius:var(--r-card); }
.s-rel-i:hover { border-color:var(--gold); background:var(--gold-bg); }
.s-rel-k { flex:none; display:grid; place-items:center; width:32px; height:32px;
           border-radius:9px; background:var(--gold-bg); color:var(--gold-dk); }
.s-rel-x { min-width:0; display:flex; flex-direction:column; line-height:1.4; }
.s-rel-x b { font-size:14px; font-weight:650; }
.s-rel-x i { font-style:normal; font-size:12.5px; color:var(--ink-3);
             margin-top:2px; }

/* ── closing CTA ──────────────────────────────────────── */
.s-cta { display:grid; gap:20px; align-items:center; padding:28px;
         border-radius:var(--r-card); border:1px solid var(--gold-lt);
         background:
           radial-gradient(120% 140% at 88% 0%, var(--gold-bg) 0%, transparent 64%),
           var(--surface); }
@media (min-width:820px) {
  .s-cta { grid-template-columns:1fr auto; gap:34px; padding:32px 36px; } }
.s-cta > * { min-width:0; }
.s-cta h2 { font-family:var(--font-serif); font-size:clamp(21px,3.4vw,28px);
            line-height:1.16; letter-spacing:-.018em; font-weight:600;
            margin:0 0 9px; text-wrap:balance; }
.s-cta p { font-size:var(--text-base); line-height:1.6; color:var(--ink-2);
           margin:0; max-width:52ch; }
.s-cta-b { display:flex; flex-wrap:wrap; gap:10px; }
.s-cta-b > * { flex:1 1 auto; }
.s-cta-alt { display:inline-flex; align-items:center; justify-content:center;
             gap:8px; text-decoration:none; white-space:nowrap; }
.s-cta-alt svg { color:var(--gold-dk); }

/* The banner: the page's line, then the astrologers and the reports. */
.s-cta.s-pro { display:block; position:relative; overflow:hidden;
  padding:36px 20px 26px;
  background:radial-gradient(120% 80% at 50% 0%, var(--gold-bg) 0%, transparent 70%), var(--cream); }
@media (min-width:760px) { .s-cta.s-pro { padding:44px 40px 36px; } }
/* The line art: faint, behind everything, never in the way. */
.s-pro-deco { position:absolute; top:0; pointer-events:none; display:block;
  background:var(--gold); opacity:.8;
  -webkit-mask:var(--m) no-repeat top / contain; mask:var(--m) no-repeat top / contain; }
.s-pro-sun { left:0; width:340px; aspect-ratio:340 / 250; -webkit-mask-position:left top; mask-position:left top; }
.s-pro-moon { right:0; width:404px; aspect-ratio:404 / 250; -webkit-mask-position:right top; mask-position:right top; }
/* Smaller and fainter behind a narrower headline; on a phone, a corner of
   each, inside the edge. */
@media (max-width:1099px) { .s-pro-sun { width:250px; } .s-pro-moon { width:290px; } }
@media (max-width:759px) { .s-pro-deco { opacity:.75; } .s-pro-sun { width:44%; left:-5%; }
  .s-pro-moon { width:48%; right:-4%; }
  /* The faces show at the edges, as in the mobile mock: the headline keeps
     to the middle. */
  .s-cta.s-pro .s-pro-h h2 { max-width:78%; margin-inline:auto; } }
.s-pro-h { position:relative; text-align:center; max-width:780px; margin:0 auto 28px; }
.s-cta.s-pro .s-pro-h h2 { font-size:clamp(28px,4.6vw,46px); line-height:1.08; margin:0; }
.s-cta.s-pro .s-pro-h p { margin:12px auto 0; max-width:60ch; font-size:17px; color:var(--ink-2); }
.s-pro-go1 { margin-top:20px; display:inline-flex; gap:10px; align-items:center; padding:0 26px;
  min-height:52px; font-size:16px; box-shadow:0 8px 22px -12px rgba(90,55,10,.55); }
.s-pro-g { position:relative; display:grid; gap:18px; grid-template-columns:minmax(0,1fr); }
/* Side by side from 1000px: narrower, the covers shrink under the chat card
   and no amount of tightening makes the two end together. */
@media (min-width:1000px) { .s-pro-g { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.s-pro-c { display:flex; flex-direction:column; align-items:flex-start; gap:10px; min-width:0;
  padding:22px 20px; border:1px solid var(--line); border-radius:20px; background:var(--surface);
  color:inherit; text-decoration:none; transition:border-color .15s; }
@media (min-width:760px) { .s-pro-c { padding:26px 28px; } }
.s-pro-c:hover { border-color:var(--gold-lt); }
.s-pro-c h3 { font-family:var(--font-serif); font-size:clamp(24px,2.6vw,32px); font-weight:600;
  line-height:1.15; margin:6px 0 0; color:var(--ink); }
.s-pro-t { font-size:15px; line-height:1.55; color:var(--ink-2); }
.s-pro-p { font-size:15px; font-weight:600; color:var(--gold-dk); }
.s-pro-fs { display:flex; text-decoration:none; }
.s-pro-f { width:68px; height:68px; border-radius:50%; overflow:hidden; border:3px solid var(--surface);
  margin-left:-10px; background:var(--surface-2); box-shadow:0 0 0 1px var(--gold-lt); }
.s-pro-f:first-child { margin-left:0; }
/* Six across a phone's card: 44px at 320, 54 from 380. */
@media (max-width:759px) { .s-pro-f { width:44px; height:44px; margin-left:-10px; border-width:2px; } }
@media (min-width:380px) and (max-width:759px) { .s-pro-f { width:54px; height:54px; margin-left:-8px; } }
@media (min-width:760px) { .s-pro-f { width:76px; height:76px; margin-left:-12px; } }
.s-pro-f img { width:100%; height:100%; object-fit:cover; display:block; }
/* The four, as tiles with their subject's icon. */
.s-pro-rs { display:grid; gap:8px; grid-template-columns:repeat(2,minmax(0,1fr)); align-self:stretch; margin-top:4px; }
@media (min-width:480px) { .s-pro-rs { gap:10px; } }
.s-pro-r { display:flex; align-items:center; gap:10px; min-width:0; padding:11px 12px;
  border-radius:12px; background:var(--gold-bg); }
.s-pro-r svg { flex:none; color:var(--gold-dk); }
.s-pro-r > span { display:flex; flex-direction:column; min-width:0; }
.s-pro-r b { font-size:15px; font-weight:650; color:var(--ink); }
.s-pro-r i { font-style:normal; font-size:13.5px; color:var(--ink-2); }

.s-pro-qs { display:flex; flex-direction:column; gap:8px; align-self:stretch; margin-top:4px; }
.s-pro-qs > i { font-style:normal; font-size:12px; font-weight:700; letter-spacing:.08em;
  text-transform:uppercase; color:var(--ink-3); }
.s-pro-q { display:flex; align-items:center; min-height:44px; padding:10px 14px; border-radius:12px;
  background:var(--gold-bg); color:var(--ink); font-size:14.5px; line-height:1.4; text-decoration:none; }
.s-pro-q:hover { background:var(--gold-lt); }
.s-pro-bs { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; align-self:stretch; margin-top:6px; }
/* A price abroad is longer than ₹5 ("Chat from $0.10/min"), and at 320
   the nowrap button ran past the screen. Wrap there instead. */
@media (max-width:374px) { .s-pro-bs .c-btn { white-space:normal; flex-wrap:wrap; text-align:center; } }
@media (min-width:1000px) { .s-pro-bs { grid-template-columns:repeat(2,minmax(0,1fr)); } }
/* The rate sits beside its label, one line. */
.s-pro-bs .c-btn { display:flex; justify-content:center; align-items:center; gap:8px; white-space:nowrap;
  min-height:52px; font-size:16px; }
.s-pro-bs .c-as-rate { font-weight:650; }
.s-pro-fine { font-size:13px; color:var(--ink-3); }
/* ── THE PHONE (Rohit's mobile mock, 28 Sep 2026) ──
   The chat card centred — faces, heading, the line under it — with the
   four as one-row tiles, icon beside the name; Chat and Call full width,
   one over the other. The reports card leads with its heading, then the
   covers, the words, and Explore full width. Everything a little closer. */
@media (max-width:759px) {
  .s-cta.s-pro { padding:24px 12px 14px; }
  .s-pro-h { margin-bottom:18px; }
  .s-cta.s-pro .s-pro-h p { margin-top:8px; font-size:16px; }
  .s-pro-go1 { margin-top:14px; width:100%; max-width:360px; justify-content:center; }
  .s-pro-g { gap:14px; }
  .s-pro-c { padding:18px 12px; gap:10px; border-radius:18px; }
  .s-pro-g > .s-pro-c:first-child { align-items:center; text-align:center; }
  .s-pro-g > .s-pro-c:first-child .s-pro-fs { justify-content:center; }
  .s-pro-c h3 { margin-top:2px; font-size:26px; }
  .s-pro-rs { gap:8px; }
  .s-pro-r { flex-direction:row; align-items:center; gap:7px; padding:9px 8px; text-align:left; }
  .s-pro-r svg { width:20px; height:20px; }
  .s-pro-r b { font-size:14px; white-space:nowrap; }
  .s-pro-r i { font-size:12.5px; line-height:1.3; }
  .s-pro-rs { gap:6px; }
  .s-pro-bs { gap:8px; margin-top:2px; }
  .s-pro-bs .c-btn { min-height:50px; }
  .s-pro-fine { text-align:center; }
  .s-pro-rep h3 { order:-1; margin:0; text-align:center; align-self:stretch; }
  .s-pro-rep .s-pro-cvs { gap:10px; }
  .s-pro-go { align-self:stretch; justify-content:center; margin-top:4px; }
}
/* The smallest phones: a 66px name column cannot hold "Astro Vaidya" beside
   an icon, so the icon goes above it there. */
@media (max-width:359px) {
  .s-pro-r { flex-direction:column; align-items:flex-start; gap:5px; }
  .s-pro-r b { white-space:normal; }
}

/* THE TWO CARDS END TOGETHER (Rohit, 28 Sep 2026: "the right card has
   empty space, shrink the left to match"). Side by side the covers set the
   height, and they shrink with the card: from 1280px the two already match
   to a few pixels; between 1000 and 1279 the chat card is tightened —
   smaller faces, slimmer tiles, closer rows — to fit under the covers.
   Both cards' buttons sit on the bottom edge, so what little is left over
   falls above them and the two rows of buttons line up. */
.s-pro-g > .s-pro-c:first-child .s-pro-bs { margin-top:auto; }
@media (min-width:1000px) and (max-width:1279px) {
  .s-pro-g > .s-pro-c:first-child { gap:8px; }
  .s-pro-g > .s-pro-c:first-child .s-pro-f { width:58px; height:58px; margin-left:-10px; }
  .s-pro-g > .s-pro-c:first-child .s-pro-f:first-child { margin-left:0; }
  .s-pro-g > .s-pro-c:first-child h3 { margin-top:2px; font-size:clamp(22px,2.2vw,28px); }
  .s-pro-g > .s-pro-c:first-child .s-pro-t { font-size:14px; }
  .s-pro-rs { gap:8px; margin-top:2px; }
  .s-pro-r { padding:8px 12px; gap:10px; }
  .s-pro-r svg { width:22px; height:22px; }
  .s-pro-r b { font-size:14.5px; }
  .s-pro-r i { font-size:13px; }
  .s-pro-bs .c-btn { min-height:48px; }
}
/* The reports: the covers big, then the words, then the button. */
.s-pro-cvs { display:flex; gap:14px; align-items:flex-start; align-self:stretch; }
.s-pro-cv { flex:1 1 0; max-width:190px; border-radius:6px; overflow:hidden;
  box-shadow:0 10px 24px -14px rgba(60,30,5,.6); }
.s-pro-cv img { width:100%; height:auto; display:block; }
.s-pro-rep h3 { margin-top:10px; }
.s-pro-go { margin-top:auto; display:inline-flex; align-items:center; gap:8px; min-height:52px;
  padding:0 24px; font-size:16px; }
.s-pro-c .s-pro-p + .s-pro-go { margin-top:12px; }

  /* Everything here is namespaced m-. The shell owns c-, h-, l-, s- and sg-;
     restyling a bare class one of those owns is what checks/clash.py is for. */

  /* Under the drawing it describes, inside the same card. As a sibling of
     the card it was 524px of ragged text under an 1180px box — a caption
     orphaned from the thing it captions. */
  .m-note { max-width:44ch; margin:4px auto 0; text-align:center;
    font-size:12.5px; line-height:1.65; color:var(--ink-3); }
  .m-note b { color:var(--ink-2); font-weight:650; }

  /* ── the form ───────────────────────────────────────────────── */
  .m-pf-2 { display:grid; gap:22px; grid-template-columns:1fr; }
  .m-pf { min-width:0; margin:0; padding:0; border:0; }
  /* FLOATED, so the legend is an ordinary heading and not a gap cut into
     the fieldset's top edge, which drew a rule through "Girl". */
  .m-pf-h { float:left; width:100%; padding:0; margin:0 0 12px;
    font-size:16px; font-weight:700; color:var(--ink); }
  .m-pf-h + * { clear:both; }
  .m-pf + .m-pf { padding-top:22px; border-top:1px solid var(--line-soft); }
  /* Date and time on one line where "22 November 1988" still fits beside
     the clock; below 520 they stack. */
  .m-pf-dt { display:grid; gap:0 14px; grid-template-columns:1fr; }
  @media (min-width:520px) {
    .m-pf-dt { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); }
  }
  @media (min-width:900px) {
    .m-pf-2 { grid-template-columns:1fr 1fr; gap:0; }
    .m-pf:first-child { padding-right:36px; }
    .m-pf + .m-pf { padding-top:0; border-top:0; padding-left:36px;
      border-left:1px solid var(--line-soft); }
  }
  /* The example line now heads the score it labels. */
  #m-out .c-eg-line { margin:0 0 16px; }

  /* ── the score ──────────────────────────────────────────────── */
  .m-head { display:grid; gap:26px; grid-template-columns:1fr;
    align-items:center; padding:26px; border:1px solid var(--gold-lt);
    border-radius:var(--r-card); background:var(--gold-bg); }
  @media (min-width:900px) {
    .m-head { grid-template-columns:minmax(0,500px) minmax(0,1fr); }
  }
  .m-head-r { min-width:0; }
  .m-head-x { min-width:0; }
  .m-rg { width:100%; max-width:520px; height:auto; display:block; }
  /* The track is the koota's full worth; the fill is what it earned. Butt
     caps, not round — a round cap on a one-point arc adds a stroke-width of
     length to something two degrees wide and it stops being proportional. */
  .m-rg-t { fill:none; stroke:var(--line); stroke-width:22; }
  .m-rg-f { fill:none; stroke-width:22; }
  .m-rg-good { stroke:var(--good); }
  .m-rg-mid { stroke:var(--mid); }
  .m-rg-bad { stroke:var(--bad); }
  .m-rg-l { font-family:var(--font-mono); font-size:11px; fill:var(--ink-2); }
  .m-rg-n { font-size:11px; fill:var(--ink-3); font-weight:700; }
  .m-rg-v { font-family:var(--font-serif); font-size:64px; font-weight:600;
    fill:var(--gold-dk); }
  .m-rg-s { font-family:var(--font-mono); font-size:13px; fill:var(--ink-2); }
  .m-lvl { margin-top:16px; padding-top:15px;
    border-top:1px solid var(--gold-lt); }
  .m-lvl > b { display:block; font-family:var(--font-serif); font-size:26px;
    font-weight:600; color:var(--gold-dk); margin:4px 0 3px; }
  .m-lvl > i { display:block; font-style:normal; font-size:13.5px;
    line-height:1.6; color:var(--ink-2); }
  .m-who { display:grid; gap:12px; grid-template-columns:1fr 1fr;
    min-width:0; }
  .m-who-c { min-width:0; padding:13px 15px; border-radius:var(--r-in);
    background:var(--surface); }
  .m-who-c > b { display:block; font-family:var(--font-serif); font-size:20px;
    font-weight:600; color:var(--ink); margin:4px 0 2px; }
  .m-who-c > i { display:block; font-style:normal; font-size:11.5px;
    line-height:1.45; color:var(--ink-3); }
  .m-verdict { margin:14px 0 0; padding:12px 14px; border-radius:var(--r-in);
    background:var(--surface); font-size:13.5px; line-height:1.7;
    color:var(--ink-2); }
  .m-verdict b { color:var(--ink); font-weight:700; }


  /* ── the eight koota cards ──────────────────────────────────── */
  /* TWO ACROSS, NOT FOUR. At four the card was 270px holding an eyebrow, a
     headline, a number, a bar, two labelled values and a paragraph — six
     stacked things in a box too narrow for any of them, and the groom/bride
     pair wrapped to one per line. Two across is 570px: the pair sits side by
     side and the description gets a real measure. */
  .m-k-g12 { display:grid; gap:14px; grid-template-columns:1fr; }
  @media (min-width:900px) {
    .m-k-g12 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  }
  /* NO SPINE. The card carried a coloured left border and the ring inside it
     carried the same colour — one value said twice, and the border was the
     louder of the two on a card whose point is the ring. The ring keeps it. */
  .m-k { min-width:0; display:grid; gap:18px;
    grid-template-columns:74px minmax(0,1fr); align-items:start;
    padding:18px 20px; border:1px solid var(--line);
    border-radius:var(--r-card); background:var(--surface); }
  .m-k-l { text-align:center; min-width:0; }
  .m-k-nm { display:block; font-family:var(--font-mono); font-size:10px;
    letter-spacing:.09em; text-transform:uppercase; color:var(--ink-2);
    margin-top:7px; line-height:1.3; }
  .m-k-of { display:block; font-size:10.5px; color:var(--ink-3);
    margin-top:2px; }
  .m-mr { width:62px; height:62px; display:block; margin:0 auto; }
  .m-mr-t { fill:none; stroke:var(--line); stroke-width:6; }
  .m-mr-f { fill:none; stroke-width:6; }
  .m-mr-good { stroke:var(--good); }
  .m-mr-mid { stroke:var(--mid); }
  .m-mr-bad { stroke:var(--bad); }
  .m-mr-v { font-family:var(--font-serif); font-size:23px; font-weight:600;
    fill:var(--ink); }
  .m-k-b { min-width:0; }
  .m-k-w { display:block; font-size:14.5px; font-weight:600; color:var(--ink);
    line-height:1.4; margin-bottom:12px; }
  .m-k-g { display:grid; gap:9px 14px;
    grid-template-columns:repeat(auto-fit,minmax(110px,1fr)); }
  .m-kv { min-width:0; }
  .m-kv > b { display:block; font-size:13px; font-weight:600; color:var(--ink);
    margin-top:2px; }
  .m-kv > i { display:block; font-style:normal; font-size:11px;
    line-height:1.45; color:var(--ink-3); margin-top:2px; }
  .m-k-d { margin:12px 0 0; padding-top:11px;
    border-top:1px solid var(--line-soft); font-size:12.5px; line-height:1.6;
    color:var(--ink-2); }
  .m-k-lost { margin:10px 0 0; font-size:12px; line-height:1.6;
    color:var(--ink-3); }
  /* The caption is a block. Inline, it ran straight into its own sentence —
     "…WOULD HAVE COVEREDPhysical incompatibility". */
  .m-k-lost > .h-f-l { display:block; margin-bottom:3px; }

  /* ── the three doshas ───────────────────────────────────────── */
  .m-d-g { display:grid; gap:16px; grid-template-columns:1fr;
    align-items:stretch; }
  @media (min-width:900px) {
    .m-d-g { grid-template-columns:repeat(3,minmax(0,1fr)); }
  }
  .m-d { min-width:0; display:flex; flex-direction:column; padding:20px 22px;
    border:1px solid var(--line); border-radius:var(--r-card);
    background:var(--surface); }
  .m-d-mid { border-color:var(--gold-lt); background:var(--gold-bg); }
  .m-d-h > b { display:block; font-family:var(--font-serif); font-size:30px;
    font-weight:600; line-height:1.1; margin:5px 0 4px; color:var(--ink); }
  .m-d-mid .m-d-h > b { color:var(--gold-dk); }
  .m-d-good .m-d-h > b { color:var(--good); }
  .m-d-h > i { display:block; font-style:normal; font-size:12.5px;
    line-height:1.6; color:var(--ink-2); margin-bottom:14px; }
  /* The card's facts and its eases are written by the script, and some
     cards have none: an empty box is a stray rule and a gap. */
  .m-d .m-k-g:empty, .m-d-e:empty { display:none; }
  .m-d-e { margin:12px 0 0; padding-left:17px; }
  .m-d-e li { font-size:12.5px; line-height:1.6; color:var(--ink-2); }
  .m-d-e b { color:var(--ink); font-weight:600; }
  .m-d > p { margin:14px 0 0; padding-top:14px;
    border-top:1px solid var(--line-soft); font-size:13px; line-height:1.7;
    color:var(--ink-2); }

  /* ── the verdict lists ──────────────────────────────────────── */
  .m-rl-g { display:grid; gap:14px; grid-template-columns:1fr;
    margin-bottom:22px; }
  @media (min-width:760px) {
    .m-rl-g { grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); }
  }
  .m-rl { min-width:0; padding:16px 18px; border:1px solid var(--line);
    border-left:3px solid var(--line); border-radius:var(--r-card);
    background:var(--surface); }
  .m-rl-good { border-left-color:var(--good); }
  .m-rl-mid { border-left-color:var(--mid); }
  .m-rl ul { margin:9px 0 0; padding-left:17px; }
  .m-rl li { font-size:12.5px; line-height:1.7; color:var(--ink-2); }
  #m-msg:empty { display:none; }
  #m-msg { margin-top:10px; }
  .m-busy { color:var(--gold-dk); font-weight:600; }
  .m-err { color:var(--bad); }

  /* ── take this match further: the two reports, the love astrologers ── */
  .m-more-h { margin:26px 0 12px; font-size:16px; font-weight:700; color:var(--ink); }
  .m-more-h:first-of-type { margin-top:4px; }
  /* Six languages wrap to a second line rather than end in "Hind…": on a
     320 screen the roster card's row is 250px. */
  #m-more .c-as-lang { white-space:normal; overflow:visible; }

  /* The toggle is the phone's (why_btn); above 640px every card is open. */
  .m-k-x { display:none; }
  /* The chat nudge under the verdict, inside the same tinted section. */
  .m-ask { margin-top:22px; }

  /* ── THE PHONE, AND THE ONE THING SVG TEXT DOES THAT CSS TEXT DOES NOT ──
     Last in the file on purpose: a media query adds no specificity, so a
     block written above the rules it overrides loses at equal weight.

     THE RING'S TEXT IS NOT THE SIZE IT SAYS IT IS. It is drawn in a 520-unit
     box and rendered into whatever column it gets, so every number here is
     multiplied on the way to the glass — about 0.58 at a 390 screen and 0.45
     at 320. The eight arc labels are specified at 11px and arrive at 6.4 and
     5.0. Reading getComputedStyle().fontSize on them reports 11 and calls it
     clean, which is exactly how they went unnoticed: the page passed a type
     floor while its headline component was setting its own labels at half of
     it. Same trap as the kundli diagram, same fix in the checks — scale by
     the viewBox before comparing.

     THE LABELS GO, RATHER THAN GROW. To reach 11px rendered they would need
     to be specified at 24 units, and "Graha Maitri" at 24 units starts at
     x=434 of 520 and runs off the box — there is no size at which eight of
     them fit round a ring 240px across. Every fact they carry is repeated
     directly below at a legible size: the koota card has the same name, the
     same points out of the same maximum, and the same good/mid/bad colour on
     its own small ring, and the cards run in the arcs' order, which the note
     under the ring now says. So the phone keeps the picture the ring is for
     — how much of the thirty-six is lit — and reads the parts off the cards.

     Squaring the box off crops the 45 units of margin at each side that the
     labels used to occupy; see preserveAspectRatio in score_ring(). */
  @media (max-width:640px) {
    .m-rg { aspect-ratio:1; height:auto; }
    .m-rg-l, .m-rg-n { display:none; }
    /* 21 units, not 13: the worst case is a 320 screen, where the box is
       squared to about 236px and everything inside is multiplied by 0.55.
       That puts this at 11.5px there and 14.7 on a 390, under a total that
       is 47px on the same screen. */
    .m-rg-s { font-size:21px; }
    /* The koota card's own two labels, which are CSS text and were simply
       small: 10 and 10.5. The 74px column holds "BHAKOOT" at 11. */
    .m-k-nm { font-size:11px; }
    .m-k-of { font-size:11px; }

    /* ONE ROW PER KOOTA, the reason a tap away (why_btn). The whole card is
       the tap target while it is shut — the button's ::after covers it —
       and only the button once it is open, so the text inside can be read
       and selected without closing it. */
    .m-k { position:relative; grid-template-columns:58px minmax(0,1fr);
      gap:0 14px; align-items:center; padding:12px 16px; }
    .m-k.m-k-on { align-items:start; }
    .m-k .m-mr { width:50px; height:50px; }
    .m-k-nm { margin-top:5px; }
    .m-k-w { margin-bottom:0; }
    .m-k-x { display:inline-flex; align-items:center; gap:8px; min-height:44px;
      padding:0; border:0; background:none; cursor:pointer;
      font:600 14px/1.2 var(--font-sans); color:var(--gold-dk); }
    .m-k-x::after { content:''; position:absolute; inset:0;
      border-radius:var(--r-card); }
    .m-k-on .m-k-x::after { display:none; }
    .m-k-x:focus-visible { outline:none; }
    .m-k-x:focus-visible::after { outline:2px solid var(--gold); outline-offset:2px; }
    .m-k-on .m-k-x:focus-visible { outline:2px solid var(--gold); outline-offset:2px; }
    .m-k-x2, .m-k-on .m-k-x1 { display:none; }
    .m-k-on .m-k-x2 { display:inline; }
    .m-k-xc { width:7px; height:7px; margin-top:-3px;
      border-right:2px solid currentColor; border-bottom:2px solid currentColor;
      transform:rotate(45deg); }
    .m-k-on .m-k-xc { margin-top:3px; transform:rotate(-135deg); }
    .m-k-more { display:none; }
    .m-k-on .m-k-more { display:block; padding-bottom:4px; }
  }

  /* ── /hi/kundli-matching/, FOR WHAT THE SCRIPT WRITES ──
     t() text carries the Hindi type rules (lib/i18n STATIC_CSS); the cards,
     the doshas and the lists are painted by the script and do not, so they
     are said here: under 15px goes up by 2, never past 15 (CLAUDE.md 15),
     and no tracking or caps on Devanagari. :root[lang^="hi"] is the public
     Hindi page only; /home/matching/ switches with data-lang. */
  :root[lang^="hi"] .h-f-l, :root[lang^="hi"] .m-k-nm,
  :root[lang^="hi"] .c-pf-l, :root[lang^="hi"] .c-eg-line {
    letter-spacing:0; text-transform:none; }
  :root[lang^="hi"] .h-f-l, :root[lang^="hi"] .m-k-nm,
  :root[lang^="hi"] .m-k-of, :root[lang^="hi"] .c-pf-l,
  :root[lang^="hi"] .c-field label, :root[lang^="hi"] .c-eg-line { font-size:13px; }
  :root[lang^="hi"] .m-kv > i { font-size:13px; }
  :root[lang^="hi"] .m-who-c > i { font-size:13.5px; }
  :root[lang^="hi"] .m-k-lost { font-size:14px; }
  :root[lang^="hi"] .m-k-d, :root[lang^="hi"] .m-d-h > i,
  :root[lang^="hi"] .m-d-e li, :root[lang^="hi"] .m-rl li,
  :root[lang^="hi"] .m-note { font-size:14.5px; }
  :root[lang^="hi"] .m-kv > b, :root[lang^="hi"] .m-verdict,
  :root[lang^="hi"] .m-lvl > i, :root[lang^="hi"] .m-d > p,
  :root[lang^="hi"] .c-tool-alt, :root[lang^="hi"] #m-msg,
  :root[lang^="hi"] .m-k-w, :root[lang^="hi"] .m-k-x1, :root[lang^="hi"] .m-k-x2 { font-size:15px; }

  /* ── A RASHI IS ONE WORD AND CANNOT BE WRAPPED OUT OF TROUBLE ──
     The two moon signs sit in a 1fr 1fr pair, which at 360px leaves each of
     them 101px of content, and "Sagittarius" at 20px serif is 103. It does
     not wrap — there is nowhere to break it — so it ran out over the card's
     own edge. The usual overflow test cannot see this: the box does not clip,
     it spills, and scrollWidth > clientWidth on an overflow:visible block
     normally just means text that will wrap. Only an unbreakable word does
     this, and a rashi is always one.
     They stack instead of shrinking. The pair is drawn at one size on purpose
     — a match with one person larger than the other is saying something the
     chart is not — and stacking keeps that; a font size small enough for
     Sagittarius at 320 would not. 400, because 390 is the last width where
     the longest sign still fits beside another one. */
  @media (max-width:400px) {
    .m-who { grid-template-columns:1fr; }
  }

/* ── the small offer (strip) ───────────────────────────── */
/* Its own section adds no padding: between two padded sections it stacked
   to 88px above and 106 below (Rohit, 27 Sep 2026: "too much space"). */
section.l-sec.of-strip-sec { padding-top:0; padding-bottom:0; }
/* ...except above a tinted band, which would start flush under the strip. */
section.l-sec.of-strip-sec:has(+ .l-alt) { padding-bottom:38px; }
.of-strip { display:grid; grid-template-columns:auto 1fr; gap:12px 14px; align-items:center;
            padding:14px 16px; border-radius:var(--r-card); border:1px solid var(--gold-lt);
            background:var(--surface); }
@media (min-width:760px) { .of-strip { grid-template-columns:auto 1fr auto; } }
.of-strip-who { display:block; line-height:0; }
.of-strip .of-ph { width:48px; height:48px; border-radius:50%; object-fit:cover;
                   border:2px solid var(--gold-lt); }
.of-strip-t { display:flex; flex-direction:column; gap:2px; min-width:0; }
.of-strip-t b { font-size:16px; color:var(--ink); }
.of-strip-t span { font-size:14.5px; line-height:1.5; color:var(--ink-2); }
.of-strip-b { display:flex; gap:8px; flex-wrap:wrap; grid-column:1 / -1; }
@media (min-width:760px) { .of-strip-b { grid-column:auto; } }
.of-strip-b .c-btn { gap:7px; flex:1 1 150px; justify-content:center; white-space:nowrap; }
@media (min-width:760px) { .of-strip-b .c-btn { flex:0 0 auto; } }
.of-strip-b .c-as-rate { font-weight:600; opacity:.85; }
/* ── the ask panel ─────────────────────────────────────── */
.of-ask { display:grid; gap:18px; padding:22px; border-radius:var(--r-card);
          border:1px solid var(--gold-lt);
          background:radial-gradient(120% 140% at 100% 0%, var(--gold-bg) 0%, transparent 62%),
                     var(--surface); }
@media (min-width:860px) {
  .of-ask { grid-template-columns:230px minmax(0,1fr); gap:30px; padding:28px 32px; } }
.of-ask > * { min-width:0; }
.of-who { display:flex; gap:13px; align-items:center; text-decoration:none; color:var(--ink);
          align-self:start; }
@media (min-width:860px) { .of-who { flex-direction:column; align-items:flex-start; } }
.of-who .of-ph { width:64px; height:64px; border-radius:50%; object-fit:cover; flex:none;
                 border:2px solid var(--gold-lt); }
.of-who-t { display:flex; flex-direction:column; gap:2px; min-width:0; }
.of-who-t b { font-size:16px; }
.of-who-t i { font-style:normal; font-size:13px; color:var(--ink-2); }
.of-who-t em { font-style:normal; font-size:12.5px; color:var(--ink-3);
               display:flex; align-items:center; gap:5px; flex-wrap:wrap; }
.of-t { font-family:var(--font-serif); font-size:clamp(20px,3.2vw,25px); line-height:1.2;
        letter-spacing:-.015em; font-weight:600; margin:0 0 8px; text-wrap:balance; }
.of-d { margin:0 0 16px; color:var(--ink-2); font-size:var(--text-md); line-height:1.6;
        max-width:62ch; }
.of-lbl { margin:0 0 9px; font-size:12.5px; font-weight:650; color:var(--ink-3); }
.of-qs { display:flex; flex-direction:column; gap:8px; margin-bottom:18px; }
.of-q { display:flex; align-items:flex-start; gap:10px; padding:11px 14px; min-height:44px;
        border-radius:12px; border:1px solid var(--line); background:var(--surface);
        color:var(--ink); text-decoration:none; font-size:14.5px; line-height:1.45; }
.of-q svg { flex:none; margin-top:2px; color:var(--gold-dk); }
.of-q:hover { border-color:var(--gold); background:var(--gold-bg); }
.of-buy { display:flex; flex-wrap:wrap; gap:10px; }
.of-buy .c-btn { flex:1 1 170px; justify-content:center; gap:8px; }
.of-buy .c-as-rate { font-weight:700; }
.of-buy .c-as-rate::before { content:'\00b7'; margin-right:7px; opacity:.6; }
.of-gift { display:flex; gap:8px; align-items:flex-start; margin:14px 0 0; font-size:13.5px;
           color:var(--ink-2); line-height:1.5; }
.of-gift[hidden] { display:none; }
.of-gift svg { flex:none; margin-top:2px; color:var(--gold-dk); }

/* ── reports ───────────────────────────────────────────── */
.of-rp { display:grid; gap:12px; }
@media (min-width:900px) { .of-rp { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* ── the phone bar ─────────────────────────────────────── */
.of-stk, .of-stk-sp { display:none; }
@media (max-width:819px) {
  .of-stk { display:block; position:fixed; left:0; right:0; bottom:0; z-index:40;
            padding:9px 12px calc(9px + env(safe-area-inset-bottom));
            background:var(--surface); border-top:1px solid var(--line);
            box-shadow:0 -8px 24px rgba(0,0,0,.08);
            transform:translateY(110%); transition:transform .25s ease; }
  .of-stk.on { transform:none; }
  .of-stk-sp { display:block; height:76px; }
}
@media (prefers-reduced-motion:reduce) { .of-stk { transition:none; } }
.of-stk-a { display:flex; align-items:center; gap:11px; text-decoration:none; color:var(--ink); }
.of-stk-a .of-ph { width:38px; height:38px; border-radius:50%; object-fit:cover; flex:none; }
.of-stk-t { display:flex; flex-direction:column; min-width:0; flex:1; line-height:1.3; }
.of-stk-t b { font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.of-stk-t i { font-style:normal; font-size:12.5px; color:var(--ink-3); white-space:nowrap;
              overflow:hidden; text-overflow:ellipsis; }
.of-stk-a .c-btn { flex:none; }

  /* ── THE ROSTER CARDS IN A ROW (was the dashboard's own) ── */
  .d-ags { display:grid; gap:15px; align-items:start; }
  /* The tags are plain labels here, so a tap on them opens the astrologer
     like the rest of the card (the shared card lifts them above its link). */
  .d-ags .c-as:has(.c-as-n) .c-as-tags { position:static; z-index:auto; pointer-events:none; }
  .d-cell { display:flex; }
  .d-cell > * { flex:1; }
  /* SYMMETRIC CARDS. Side by side, every card is the same six rows of the
     grid they sit in (subgrid, twice: the cell, then the card): name,
     speciality, rating, tags, languages, buttons. A name that wraps or a
     longer speciality makes that row taller in all three, so the stars, the
     tags, the languages and both price buttons line up across the row and
     the cards end at one height. The card's own head wrappers step aside
     (display:contents) so their parts can sit on those rows. */
  @media (min-width:900px) {
    .d-ags { grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:0; align-items:stretch; }
    .d-ags > .d-cell { display:grid; grid-row:span 6; grid-template-rows:subgrid;
                       row-gap:0; margin-bottom:15px; }
    .d-ags .c-as { grid-row:span 6; display:grid; grid-template-rows:subgrid; row-gap:0;
                   grid-template-columns:64px minmax(0,1fr); column-gap:13px; }
    .d-ags .c-as-h, .d-ags .c-as-id { display:contents; }
    .d-ags .c-as-h > :first-child { grid-column:1; grid-row:1 / span 3; align-self:start; }
    .d-ags .c-as-id > b { grid-column:2; grid-row:1; align-self:end; }
    .d-ags .c-as-sp { grid-column:2; grid-row:2; align-self:start; }
    .d-ags .c-as-r { grid-column:2; grid-row:3; align-self:start; flex-wrap:wrap; }
    .d-ags .c-as-tags { grid-column:1 / -1; grid-row:4; align-self:start; }
    .d-ags .c-as-lang { grid-column:1 / -1; grid-row:5; align-self:start; }
    .d-ags .c-as-buy { grid-column:1 / -1; grid-row:6; align-self:end; }
  }

  /* ── ASK AN ASTROLOGER, under a page's reading ── */
  .c-askb { margin-top:22px; }
  .c-askb-h { margin:0 0 4px; font-family:var(--font-sans); font-size:16px;
              font-weight:700; color:var(--ink); }
  .c-askb-why { margin:0 0 12px; padding:8px 12px; border-radius:10px;
                background:var(--gold-bg); font-size:13.5px; line-height:1.55;
                color:var(--ink-2); max-width:760px; }
  .c-askb-why:empty { display:none; }
  .c-askb-all { display:inline-flex; align-items:center; min-height:44px;
                font-size:14px; font-weight:600; color:var(--gold-dk); }
  :root[data-lang="hi"] .c-askb-why { font-size:15px; }
  /* ON A PHONE, A ROW YOU SWIPE (Rohit, 27 Sep 2026: "optimize for phone").
     Three roster cards stacked were ~1,300px under every page that offers
     them. One whole card and the edge of the next says there are more; the
     row bleeds to the screen edge (.d-main's 16px), snaps card by card, and
     fades at its right edge — the report banner's way of saying it goes on. */
  @media (max-width:640px) {
    .c-askb .d-ags { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:86%;
      gap:12px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory;
      scroll-padding:0 16px; margin:0 -16px; padding:0 16px 8px; scrollbar-width:none;
      -webkit-mask-image:linear-gradient(90deg, #000 calc(100% - 28px), transparent);
      mask-image:linear-gradient(90deg, #000 calc(100% - 28px), transparent); }
    .c-askb .d-ags::-webkit-scrollbar { display:none; }
    .c-askb .d-ags > .d-cell { scroll-snap-align:start; margin:0; }
  }

  .rp-pub .d-main { margin-inline:auto; }
  /* ── the redesigned report pages, prefix rv- ─────────────────────── */
  .rv { --rv-hi: 'Kohinoor Devanagari','Noto Serif Devanagari','Noto Sans Devanagari',
               'Mangal','Nirmala UI',var(--font-serif); }
  .rv [lang="hi"] { font-family:var(--rv-hi); }
  /* THE SITE'S WIDTH, not a narrower one of its own (Rohit, 28 Sep 2026:
     "its content width is lower compared to other pages, the content seems
     centered"). It was 1120px against every other public page's --wrap
     (1360px, lib/common .l-wrap), so at 1440 the shelf sat 240px narrower,
     floating in the middle. */
  .rv-wrap { max-width:var(--wrap); margin-inline:auto; padding-inline:16px; }
  .rv-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px;
            min-height:44px; padding:0 18px; border-radius:10px; font-weight:650;
            font-size:14.5px; text-decoration:none; background:var(--gold-solid);
            color:var(--gold-solid-text); border:1px solid var(--gold-solid); }
  .rv-btn:hover { filter:brightness(1.06); }
  .rv-btn:focus-visible, .rv a:focus-visible { outline:2px solid var(--gold); outline-offset:2px; }
  .rv-btn-ghost { background:transparent; color:var(--ink); border-color:var(--line); }

  /* ── the offer banner ── ITS OWN PALETTE, ONE PER THEME. It was one look
     in both, the deep brown of the report covers, and on the cream light
     page that was a near-black slab from another app. Light is now the warm
     saffron-cream of a sweet-shop offer board, with the dark covers standing
     out on it; dark keeps the brown, with a gold edge so it does not melt
     into the page. The tokens are the banner's own (--bn-*) because the
     discount seal and the covers need the same warmth in both. */
  .rv-ban { --bn-bg:linear-gradient(115deg, #FFF4DE 0%, #FDE6B8 55%, #F8D08A 100%);
            --bn-line:rgba(138,90,11,.07); --bn-ink:#2B170A; --bn-accent:#7A4E08;
            --bn-mute:#6E5638; --bn-btn:#5A3313; --bn-btn-ink:#FFF3DF; --bn-btn-hi:#6E4119;
            --bn-dot:rgba(90,51,19,.28); --bn-arrow:rgba(255,255,255,.55);
            --bn-edge:rgba(138,90,11,.22); --bn-shadow:0 10px 28px rgba(138,90,11,.16);
            --bn-fade:#FBDCA0; }
  :root[data-theme="dark"] .rv-ban {
            --bn-bg:radial-gradient(120% 140% at 85% 20%, #5A3313 0%, #2B170A 55%, #1B0F07 100%);
            --bn-line:rgba(232,201,138,.05); --bn-ink:#FFF3DF; --bn-accent:#E8C98A;
            --bn-mute:#CDB693; --bn-btn:#E8C98A; --bn-btn-ink:#2B170A; --bn-btn-hi:#F1D9A6;
            --bn-dot:rgba(255,243,223,.35); --bn-arrow:rgba(0,0,0,.2);
            --bn-edge:rgba(232,201,138,.3); --bn-shadow:0 0 0 1px rgba(232,201,138,.08), 0 14px 34px rgba(0,0,0,.45);
            --bn-fade:#3A200C; }
  .rv-ban-w { background:var(--surface-2); padding:14px 0 0; }
  .rv-ban { position:relative; border-radius:16px; overflow:hidden;
            background:var(--bn-bg); color:var(--bn-ink); border:1px solid var(--bn-edge);
            box-shadow:var(--bn-shadow); }
  .rv-ban::before { content:""; position:absolute; inset:0; pointer-events:none;
            background:repeating-linear-gradient(45deg, var(--bn-line) 0 1px, transparent 1px 22px),
                       repeating-linear-gradient(-45deg, var(--bn-line) 0 1px, transparent 1px 22px); }
  /* The kundli line drawing gave way to each slide's photo. */
  .rv-ban-mark { display:none; }
  .rv-ban-track { position:relative; z-index:1; display:flex; overflow-x:auto; scroll-snap-type:x mandatory;
            scrollbar-width:none; overscroll-behavior-x:contain; }
  .rv-ban-track::-webkit-scrollbar { display:none; }
  .rv-ban-track:focus-visible { outline:2px solid var(--bn-accent); outline-offset:-4px; }
  /* min-width:0 and border-box: with the photo's side padding a slide's
     min-content ran wider than the track, every slide after the first
     started early, and the last one's photo showed down its left edge. */
  .rv-ban-s { position:relative; flex:0 0 100%; min-width:0; max-width:100%; box-sizing:border-box;
            overflow:hidden; scroll-snap-align:start; display:grid;
            grid-template-columns:96px 1fr; gap:16px; align-items:center; padding:128px 18px 46px; }
  @media (min-width:760px) { .rv-ban-s { grid-template-columns:150px minmax(0,1fr); gap:30px;
            padding:26px 42% 50px 40px; } }
  .rv-ban-s > :not(.rv-ban-ph) { position:relative; z-index:1; }
  /* THE PHOTO. On a phone a band across the top that fades down into the
     banner; wider, the right side of the slide, fading left into it. The
     text column stops where the photo starts (padding-right above), so no
     word is ever set on a picture. --bn-fade is the banner's colour at
     that edge, per theme. */
  .rv-ban-ph { position:absolute; left:0; right:0; top:0; height:150px; z-index:0; pointer-events:none; }
  .rv-ban-ph img { display:block; width:100%; height:100%; object-fit:cover; object-position:var(--pos, 50% 50%); }
  .rv-ban-ph::after { content:""; position:absolute; inset:0;
            background:linear-gradient(180deg, transparent 35%, var(--bn-fade) 100%); }
  @media (min-width:760px) {
    .rv-ban-ph { left:auto; top:0; bottom:0; height:auto; width:46%; }
    .rv-ban-ph::after { background:linear-gradient(90deg, var(--bn-fade) 0%, transparent 38%); }
  }
  .rv-ban-art { position:relative; }
  .rv-ban-art img { display:block; width:100%; height:auto; border-radius:8px; transform:rotate(-3deg);
            box-shadow:0 12px 26px rgba(0,0,0,.45); border:1px solid rgba(232,201,138,.35); }
  /* THE SEAL — the discount as a stamped roundel, the shape a sale sticker
     takes on any Indian shop shelf. Empty (and so hidden) until the
     catalogue confirms an offer for this report. */
  /* Bottom corner of the cover, clear of the book's own title and of the
     headline beside it. */
  .rv-ban-seal { position:absolute; left:-10px; bottom:-10px; }
  @media (min-width:760px) { .rv-ban-seal { left:auto; right:-18px; bottom:-8px; } }
  .rv-ban-seal .c-rp-off { display:grid; place-items:center; width:54px; height:54px; margin:0;
            border-radius:50%; background:#C0392B; color:#FFF3DF; border:2px dashed rgba(255,243,223,.7);
            box-shadow:0 0 0 3px #C0392B; font-family:var(--font-sans); font-style:normal;
            font-size:11.5px; font-weight:800; line-height:1.05; text-align:center; letter-spacing:0;
            text-transform:uppercase; padding:4px; transform:rotate(8deg); flex-basis:auto; }
  .rv-ban-seal .c-rp-off[hidden] { display:none; }
  @media (min-width:760px) { .rv-ban-seal .c-rp-off { width:78px; height:78px; font-size:16px; } }
  .rv-ban-k { margin:0; font-size:12.5px; letter-spacing:.02em; color:var(--bn-accent); }
  .rv-ban-k > span:first-of-type:not(.rv-ban-tag) { text-transform:uppercase; letter-spacing:.08em;
            font-family:var(--font-mono); font-size:11px; }
  .rv-ban-tag:not([hidden]) { display:inline-block; margin-right:8px; padding:2px 8px; border-radius:99px;
            background:var(--bn-btn); color:var(--bn-btn-ink); font-weight:700; font-size:11px; }
  .rv-ban-tag i { font-style:normal; }
  .rv-ban-t { margin:6px 0 0; font-family:var(--font-serif); font-size:clamp(19px,3.4vw,30px);
            line-height:1.22; color:var(--bn-ink); text-wrap:balance; max-width:26ch; }
  .rv-ban-t[lang="hi"] { font-family:var(--rv-hi); font-weight:600; line-height:1.4; }
  .rv-ban-pay { margin-top:12px; display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; }
  .rv .rv-ban-pr { display:flex; align-items:baseline; gap:8px; width:auto; margin:0;
            justify-content:flex-start; font-family:var(--font-sans); }
  .rv .rv-ban-pr b { flex-basis:auto; font-size:26px; font-weight:800; color:var(--bn-ink);
            font-variant-numeric:tabular-nums; }
  .rv .rv-ban-pr s { font-size:14px; color:var(--bn-mute); }
  .rv-ban-buy { display:inline-flex; align-items:center; min-height:44px; padding:0 18px;
            border-radius:10px; background:var(--bn-btn); color:var(--bn-btn-ink); font-weight:750;
            font-size:14.5px; text-decoration:none; border:0; }
  .rv-ban-buy:hover { background:var(--bn-btn-hi); }
  .rv-ban-more { display:inline-flex; align-items:center; min-height:44px;
            color:var(--bn-accent); font-size:13.5px; font-weight:600; text-decoration:underline;
            text-underline-offset:3px; }
  .rv-ban a:focus-visible, .rv-ban button:focus-visible { outline:2px solid var(--bn-ink); outline-offset:2px; }
  /* z-index:2, above the track's 1: the track covers the whole banner, so
     without it every arrow and dot click landed on a slide instead. */
  .rv-ban-nav { position:absolute; left:0; right:0; bottom:10px; z-index:2; display:flex;
            align-items:center; justify-content:center; gap:12px; pointer-events:none; }
  .rv-ban-nav > * { pointer-events:auto; }
  .rv-ban-dots { display:flex; gap:4px; }
  .rv-ban-dot { width:24px; height:24px; border:0; background:none; padding:0; cursor:pointer;
            display:grid; place-items:center; }
  .rv-ban-dot::before { content:""; width:8px; height:8px; border-radius:99px; background:var(--bn-dot);
            transition:width .25s; }
  .rv-ban-dot[aria-current="true"]::before { width:22px; background:var(--bn-accent); }
  .rv-ban-arrow { width:32px; height:32px; border-radius:50%; border:1px solid var(--bn-edge);
            background:var(--bn-arrow); color:var(--bn-ink); font-size:20px; line-height:1; cursor:pointer;
            display:grid; place-items:center; }
  @media (prefers-reduced-motion:reduce) { .rv-ban-dot::before { transition:none; } }
  @media (pointer:coarse) { .rv-ban-arrow { width:44px; height:44px; } .rv-ban-dot { width:44px; height:44px; }
                             .rv-ban-dots { gap:0; } }
  .rv-ban-w + .rv-head { padding-top:22px; }

  /* head */
  .rv-head { position:relative; overflow:hidden; background:var(--surface-2);
             border-bottom:1px solid var(--line); padding:34px 0 26px; }
  .rv-head .rv-wrap { position:relative; }
  .rv-mark { fill:none; stroke:var(--gold); stroke-width:1.2; vector-effect:non-scaling-stroke; }
  /* The header's kundli: a real chart, not an outline (_head_chart), in the
     signed-in pages' dress — gold frame and lines, the lagna's box shaded,
     the grahas in the page's face, big enough to read. Its own column beside
     the heading, the lede and the four facts (it sat on top of the fourth),
     and not at all on a phone. */
  @media (min-width:760px) {
    .rv-head .rv-wrap:has(> .rv-hchart) { display:grid; grid-template-columns:minmax(0,1fr) 240px;
                                          column-gap:36px; align-items:center; }
    .rv-head .rv-wrap:has(> .rv-hchart) > :not(.rv-hchart) { grid-column:1; }
    .rv-hchart { grid-column:2; grid-row:1 / span 4; }
  }
  .rv-hchart .c-nc { max-width:none; border-radius:12px; overflow:hidden;
                     box-shadow:0 0 0 1.5px var(--gold); background:var(--surface); }
  .rv-hchart .c-nc-bg { fill:var(--gold-lt); }
  .rv-hchart .c-nc-h1 { fill:var(--gold-bg); }
  .rv-hchart .c-nc-p { font-family:var(--font-sans); font-size:18px; font-weight:700; }
  .rv-hchart .c-nc-s { font-size:13.5px; font-weight:600; }
  .rv-hchart .c-nc-rx { font-size:10px; }
  @media (max-width:759px) { .rv-hchart { display:none; } }
  /* ONE LINE, NOT TWO: the page's 20ch cap broke "Reports read from your
     kundli" after "read". */
  .rv[lang] .rv-head .rv-h1 { max-width:none; }
  .rv-sec-h b[lang="en"], .rv-shelf-h h2 b[lang="en"] { font-family:var(--font-serif);
      font-weight:600; }
  .rv-pick-a > b[lang="en"] { font-family:var(--font-serif); font-size:16px; }
  .rv-facts b[lang="en"] { font-family:var(--font-sans); font-size:14px; }
  .rv-moment span[lang="en"] { color:var(--gold-dk); }
  /* The Hindi page: the Hindi name is the title, the English one under it. */
  .rv[lang="hi"] .rv-btn { font-family:var(--rv-hi); font-weight:600; }
  .rv-t-hi { font-family:var(--rv-hi); font-weight:600; font-size:19px; color:var(--ink); }
  .rv-c-en { font-size:12.5px; color:var(--ink-3); margin-top:1px; }
  .rv-c-en:empty, .rv-dh1 span:empty { display:none; }
  .rp-pv-gap { display:none; }
  .rv[lang="hi"] .rv-h1 { font-family:var(--rv-hi); font-weight:600; line-height:1.3; max-width:22ch; }
  .rv[lang="hi"] .rv-c-d, .rv[lang="hi"] .rv-lede, .rv[lang="hi"] .rv-tell li,
  .rv[lang="hi"] .rv-steps span, .rv[lang="hi"] .rv-pandit p, .rv[lang="hi"] .rv-who p
    { line-height:1.7; }
  .rv[lang="hi"] .rv-steps b, .rv[lang="hi"] .rv-pandit b, .rv[lang="hi"] .rv-who b
    { font-family:var(--rv-hi); font-weight:600; }
  .rv[lang="hi"] .rv-eyebrow { font-size:16px; }
  .rv[lang="hi"] .rv-ask { font-family:var(--rv-hi); font-size:14px; letter-spacing:0;
      text-transform:none; color:var(--ink-2); }
  .rv-eyebrow { margin:0 0 4px; font-size:17px; color:var(--gold-dk); font-weight:600; }
  .rv-h1 { margin:0; font-family:var(--font-serif); font-size:clamp(27px,5vw,40px);
           line-height:1.12; color:var(--ink); text-wrap:balance; max-width:20ch; }
  .rv-lede { margin:10px 0 0; max-width:60ch; font-size:15.5px; line-height:1.6;
             color:var(--ink-2); }
  .rv-facts { list-style:none; margin:20px 0 0; padding:0; display:grid; gap:10px;
              grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rv-facts li { display:flex; flex-direction:column; gap:2px; padding:10px 12px;
                 background:var(--surface); border:1px solid var(--line); border-radius:10px; }
  .rv-facts b[lang="hi"] { font-size:14.5px; color:var(--ink); font-weight:600; }
  .rv-facts span { font-size:12.5px; line-height:1.4; color:var(--ink-3); }
  .rv-facts span b { color:var(--ink-2); font-weight:650; }
  @media (min-width:760px) { .rv-facts { grid-template-columns:repeat(4,minmax(0,1fr)); } }

  /* moment picker */
  .rv-ask { margin:26px 0 10px; font-family:var(--font-mono); font-size:11px;
            letter-spacing:.08em; text-transform:uppercase; color:var(--ink-3); }
  .rv-pick { display:grid; gap:10px; grid-template-columns:1fr; }
  @media (min-width:640px) { .rv-pick { grid-template-columns:repeat(3,minmax(0,1fr)); } }
  .rv-pick-a { display:grid; grid-template-columns:auto 1fr auto; grid-template-rows:auto auto;
               column-gap:12px; align-items:center; padding:12px 14px; border-radius:12px;
               background:var(--surface); border:1px solid var(--line); text-decoration:none;
               color:var(--ink); }
  .rv-pick-a:hover { border-color:var(--gold); }
  .rv-pick-a > .rv-pick-i { grid-row:1/3; grid-column:1; display:grid; place-items:center;
               width:38px; height:38px; border-radius:50%; background:var(--gold-bg);
               color:var(--gold-dk); }
  .rv-pick-a > b { grid-row:1; grid-column:2; font-size:16.5px; font-weight:600; line-height:1.3; }
  .rv-pick-a > span:not(.rv-pick-i) { grid-row:2; grid-column:2; font-size:12.5px; color:var(--ink-3); }
  .rv-pick-a > i { grid-row:1/3; grid-column:3; font-style:normal; font-family:var(--font-mono);
                 font-size:11px; color:var(--ink-3); }

  /* shelves */
  .rv-shelf { margin-top:38px; scroll-margin-top:84px; }
  .rv-shelf-h { display:grid; grid-template-columns:auto 1fr; column-gap:12px;
                align-items:center; margin-bottom:14px; padding-bottom:12px;
                border-bottom:1px solid var(--line); }
  .rv-shelf-i { grid-row:1/3; display:grid; place-items:center; width:42px; height:42px;
                border-radius:50%; border:1px solid var(--gold-lt); color:var(--gold-dk); }
  .rv-shelf-h h2 { margin:0; display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; }
  .rv-shelf-h h2 b { font-size:clamp(21px,3.4vw,26px); font-weight:600; color:var(--ink); }
  .rv-shelf-h h2 span { font-family:var(--font-serif); font-size:16px; color:var(--ink-2); }
  .rv-shelf-h p { grid-column:2; margin:3px 0 0; font-size:13.5px; line-height:1.5;
                  color:var(--ink-3); max-width:70ch; }
  .rv-grid { display:grid; gap:12px; grid-template-columns:1fr; }
  @media (min-width:900px) { .rv-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }

  /* the card */
  .rv-c { position:relative; display:grid; grid-template-columns:78px 1fr; gap:14px;
          padding:14px; border-radius:14px; background:var(--surface);
          border:1px solid var(--line); }
  .rv-c:hover { border-color:var(--gold-lt); }
  @media (min-width:520px) { .rv-c { grid-template-columns:96px 1fr; } }
  /* THE NARROWEST PHONES: a smaller cover and a three-line description, so
     a card stays under a third of a 320px phone's screen. */
  @media (max-width:360px) {
    .rv-c { grid-template-columns:62px 1fr; gap:11px; padding:12px; }
    .rv-c-d { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
    .rv-c-pay { padding-top:10px; gap:8px; }
    .rv .rv-pr b { font-size:19px; }
  }
  .rv-c-cov img, .rv-c-img { display:block; width:100%; height:auto; border-radius:6px;
                             box-shadow:0 2px 8px rgba(23,18,12,.18); }
  .rv-c-b { min-width:0; display:flex; flex-direction:column; }
  .rv-c-t { margin:0; font-family:var(--font-serif); font-size:18px; line-height:1.25; }
  .rv-c-a { color:var(--ink); text-decoration:none; }
  .rv-c-a::after { content:""; position:absolute; inset:0; border-radius:14px; }
  .rv-c-d { margin:6px 0 0; font-size:13.5px; line-height:1.5; color:var(--ink-2); }
  .rv-c-m { margin:6px 0 0; display:flex; flex-wrap:wrap; gap:4px 12px; font-size:12px;
            color:var(--ink-3); }
  .rv-c-m span { white-space:nowrap; }
  .rv-c-pay { margin-top:auto; padding-top:12px; display:flex; align-items:center;
              justify-content:space-between; gap:10px; flex-wrap:wrap; }
  .rv-c-btn { position:relative; z-index:1; min-height:44px; font-size:14px; }
  /* THE SHARED PRICE HOOKS, laid out for this card. .c-rp-pr and its
     children carry global rules for the old portrait card (figure on its own
     line, badge full width, mono); scoped here to one row. */
  .rv .rv-pr { display:flex; flex-wrap:nowrap; align-items:baseline; justify-content:flex-start;
               gap:8px; width:auto; margin:0; font-family:var(--font-sans); }
  .rv .rv-pr b { flex-basis:auto; font-size:21px; font-weight:700; color:var(--ink);
                 letter-spacing:-.01em; font-variant-numeric:tabular-nums; min-width:3.2ch; }
  .rv .rv-pr s { font-size:13px; color:var(--ink-3); }
  .rv .rv-pr .c-rp-off { flex-basis:auto; margin:0; width:auto; font-family:var(--font-sans);
               font-size:11.5px; letter-spacing:0; text-transform:none; padding:2px 7px; }
  .rv .rv-pr .c-rp-off[hidden] { display:none; }
  .rv-tag:not([hidden]) { position:absolute; top:-9px; right:14px; z-index:1;
             font-size:11px; font-weight:650; padding:2px 9px; border-radius:99px;
             background:var(--gold-solid); color:var(--gold-solid-text); }
  .rv-tag i { font-style:normal; }

  /* the package */
  .rv-bundle { grid-template-columns:1fr; background:var(--gold-bg); border-color:var(--gold-lt); }
  @media (min-width:900px) { .rv-bundle { grid-column:1/-1; grid-template-columns:auto 1fr; align-items:center; } }
  .rv-b-fan { display:flex; padding-left:14px; }
  .rv-b-cov { width:52px; margin-left:-14px; }
  .rv-b-cov img { display:block; width:100%; height:auto; border-radius:5px;
                  box-shadow:0 2px 6px rgba(23,18,12,.25); border:2px solid var(--surface); }

  /* how it works, and the pandit */
  .rv-how { margin:48px 0 40px; }
  .rv-sec-h { margin:0 0 14px; display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; }
  .rv-sec-h b { font-size:clamp(20px,3vw,24px); font-weight:600; color:var(--ink); }
  .rv-sec-h span { font-family:var(--font-serif); font-size:16px; color:var(--ink-2); }
  .rv-steps { list-style:none; counter-reset:rv; margin:0; padding:0; display:grid; gap:10px; }
  @media (min-width:760px) { .rv-steps { grid-template-columns:repeat(3,minmax(0,1fr)); } }
  .rv-steps li { counter-increment:rv; position:relative; padding:14px 14px 14px 52px;
                 border-radius:12px; background:var(--surface); border:1px solid var(--line); }
  .rv-steps li::before { content:counter(rv); position:absolute; left:14px; top:14px;
                         width:26px; height:26px; border-radius:50%; display:grid; place-items:center;
                         font-size:13px; font-weight:700; background:var(--gold-bg);
                         color:var(--gold-dk); border:1px solid var(--gold-lt); }
  .rv-steps b { display:block; font-size:15px; color:var(--ink); }
  .rv-steps span { display:block; margin-top:3px; font-size:13px; line-height:1.5; color:var(--ink-2); }
  .rv-pandit { margin-top:12px; display:grid; grid-template-columns:auto 1fr; gap:14px;
               align-items:center; padding:16px; border-radius:12px;
               border:1px dashed var(--gold-lt); background:var(--surface-2); }
  .rv-pandit-m .rv-mark { width:52px; height:52px; display:block; opacity:.9; }
  .rv-pandit b { font-size:15.5px; color:var(--ink); }
  .rv-pandit p { margin:4px 0 0; font-size:13.5px; line-height:1.55; color:var(--ink-2); max-width:78ch; }
#groom-dob-1990-07-01:checked ~ * label[for="groom-dob-1990-07-01"],
#groom-dob-1990-07-01:checked ~ .c-dp label[for="groom-dob-1990-07-01"] { background:var(--gold-solid); }
#groom-dob-1990-07-01:checked ~ * label[for="groom-dob-1990-07-01"] b,
#groom-dob-1990-07-01:checked ~ * label[for="groom-dob-1990-07-01"] em,
#groom-dob-1990-07-01:checked ~ .c-dp label[for="groom-dob-1990-07-01"] b,
#groom-dob-1990-07-01:checked ~ .c-dp label[for="groom-dob-1990-07-01"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-02:checked ~ * label[for="groom-dob-1990-07-02"],
#groom-dob-1990-07-02:checked ~ .c-dp label[for="groom-dob-1990-07-02"] { background:var(--gold-solid); }
#groom-dob-1990-07-02:checked ~ * label[for="groom-dob-1990-07-02"] b,
#groom-dob-1990-07-02:checked ~ * label[for="groom-dob-1990-07-02"] em,
#groom-dob-1990-07-02:checked ~ .c-dp label[for="groom-dob-1990-07-02"] b,
#groom-dob-1990-07-02:checked ~ .c-dp label[for="groom-dob-1990-07-02"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-03:checked ~ * label[for="groom-dob-1990-07-03"],
#groom-dob-1990-07-03:checked ~ .c-dp label[for="groom-dob-1990-07-03"] { background:var(--gold-solid); }
#groom-dob-1990-07-03:checked ~ * label[for="groom-dob-1990-07-03"] b,
#groom-dob-1990-07-03:checked ~ * label[for="groom-dob-1990-07-03"] em,
#groom-dob-1990-07-03:checked ~ .c-dp label[for="groom-dob-1990-07-03"] b,
#groom-dob-1990-07-03:checked ~ .c-dp label[for="groom-dob-1990-07-03"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-04:checked ~ * label[for="groom-dob-1990-07-04"],
#groom-dob-1990-07-04:checked ~ .c-dp label[for="groom-dob-1990-07-04"] { background:var(--gold-solid); }
#groom-dob-1990-07-04:checked ~ * label[for="groom-dob-1990-07-04"] b,
#groom-dob-1990-07-04:checked ~ * label[for="groom-dob-1990-07-04"] em,
#groom-dob-1990-07-04:checked ~ .c-dp label[for="groom-dob-1990-07-04"] b,
#groom-dob-1990-07-04:checked ~ .c-dp label[for="groom-dob-1990-07-04"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-05:checked ~ * label[for="groom-dob-1990-07-05"],
#groom-dob-1990-07-05:checked ~ .c-dp label[for="groom-dob-1990-07-05"] { background:var(--gold-solid); }
#groom-dob-1990-07-05:checked ~ * label[for="groom-dob-1990-07-05"] b,
#groom-dob-1990-07-05:checked ~ * label[for="groom-dob-1990-07-05"] em,
#groom-dob-1990-07-05:checked ~ .c-dp label[for="groom-dob-1990-07-05"] b,
#groom-dob-1990-07-05:checked ~ .c-dp label[for="groom-dob-1990-07-05"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-06:checked ~ * label[for="groom-dob-1990-07-06"],
#groom-dob-1990-07-06:checked ~ .c-dp label[for="groom-dob-1990-07-06"] { background:var(--gold-solid); }
#groom-dob-1990-07-06:checked ~ * label[for="groom-dob-1990-07-06"] b,
#groom-dob-1990-07-06:checked ~ * label[for="groom-dob-1990-07-06"] em,
#groom-dob-1990-07-06:checked ~ .c-dp label[for="groom-dob-1990-07-06"] b,
#groom-dob-1990-07-06:checked ~ .c-dp label[for="groom-dob-1990-07-06"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-07:checked ~ * label[for="groom-dob-1990-07-07"],
#groom-dob-1990-07-07:checked ~ .c-dp label[for="groom-dob-1990-07-07"] { background:var(--gold-solid); }
#groom-dob-1990-07-07:checked ~ * label[for="groom-dob-1990-07-07"] b,
#groom-dob-1990-07-07:checked ~ * label[for="groom-dob-1990-07-07"] em,
#groom-dob-1990-07-07:checked ~ .c-dp label[for="groom-dob-1990-07-07"] b,
#groom-dob-1990-07-07:checked ~ .c-dp label[for="groom-dob-1990-07-07"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-08:checked ~ * label[for="groom-dob-1990-07-08"],
#groom-dob-1990-07-08:checked ~ .c-dp label[for="groom-dob-1990-07-08"] { background:var(--gold-solid); }
#groom-dob-1990-07-08:checked ~ * label[for="groom-dob-1990-07-08"] b,
#groom-dob-1990-07-08:checked ~ * label[for="groom-dob-1990-07-08"] em,
#groom-dob-1990-07-08:checked ~ .c-dp label[for="groom-dob-1990-07-08"] b,
#groom-dob-1990-07-08:checked ~ .c-dp label[for="groom-dob-1990-07-08"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-09:checked ~ * label[for="groom-dob-1990-07-09"],
#groom-dob-1990-07-09:checked ~ .c-dp label[for="groom-dob-1990-07-09"] { background:var(--gold-solid); }
#groom-dob-1990-07-09:checked ~ * label[for="groom-dob-1990-07-09"] b,
#groom-dob-1990-07-09:checked ~ * label[for="groom-dob-1990-07-09"] em,
#groom-dob-1990-07-09:checked ~ .c-dp label[for="groom-dob-1990-07-09"] b,
#groom-dob-1990-07-09:checked ~ .c-dp label[for="groom-dob-1990-07-09"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-10:checked ~ * label[for="groom-dob-1990-07-10"],
#groom-dob-1990-07-10:checked ~ .c-dp label[for="groom-dob-1990-07-10"] { background:var(--gold-solid); }
#groom-dob-1990-07-10:checked ~ * label[for="groom-dob-1990-07-10"] b,
#groom-dob-1990-07-10:checked ~ * label[for="groom-dob-1990-07-10"] em,
#groom-dob-1990-07-10:checked ~ .c-dp label[for="groom-dob-1990-07-10"] b,
#groom-dob-1990-07-10:checked ~ .c-dp label[for="groom-dob-1990-07-10"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-11:checked ~ * label[for="groom-dob-1990-07-11"],
#groom-dob-1990-07-11:checked ~ .c-dp label[for="groom-dob-1990-07-11"] { background:var(--gold-solid); }
#groom-dob-1990-07-11:checked ~ * label[for="groom-dob-1990-07-11"] b,
#groom-dob-1990-07-11:checked ~ * label[for="groom-dob-1990-07-11"] em,
#groom-dob-1990-07-11:checked ~ .c-dp label[for="groom-dob-1990-07-11"] b,
#groom-dob-1990-07-11:checked ~ .c-dp label[for="groom-dob-1990-07-11"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-12:checked ~ * label[for="groom-dob-1990-07-12"],
#groom-dob-1990-07-12:checked ~ .c-dp label[for="groom-dob-1990-07-12"] { background:var(--gold-solid); }
#groom-dob-1990-07-12:checked ~ * label[for="groom-dob-1990-07-12"] b,
#groom-dob-1990-07-12:checked ~ * label[for="groom-dob-1990-07-12"] em,
#groom-dob-1990-07-12:checked ~ .c-dp label[for="groom-dob-1990-07-12"] b,
#groom-dob-1990-07-12:checked ~ .c-dp label[for="groom-dob-1990-07-12"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-13:checked ~ * label[for="groom-dob-1990-07-13"],
#groom-dob-1990-07-13:checked ~ .c-dp label[for="groom-dob-1990-07-13"] { background:var(--gold-solid); }
#groom-dob-1990-07-13:checked ~ * label[for="groom-dob-1990-07-13"] b,
#groom-dob-1990-07-13:checked ~ * label[for="groom-dob-1990-07-13"] em,
#groom-dob-1990-07-13:checked ~ .c-dp label[for="groom-dob-1990-07-13"] b,
#groom-dob-1990-07-13:checked ~ .c-dp label[for="groom-dob-1990-07-13"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-14:checked ~ * label[for="groom-dob-1990-07-14"],
#groom-dob-1990-07-14:checked ~ .c-dp label[for="groom-dob-1990-07-14"] { background:var(--gold-solid); }
#groom-dob-1990-07-14:checked ~ * label[for="groom-dob-1990-07-14"] b,
#groom-dob-1990-07-14:checked ~ * label[for="groom-dob-1990-07-14"] em,
#groom-dob-1990-07-14:checked ~ .c-dp label[for="groom-dob-1990-07-14"] b,
#groom-dob-1990-07-14:checked ~ .c-dp label[for="groom-dob-1990-07-14"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-15:checked ~ * label[for="groom-dob-1990-07-15"],
#groom-dob-1990-07-15:checked ~ .c-dp label[for="groom-dob-1990-07-15"] { background:var(--gold-solid); }
#groom-dob-1990-07-15:checked ~ * label[for="groom-dob-1990-07-15"] b,
#groom-dob-1990-07-15:checked ~ * label[for="groom-dob-1990-07-15"] em,
#groom-dob-1990-07-15:checked ~ .c-dp label[for="groom-dob-1990-07-15"] b,
#groom-dob-1990-07-15:checked ~ .c-dp label[for="groom-dob-1990-07-15"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-16:checked ~ * label[for="groom-dob-1990-07-16"],
#groom-dob-1990-07-16:checked ~ .c-dp label[for="groom-dob-1990-07-16"] { background:var(--gold-solid); }
#groom-dob-1990-07-16:checked ~ * label[for="groom-dob-1990-07-16"] b,
#groom-dob-1990-07-16:checked ~ * label[for="groom-dob-1990-07-16"] em,
#groom-dob-1990-07-16:checked ~ .c-dp label[for="groom-dob-1990-07-16"] b,
#groom-dob-1990-07-16:checked ~ .c-dp label[for="groom-dob-1990-07-16"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-17:checked ~ * label[for="groom-dob-1990-07-17"],
#groom-dob-1990-07-17:checked ~ .c-dp label[for="groom-dob-1990-07-17"] { background:var(--gold-solid); }
#groom-dob-1990-07-17:checked ~ * label[for="groom-dob-1990-07-17"] b,
#groom-dob-1990-07-17:checked ~ * label[for="groom-dob-1990-07-17"] em,
#groom-dob-1990-07-17:checked ~ .c-dp label[for="groom-dob-1990-07-17"] b,
#groom-dob-1990-07-17:checked ~ .c-dp label[for="groom-dob-1990-07-17"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-18:checked ~ * label[for="groom-dob-1990-07-18"],
#groom-dob-1990-07-18:checked ~ .c-dp label[for="groom-dob-1990-07-18"] { background:var(--gold-solid); }
#groom-dob-1990-07-18:checked ~ * label[for="groom-dob-1990-07-18"] b,
#groom-dob-1990-07-18:checked ~ * label[for="groom-dob-1990-07-18"] em,
#groom-dob-1990-07-18:checked ~ .c-dp label[for="groom-dob-1990-07-18"] b,
#groom-dob-1990-07-18:checked ~ .c-dp label[for="groom-dob-1990-07-18"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-19:checked ~ * label[for="groom-dob-1990-07-19"],
#groom-dob-1990-07-19:checked ~ .c-dp label[for="groom-dob-1990-07-19"] { background:var(--gold-solid); }
#groom-dob-1990-07-19:checked ~ * label[for="groom-dob-1990-07-19"] b,
#groom-dob-1990-07-19:checked ~ * label[for="groom-dob-1990-07-19"] em,
#groom-dob-1990-07-19:checked ~ .c-dp label[for="groom-dob-1990-07-19"] b,
#groom-dob-1990-07-19:checked ~ .c-dp label[for="groom-dob-1990-07-19"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-20:checked ~ * label[for="groom-dob-1990-07-20"],
#groom-dob-1990-07-20:checked ~ .c-dp label[for="groom-dob-1990-07-20"] { background:var(--gold-solid); }
#groom-dob-1990-07-20:checked ~ * label[for="groom-dob-1990-07-20"] b,
#groom-dob-1990-07-20:checked ~ * label[for="groom-dob-1990-07-20"] em,
#groom-dob-1990-07-20:checked ~ .c-dp label[for="groom-dob-1990-07-20"] b,
#groom-dob-1990-07-20:checked ~ .c-dp label[for="groom-dob-1990-07-20"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-21:checked ~ * label[for="groom-dob-1990-07-21"],
#groom-dob-1990-07-21:checked ~ .c-dp label[for="groom-dob-1990-07-21"] { background:var(--gold-solid); }
#groom-dob-1990-07-21:checked ~ * label[for="groom-dob-1990-07-21"] b,
#groom-dob-1990-07-21:checked ~ * label[for="groom-dob-1990-07-21"] em,
#groom-dob-1990-07-21:checked ~ .c-dp label[for="groom-dob-1990-07-21"] b,
#groom-dob-1990-07-21:checked ~ .c-dp label[for="groom-dob-1990-07-21"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-22:checked ~ * label[for="groom-dob-1990-07-22"],
#groom-dob-1990-07-22:checked ~ .c-dp label[for="groom-dob-1990-07-22"] { background:var(--gold-solid); }
#groom-dob-1990-07-22:checked ~ * label[for="groom-dob-1990-07-22"] b,
#groom-dob-1990-07-22:checked ~ * label[for="groom-dob-1990-07-22"] em,
#groom-dob-1990-07-22:checked ~ .c-dp label[for="groom-dob-1990-07-22"] b,
#groom-dob-1990-07-22:checked ~ .c-dp label[for="groom-dob-1990-07-22"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-23:checked ~ * label[for="groom-dob-1990-07-23"],
#groom-dob-1990-07-23:checked ~ .c-dp label[for="groom-dob-1990-07-23"] { background:var(--gold-solid); }
#groom-dob-1990-07-23:checked ~ * label[for="groom-dob-1990-07-23"] b,
#groom-dob-1990-07-23:checked ~ * label[for="groom-dob-1990-07-23"] em,
#groom-dob-1990-07-23:checked ~ .c-dp label[for="groom-dob-1990-07-23"] b,
#groom-dob-1990-07-23:checked ~ .c-dp label[for="groom-dob-1990-07-23"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-24:checked ~ * label[for="groom-dob-1990-07-24"],
#groom-dob-1990-07-24:checked ~ .c-dp label[for="groom-dob-1990-07-24"] { background:var(--gold-solid); }
#groom-dob-1990-07-24:checked ~ * label[for="groom-dob-1990-07-24"] b,
#groom-dob-1990-07-24:checked ~ * label[for="groom-dob-1990-07-24"] em,
#groom-dob-1990-07-24:checked ~ .c-dp label[for="groom-dob-1990-07-24"] b,
#groom-dob-1990-07-24:checked ~ .c-dp label[for="groom-dob-1990-07-24"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-25:checked ~ * label[for="groom-dob-1990-07-25"],
#groom-dob-1990-07-25:checked ~ .c-dp label[for="groom-dob-1990-07-25"] { background:var(--gold-solid); }
#groom-dob-1990-07-25:checked ~ * label[for="groom-dob-1990-07-25"] b,
#groom-dob-1990-07-25:checked ~ * label[for="groom-dob-1990-07-25"] em,
#groom-dob-1990-07-25:checked ~ .c-dp label[for="groom-dob-1990-07-25"] b,
#groom-dob-1990-07-25:checked ~ .c-dp label[for="groom-dob-1990-07-25"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-26:checked ~ * label[for="groom-dob-1990-07-26"],
#groom-dob-1990-07-26:checked ~ .c-dp label[for="groom-dob-1990-07-26"] { background:var(--gold-solid); }
#groom-dob-1990-07-26:checked ~ * label[for="groom-dob-1990-07-26"] b,
#groom-dob-1990-07-26:checked ~ * label[for="groom-dob-1990-07-26"] em,
#groom-dob-1990-07-26:checked ~ .c-dp label[for="groom-dob-1990-07-26"] b,
#groom-dob-1990-07-26:checked ~ .c-dp label[for="groom-dob-1990-07-26"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-27:checked ~ * label[for="groom-dob-1990-07-27"],
#groom-dob-1990-07-27:checked ~ .c-dp label[for="groom-dob-1990-07-27"] { background:var(--gold-solid); }
#groom-dob-1990-07-27:checked ~ * label[for="groom-dob-1990-07-27"] b,
#groom-dob-1990-07-27:checked ~ * label[for="groom-dob-1990-07-27"] em,
#groom-dob-1990-07-27:checked ~ .c-dp label[for="groom-dob-1990-07-27"] b,
#groom-dob-1990-07-27:checked ~ .c-dp label[for="groom-dob-1990-07-27"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-28:checked ~ * label[for="groom-dob-1990-07-28"],
#groom-dob-1990-07-28:checked ~ .c-dp label[for="groom-dob-1990-07-28"] { background:var(--gold-solid); }
#groom-dob-1990-07-28:checked ~ * label[for="groom-dob-1990-07-28"] b,
#groom-dob-1990-07-28:checked ~ * label[for="groom-dob-1990-07-28"] em,
#groom-dob-1990-07-28:checked ~ .c-dp label[for="groom-dob-1990-07-28"] b,
#groom-dob-1990-07-28:checked ~ .c-dp label[for="groom-dob-1990-07-28"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-29:checked ~ * label[for="groom-dob-1990-07-29"],
#groom-dob-1990-07-29:checked ~ .c-dp label[for="groom-dob-1990-07-29"] { background:var(--gold-solid); }
#groom-dob-1990-07-29:checked ~ * label[for="groom-dob-1990-07-29"] b,
#groom-dob-1990-07-29:checked ~ * label[for="groom-dob-1990-07-29"] em,
#groom-dob-1990-07-29:checked ~ .c-dp label[for="groom-dob-1990-07-29"] b,
#groom-dob-1990-07-29:checked ~ .c-dp label[for="groom-dob-1990-07-29"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-30:checked ~ * label[for="groom-dob-1990-07-30"],
#groom-dob-1990-07-30:checked ~ .c-dp label[for="groom-dob-1990-07-30"] { background:var(--gold-solid); }
#groom-dob-1990-07-30:checked ~ * label[for="groom-dob-1990-07-30"] b,
#groom-dob-1990-07-30:checked ~ * label[for="groom-dob-1990-07-30"] em,
#groom-dob-1990-07-30:checked ~ .c-dp label[for="groom-dob-1990-07-30"] b,
#groom-dob-1990-07-30:checked ~ .c-dp label[for="groom-dob-1990-07-30"] em { color:var(--gold-solid-text); }
#groom-dob-1990-07-31:checked ~ * label[for="groom-dob-1990-07-31"],
#groom-dob-1990-07-31:checked ~ .c-dp label[for="groom-dob-1990-07-31"] { background:var(--gold-solid); }
#groom-dob-1990-07-31:checked ~ * label[for="groom-dob-1990-07-31"] b,
#groom-dob-1990-07-31:checked ~ * label[for="groom-dob-1990-07-31"] em,
#groom-dob-1990-07-31:checked ~ .c-dp label[for="groom-dob-1990-07-31"] b,
#groom-dob-1990-07-31:checked ~ .c-dp label[for="groom-dob-1990-07-31"] em { color:var(--gold-solid-text); }#bride-dob-1990-07-01:checked ~ * label[for="bride-dob-1990-07-01"],
#bride-dob-1990-07-01:checked ~ .c-dp label[for="bride-dob-1990-07-01"] { background:var(--gold-solid); }
#bride-dob-1990-07-01:checked ~ * label[for="bride-dob-1990-07-01"] b,
#bride-dob-1990-07-01:checked ~ * label[for="bride-dob-1990-07-01"] em,
#bride-dob-1990-07-01:checked ~ .c-dp label[for="bride-dob-1990-07-01"] b,
#bride-dob-1990-07-01:checked ~ .c-dp label[for="bride-dob-1990-07-01"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-02:checked ~ * label[for="bride-dob-1990-07-02"],
#bride-dob-1990-07-02:checked ~ .c-dp label[for="bride-dob-1990-07-02"] { background:var(--gold-solid); }
#bride-dob-1990-07-02:checked ~ * label[for="bride-dob-1990-07-02"] b,
#bride-dob-1990-07-02:checked ~ * label[for="bride-dob-1990-07-02"] em,
#bride-dob-1990-07-02:checked ~ .c-dp label[for="bride-dob-1990-07-02"] b,
#bride-dob-1990-07-02:checked ~ .c-dp label[for="bride-dob-1990-07-02"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-03:checked ~ * label[for="bride-dob-1990-07-03"],
#bride-dob-1990-07-03:checked ~ .c-dp label[for="bride-dob-1990-07-03"] { background:var(--gold-solid); }
#bride-dob-1990-07-03:checked ~ * label[for="bride-dob-1990-07-03"] b,
#bride-dob-1990-07-03:checked ~ * label[for="bride-dob-1990-07-03"] em,
#bride-dob-1990-07-03:checked ~ .c-dp label[for="bride-dob-1990-07-03"] b,
#bride-dob-1990-07-03:checked ~ .c-dp label[for="bride-dob-1990-07-03"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-04:checked ~ * label[for="bride-dob-1990-07-04"],
#bride-dob-1990-07-04:checked ~ .c-dp label[for="bride-dob-1990-07-04"] { background:var(--gold-solid); }
#bride-dob-1990-07-04:checked ~ * label[for="bride-dob-1990-07-04"] b,
#bride-dob-1990-07-04:checked ~ * label[for="bride-dob-1990-07-04"] em,
#bride-dob-1990-07-04:checked ~ .c-dp label[for="bride-dob-1990-07-04"] b,
#bride-dob-1990-07-04:checked ~ .c-dp label[for="bride-dob-1990-07-04"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-05:checked ~ * label[for="bride-dob-1990-07-05"],
#bride-dob-1990-07-05:checked ~ .c-dp label[for="bride-dob-1990-07-05"] { background:var(--gold-solid); }
#bride-dob-1990-07-05:checked ~ * label[for="bride-dob-1990-07-05"] b,
#bride-dob-1990-07-05:checked ~ * label[for="bride-dob-1990-07-05"] em,
#bride-dob-1990-07-05:checked ~ .c-dp label[for="bride-dob-1990-07-05"] b,
#bride-dob-1990-07-05:checked ~ .c-dp label[for="bride-dob-1990-07-05"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-06:checked ~ * label[for="bride-dob-1990-07-06"],
#bride-dob-1990-07-06:checked ~ .c-dp label[for="bride-dob-1990-07-06"] { background:var(--gold-solid); }
#bride-dob-1990-07-06:checked ~ * label[for="bride-dob-1990-07-06"] b,
#bride-dob-1990-07-06:checked ~ * label[for="bride-dob-1990-07-06"] em,
#bride-dob-1990-07-06:checked ~ .c-dp label[for="bride-dob-1990-07-06"] b,
#bride-dob-1990-07-06:checked ~ .c-dp label[for="bride-dob-1990-07-06"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-07:checked ~ * label[for="bride-dob-1990-07-07"],
#bride-dob-1990-07-07:checked ~ .c-dp label[for="bride-dob-1990-07-07"] { background:var(--gold-solid); }
#bride-dob-1990-07-07:checked ~ * label[for="bride-dob-1990-07-07"] b,
#bride-dob-1990-07-07:checked ~ * label[for="bride-dob-1990-07-07"] em,
#bride-dob-1990-07-07:checked ~ .c-dp label[for="bride-dob-1990-07-07"] b,
#bride-dob-1990-07-07:checked ~ .c-dp label[for="bride-dob-1990-07-07"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-08:checked ~ * label[for="bride-dob-1990-07-08"],
#bride-dob-1990-07-08:checked ~ .c-dp label[for="bride-dob-1990-07-08"] { background:var(--gold-solid); }
#bride-dob-1990-07-08:checked ~ * label[for="bride-dob-1990-07-08"] b,
#bride-dob-1990-07-08:checked ~ * label[for="bride-dob-1990-07-08"] em,
#bride-dob-1990-07-08:checked ~ .c-dp label[for="bride-dob-1990-07-08"] b,
#bride-dob-1990-07-08:checked ~ .c-dp label[for="bride-dob-1990-07-08"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-09:checked ~ * label[for="bride-dob-1990-07-09"],
#bride-dob-1990-07-09:checked ~ .c-dp label[for="bride-dob-1990-07-09"] { background:var(--gold-solid); }
#bride-dob-1990-07-09:checked ~ * label[for="bride-dob-1990-07-09"] b,
#bride-dob-1990-07-09:checked ~ * label[for="bride-dob-1990-07-09"] em,
#bride-dob-1990-07-09:checked ~ .c-dp label[for="bride-dob-1990-07-09"] b,
#bride-dob-1990-07-09:checked ~ .c-dp label[for="bride-dob-1990-07-09"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-10:checked ~ * label[for="bride-dob-1990-07-10"],
#bride-dob-1990-07-10:checked ~ .c-dp label[for="bride-dob-1990-07-10"] { background:var(--gold-solid); }
#bride-dob-1990-07-10:checked ~ * label[for="bride-dob-1990-07-10"] b,
#bride-dob-1990-07-10:checked ~ * label[for="bride-dob-1990-07-10"] em,
#bride-dob-1990-07-10:checked ~ .c-dp label[for="bride-dob-1990-07-10"] b,
#bride-dob-1990-07-10:checked ~ .c-dp label[for="bride-dob-1990-07-10"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-11:checked ~ * label[for="bride-dob-1990-07-11"],
#bride-dob-1990-07-11:checked ~ .c-dp label[for="bride-dob-1990-07-11"] { background:var(--gold-solid); }
#bride-dob-1990-07-11:checked ~ * label[for="bride-dob-1990-07-11"] b,
#bride-dob-1990-07-11:checked ~ * label[for="bride-dob-1990-07-11"] em,
#bride-dob-1990-07-11:checked ~ .c-dp label[for="bride-dob-1990-07-11"] b,
#bride-dob-1990-07-11:checked ~ .c-dp label[for="bride-dob-1990-07-11"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-12:checked ~ * label[for="bride-dob-1990-07-12"],
#bride-dob-1990-07-12:checked ~ .c-dp label[for="bride-dob-1990-07-12"] { background:var(--gold-solid); }
#bride-dob-1990-07-12:checked ~ * label[for="bride-dob-1990-07-12"] b,
#bride-dob-1990-07-12:checked ~ * label[for="bride-dob-1990-07-12"] em,
#bride-dob-1990-07-12:checked ~ .c-dp label[for="bride-dob-1990-07-12"] b,
#bride-dob-1990-07-12:checked ~ .c-dp label[for="bride-dob-1990-07-12"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-13:checked ~ * label[for="bride-dob-1990-07-13"],
#bride-dob-1990-07-13:checked ~ .c-dp label[for="bride-dob-1990-07-13"] { background:var(--gold-solid); }
#bride-dob-1990-07-13:checked ~ * label[for="bride-dob-1990-07-13"] b,
#bride-dob-1990-07-13:checked ~ * label[for="bride-dob-1990-07-13"] em,
#bride-dob-1990-07-13:checked ~ .c-dp label[for="bride-dob-1990-07-13"] b,
#bride-dob-1990-07-13:checked ~ .c-dp label[for="bride-dob-1990-07-13"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-14:checked ~ * label[for="bride-dob-1990-07-14"],
#bride-dob-1990-07-14:checked ~ .c-dp label[for="bride-dob-1990-07-14"] { background:var(--gold-solid); }
#bride-dob-1990-07-14:checked ~ * label[for="bride-dob-1990-07-14"] b,
#bride-dob-1990-07-14:checked ~ * label[for="bride-dob-1990-07-14"] em,
#bride-dob-1990-07-14:checked ~ .c-dp label[for="bride-dob-1990-07-14"] b,
#bride-dob-1990-07-14:checked ~ .c-dp label[for="bride-dob-1990-07-14"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-15:checked ~ * label[for="bride-dob-1990-07-15"],
#bride-dob-1990-07-15:checked ~ .c-dp label[for="bride-dob-1990-07-15"] { background:var(--gold-solid); }
#bride-dob-1990-07-15:checked ~ * label[for="bride-dob-1990-07-15"] b,
#bride-dob-1990-07-15:checked ~ * label[for="bride-dob-1990-07-15"] em,
#bride-dob-1990-07-15:checked ~ .c-dp label[for="bride-dob-1990-07-15"] b,
#bride-dob-1990-07-15:checked ~ .c-dp label[for="bride-dob-1990-07-15"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-16:checked ~ * label[for="bride-dob-1990-07-16"],
#bride-dob-1990-07-16:checked ~ .c-dp label[for="bride-dob-1990-07-16"] { background:var(--gold-solid); }
#bride-dob-1990-07-16:checked ~ * label[for="bride-dob-1990-07-16"] b,
#bride-dob-1990-07-16:checked ~ * label[for="bride-dob-1990-07-16"] em,
#bride-dob-1990-07-16:checked ~ .c-dp label[for="bride-dob-1990-07-16"] b,
#bride-dob-1990-07-16:checked ~ .c-dp label[for="bride-dob-1990-07-16"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-17:checked ~ * label[for="bride-dob-1990-07-17"],
#bride-dob-1990-07-17:checked ~ .c-dp label[for="bride-dob-1990-07-17"] { background:var(--gold-solid); }
#bride-dob-1990-07-17:checked ~ * label[for="bride-dob-1990-07-17"] b,
#bride-dob-1990-07-17:checked ~ * label[for="bride-dob-1990-07-17"] em,
#bride-dob-1990-07-17:checked ~ .c-dp label[for="bride-dob-1990-07-17"] b,
#bride-dob-1990-07-17:checked ~ .c-dp label[for="bride-dob-1990-07-17"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-18:checked ~ * label[for="bride-dob-1990-07-18"],
#bride-dob-1990-07-18:checked ~ .c-dp label[for="bride-dob-1990-07-18"] { background:var(--gold-solid); }
#bride-dob-1990-07-18:checked ~ * label[for="bride-dob-1990-07-18"] b,
#bride-dob-1990-07-18:checked ~ * label[for="bride-dob-1990-07-18"] em,
#bride-dob-1990-07-18:checked ~ .c-dp label[for="bride-dob-1990-07-18"] b,
#bride-dob-1990-07-18:checked ~ .c-dp label[for="bride-dob-1990-07-18"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-19:checked ~ * label[for="bride-dob-1990-07-19"],
#bride-dob-1990-07-19:checked ~ .c-dp label[for="bride-dob-1990-07-19"] { background:var(--gold-solid); }
#bride-dob-1990-07-19:checked ~ * label[for="bride-dob-1990-07-19"] b,
#bride-dob-1990-07-19:checked ~ * label[for="bride-dob-1990-07-19"] em,
#bride-dob-1990-07-19:checked ~ .c-dp label[for="bride-dob-1990-07-19"] b,
#bride-dob-1990-07-19:checked ~ .c-dp label[for="bride-dob-1990-07-19"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-20:checked ~ * label[for="bride-dob-1990-07-20"],
#bride-dob-1990-07-20:checked ~ .c-dp label[for="bride-dob-1990-07-20"] { background:var(--gold-solid); }
#bride-dob-1990-07-20:checked ~ * label[for="bride-dob-1990-07-20"] b,
#bride-dob-1990-07-20:checked ~ * label[for="bride-dob-1990-07-20"] em,
#bride-dob-1990-07-20:checked ~ .c-dp label[for="bride-dob-1990-07-20"] b,
#bride-dob-1990-07-20:checked ~ .c-dp label[for="bride-dob-1990-07-20"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-21:checked ~ * label[for="bride-dob-1990-07-21"],
#bride-dob-1990-07-21:checked ~ .c-dp label[for="bride-dob-1990-07-21"] { background:var(--gold-solid); }
#bride-dob-1990-07-21:checked ~ * label[for="bride-dob-1990-07-21"] b,
#bride-dob-1990-07-21:checked ~ * label[for="bride-dob-1990-07-21"] em,
#bride-dob-1990-07-21:checked ~ .c-dp label[for="bride-dob-1990-07-21"] b,
#bride-dob-1990-07-21:checked ~ .c-dp label[for="bride-dob-1990-07-21"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-22:checked ~ * label[for="bride-dob-1990-07-22"],
#bride-dob-1990-07-22:checked ~ .c-dp label[for="bride-dob-1990-07-22"] { background:var(--gold-solid); }
#bride-dob-1990-07-22:checked ~ * label[for="bride-dob-1990-07-22"] b,
#bride-dob-1990-07-22:checked ~ * label[for="bride-dob-1990-07-22"] em,
#bride-dob-1990-07-22:checked ~ .c-dp label[for="bride-dob-1990-07-22"] b,
#bride-dob-1990-07-22:checked ~ .c-dp label[for="bride-dob-1990-07-22"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-23:checked ~ * label[for="bride-dob-1990-07-23"],
#bride-dob-1990-07-23:checked ~ .c-dp label[for="bride-dob-1990-07-23"] { background:var(--gold-solid); }
#bride-dob-1990-07-23:checked ~ * label[for="bride-dob-1990-07-23"] b,
#bride-dob-1990-07-23:checked ~ * label[for="bride-dob-1990-07-23"] em,
#bride-dob-1990-07-23:checked ~ .c-dp label[for="bride-dob-1990-07-23"] b,
#bride-dob-1990-07-23:checked ~ .c-dp label[for="bride-dob-1990-07-23"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-24:checked ~ * label[for="bride-dob-1990-07-24"],
#bride-dob-1990-07-24:checked ~ .c-dp label[for="bride-dob-1990-07-24"] { background:var(--gold-solid); }
#bride-dob-1990-07-24:checked ~ * label[for="bride-dob-1990-07-24"] b,
#bride-dob-1990-07-24:checked ~ * label[for="bride-dob-1990-07-24"] em,
#bride-dob-1990-07-24:checked ~ .c-dp label[for="bride-dob-1990-07-24"] b,
#bride-dob-1990-07-24:checked ~ .c-dp label[for="bride-dob-1990-07-24"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-25:checked ~ * label[for="bride-dob-1990-07-25"],
#bride-dob-1990-07-25:checked ~ .c-dp label[for="bride-dob-1990-07-25"] { background:var(--gold-solid); }
#bride-dob-1990-07-25:checked ~ * label[for="bride-dob-1990-07-25"] b,
#bride-dob-1990-07-25:checked ~ * label[for="bride-dob-1990-07-25"] em,
#bride-dob-1990-07-25:checked ~ .c-dp label[for="bride-dob-1990-07-25"] b,
#bride-dob-1990-07-25:checked ~ .c-dp label[for="bride-dob-1990-07-25"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-26:checked ~ * label[for="bride-dob-1990-07-26"],
#bride-dob-1990-07-26:checked ~ .c-dp label[for="bride-dob-1990-07-26"] { background:var(--gold-solid); }
#bride-dob-1990-07-26:checked ~ * label[for="bride-dob-1990-07-26"] b,
#bride-dob-1990-07-26:checked ~ * label[for="bride-dob-1990-07-26"] em,
#bride-dob-1990-07-26:checked ~ .c-dp label[for="bride-dob-1990-07-26"] b,
#bride-dob-1990-07-26:checked ~ .c-dp label[for="bride-dob-1990-07-26"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-27:checked ~ * label[for="bride-dob-1990-07-27"],
#bride-dob-1990-07-27:checked ~ .c-dp label[for="bride-dob-1990-07-27"] { background:var(--gold-solid); }
#bride-dob-1990-07-27:checked ~ * label[for="bride-dob-1990-07-27"] b,
#bride-dob-1990-07-27:checked ~ * label[for="bride-dob-1990-07-27"] em,
#bride-dob-1990-07-27:checked ~ .c-dp label[for="bride-dob-1990-07-27"] b,
#bride-dob-1990-07-27:checked ~ .c-dp label[for="bride-dob-1990-07-27"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-28:checked ~ * label[for="bride-dob-1990-07-28"],
#bride-dob-1990-07-28:checked ~ .c-dp label[for="bride-dob-1990-07-28"] { background:var(--gold-solid); }
#bride-dob-1990-07-28:checked ~ * label[for="bride-dob-1990-07-28"] b,
#bride-dob-1990-07-28:checked ~ * label[for="bride-dob-1990-07-28"] em,
#bride-dob-1990-07-28:checked ~ .c-dp label[for="bride-dob-1990-07-28"] b,
#bride-dob-1990-07-28:checked ~ .c-dp label[for="bride-dob-1990-07-28"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-29:checked ~ * label[for="bride-dob-1990-07-29"],
#bride-dob-1990-07-29:checked ~ .c-dp label[for="bride-dob-1990-07-29"] { background:var(--gold-solid); }
#bride-dob-1990-07-29:checked ~ * label[for="bride-dob-1990-07-29"] b,
#bride-dob-1990-07-29:checked ~ * label[for="bride-dob-1990-07-29"] em,
#bride-dob-1990-07-29:checked ~ .c-dp label[for="bride-dob-1990-07-29"] b,
#bride-dob-1990-07-29:checked ~ .c-dp label[for="bride-dob-1990-07-29"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-30:checked ~ * label[for="bride-dob-1990-07-30"],
#bride-dob-1990-07-30:checked ~ .c-dp label[for="bride-dob-1990-07-30"] { background:var(--gold-solid); }
#bride-dob-1990-07-30:checked ~ * label[for="bride-dob-1990-07-30"] b,
#bride-dob-1990-07-30:checked ~ * label[for="bride-dob-1990-07-30"] em,
#bride-dob-1990-07-30:checked ~ .c-dp label[for="bride-dob-1990-07-30"] b,
#bride-dob-1990-07-30:checked ~ .c-dp label[for="bride-dob-1990-07-30"] em { color:var(--gold-solid-text); }
#bride-dob-1990-07-31:checked ~ * label[for="bride-dob-1990-07-31"],
#bride-dob-1990-07-31:checked ~ .c-dp label[for="bride-dob-1990-07-31"] { background:var(--gold-solid); }
#bride-dob-1990-07-31:checked ~ * label[for="bride-dob-1990-07-31"] b,
#bride-dob-1990-07-31:checked ~ * label[for="bride-dob-1990-07-31"] em,
#bride-dob-1990-07-31:checked ~ .c-dp label[for="bride-dob-1990-07-31"] b,
#bride-dob-1990-07-31:checked ~ .c-dp label[for="bride-dob-1990-07-31"] em { color:var(--gold-solid-text); }#groom-tob-h-1:checked ~ * label[for="groom-tob-h-1"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-h-1:focus-visible ~ * label[for="groom-tob-h-1"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-h-1:checked ~ * .c-tp-oh::after { content:"01"; opacity:1; }
#groom-tob-h-2:checked ~ * label[for="groom-tob-h-2"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-h-2:focus-visible ~ * label[for="groom-tob-h-2"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-h-2:checked ~ * .c-tp-oh::after { content:"02"; opacity:1; }
#groom-tob-h-3:checked ~ * label[for="groom-tob-h-3"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-h-3:focus-visible ~ * label[for="groom-tob-h-3"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-h-3:checked ~ * .c-tp-oh::after { content:"03"; opacity:1; }
#groom-tob-h-4:checked ~ * label[for="groom-tob-h-4"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-h-4:focus-visible ~ * label[for="groom-tob-h-4"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-h-4:checked ~ * .c-tp-oh::after { content:"04"; opacity:1; }
#groom-tob-h-5:checked ~ * label[for="groom-tob-h-5"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-h-5:focus-visible ~ * label[for="groom-tob-h-5"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-h-5:checked ~ * .c-tp-oh::after { content:"05"; opacity:1; }
#groom-tob-h-6:checked ~ * label[for="groom-tob-h-6"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-h-6:focus-visible ~ * label[for="groom-tob-h-6"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-h-6:checked ~ * .c-tp-oh::after { content:"06"; opacity:1; }
#groom-tob-h-7:checked ~ * label[for="groom-tob-h-7"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-h-7:focus-visible ~ * label[for="groom-tob-h-7"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-h-7:checked ~ * .c-tp-oh::after { content:"07"; opacity:1; }
#groom-tob-h-8:checked ~ * label[for="groom-tob-h-8"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-h-8:focus-visible ~ * label[for="groom-tob-h-8"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-h-8:checked ~ * .c-tp-oh::after { content:"08"; opacity:1; }
#groom-tob-h-9:checked ~ * label[for="groom-tob-h-9"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-h-9:focus-visible ~ * label[for="groom-tob-h-9"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-h-9:checked ~ * .c-tp-oh::after { content:"09"; opacity:1; }
#groom-tob-h-10:checked ~ * label[for="groom-tob-h-10"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-h-10:focus-visible ~ * label[for="groom-tob-h-10"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-h-10:checked ~ * .c-tp-oh::after { content:"10"; opacity:1; }
#groom-tob-h-11:checked ~ * label[for="groom-tob-h-11"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-h-11:focus-visible ~ * label[for="groom-tob-h-11"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-h-11:checked ~ * .c-tp-oh::after { content:"11"; opacity:1; }
#groom-tob-h-12:checked ~ * label[for="groom-tob-h-12"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-h-12:focus-visible ~ * label[for="groom-tob-h-12"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-h-12:checked ~ * .c-tp-oh::after { content:"12"; opacity:1; }
#groom-tob-t-0:checked ~ * label[for="groom-tob-t-0"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-0:focus-visible ~ * label[for="groom-tob-t-0"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-0:checked ~ * .c-tp-ot::after { content:"00"; opacity:1; }
#groom-tob-t-1:checked ~ * label[for="groom-tob-t-1"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-1:focus-visible ~ * label[for="groom-tob-t-1"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-1:checked ~ * .c-tp-ot::after { content:"01"; opacity:1; }
#groom-tob-t-2:checked ~ * label[for="groom-tob-t-2"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-2:focus-visible ~ * label[for="groom-tob-t-2"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-2:checked ~ * .c-tp-ot::after { content:"02"; opacity:1; }
#groom-tob-t-3:checked ~ * label[for="groom-tob-t-3"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-3:focus-visible ~ * label[for="groom-tob-t-3"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-3:checked ~ * .c-tp-ot::after { content:"03"; opacity:1; }
#groom-tob-t-4:checked ~ * label[for="groom-tob-t-4"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-4:focus-visible ~ * label[for="groom-tob-t-4"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-4:checked ~ * .c-tp-ot::after { content:"04"; opacity:1; }
#groom-tob-t-5:checked ~ * label[for="groom-tob-t-5"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-5:focus-visible ~ * label[for="groom-tob-t-5"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-5:checked ~ * .c-tp-ot::after { content:"05"; opacity:1; }
#groom-tob-t-6:checked ~ * label[for="groom-tob-t-6"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-6:focus-visible ~ * label[for="groom-tob-t-6"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-6:checked ~ * .c-tp-ot::after { content:"06"; opacity:1; }
#groom-tob-t-7:checked ~ * label[for="groom-tob-t-7"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-7:focus-visible ~ * label[for="groom-tob-t-7"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-7:checked ~ * .c-tp-ot::after { content:"07"; opacity:1; }
#groom-tob-t-8:checked ~ * label[for="groom-tob-t-8"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-8:focus-visible ~ * label[for="groom-tob-t-8"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-8:checked ~ * .c-tp-ot::after { content:"08"; opacity:1; }
#groom-tob-t-9:checked ~ * label[for="groom-tob-t-9"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-9:focus-visible ~ * label[for="groom-tob-t-9"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-9:checked ~ * .c-tp-ot::after { content:"09"; opacity:1; }
#groom-tob-t-10:checked ~ * label[for="groom-tob-t-10"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-10:focus-visible ~ * label[for="groom-tob-t-10"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-10:checked ~ * .c-tp-ot::after { content:"10"; opacity:1; }
#groom-tob-t-11:checked ~ * label[for="groom-tob-t-11"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-11:focus-visible ~ * label[for="groom-tob-t-11"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-11:checked ~ * .c-tp-ot::after { content:"11"; opacity:1; }
#groom-tob-t-12:checked ~ * label[for="groom-tob-t-12"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-12:focus-visible ~ * label[for="groom-tob-t-12"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-12:checked ~ * .c-tp-ot::after { content:"12"; opacity:1; }
#groom-tob-t-13:checked ~ * label[for="groom-tob-t-13"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-13:focus-visible ~ * label[for="groom-tob-t-13"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-13:checked ~ * .c-tp-ot::after { content:"13"; opacity:1; }
#groom-tob-t-14:checked ~ * label[for="groom-tob-t-14"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-14:focus-visible ~ * label[for="groom-tob-t-14"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-14:checked ~ * .c-tp-ot::after { content:"14"; opacity:1; }
#groom-tob-t-15:checked ~ * label[for="groom-tob-t-15"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-15:focus-visible ~ * label[for="groom-tob-t-15"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-15:checked ~ * .c-tp-ot::after { content:"15"; opacity:1; }
#groom-tob-t-16:checked ~ * label[for="groom-tob-t-16"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-16:focus-visible ~ * label[for="groom-tob-t-16"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-16:checked ~ * .c-tp-ot::after { content:"16"; opacity:1; }
#groom-tob-t-17:checked ~ * label[for="groom-tob-t-17"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-17:focus-visible ~ * label[for="groom-tob-t-17"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-17:checked ~ * .c-tp-ot::after { content:"17"; opacity:1; }
#groom-tob-t-18:checked ~ * label[for="groom-tob-t-18"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-18:focus-visible ~ * label[for="groom-tob-t-18"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-18:checked ~ * .c-tp-ot::after { content:"18"; opacity:1; }
#groom-tob-t-19:checked ~ * label[for="groom-tob-t-19"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-19:focus-visible ~ * label[for="groom-tob-t-19"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-19:checked ~ * .c-tp-ot::after { content:"19"; opacity:1; }
#groom-tob-t-20:checked ~ * label[for="groom-tob-t-20"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-20:focus-visible ~ * label[for="groom-tob-t-20"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-20:checked ~ * .c-tp-ot::after { content:"20"; opacity:1; }
#groom-tob-t-21:checked ~ * label[for="groom-tob-t-21"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-21:focus-visible ~ * label[for="groom-tob-t-21"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-21:checked ~ * .c-tp-ot::after { content:"21"; opacity:1; }
#groom-tob-t-22:checked ~ * label[for="groom-tob-t-22"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-22:focus-visible ~ * label[for="groom-tob-t-22"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-22:checked ~ * .c-tp-ot::after { content:"22"; opacity:1; }
#groom-tob-t-23:checked ~ * label[for="groom-tob-t-23"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-23:focus-visible ~ * label[for="groom-tob-t-23"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-23:checked ~ * .c-tp-ot::after { content:"23"; opacity:1; }
#groom-tob-t-24:checked ~ * label[for="groom-tob-t-24"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-24:focus-visible ~ * label[for="groom-tob-t-24"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-24:checked ~ * .c-tp-ot::after { content:"24"; opacity:1; }
#groom-tob-t-25:checked ~ * label[for="groom-tob-t-25"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-25:focus-visible ~ * label[for="groom-tob-t-25"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-25:checked ~ * .c-tp-ot::after { content:"25"; opacity:1; }
#groom-tob-t-26:checked ~ * label[for="groom-tob-t-26"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-26:focus-visible ~ * label[for="groom-tob-t-26"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-26:checked ~ * .c-tp-ot::after { content:"26"; opacity:1; }
#groom-tob-t-27:checked ~ * label[for="groom-tob-t-27"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-27:focus-visible ~ * label[for="groom-tob-t-27"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-27:checked ~ * .c-tp-ot::after { content:"27"; opacity:1; }
#groom-tob-t-28:checked ~ * label[for="groom-tob-t-28"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-28:focus-visible ~ * label[for="groom-tob-t-28"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-28:checked ~ * .c-tp-ot::after { content:"28"; opacity:1; }
#groom-tob-t-29:checked ~ * label[for="groom-tob-t-29"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-29:focus-visible ~ * label[for="groom-tob-t-29"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-29:checked ~ * .c-tp-ot::after { content:"29"; opacity:1; }
#groom-tob-t-30:checked ~ * label[for="groom-tob-t-30"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-30:focus-visible ~ * label[for="groom-tob-t-30"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-30:checked ~ * .c-tp-ot::after { content:"30"; opacity:1; }
#groom-tob-t-31:checked ~ * label[for="groom-tob-t-31"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-31:focus-visible ~ * label[for="groom-tob-t-31"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-31:checked ~ * .c-tp-ot::after { content:"31"; opacity:1; }
#groom-tob-t-32:checked ~ * label[for="groom-tob-t-32"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-32:focus-visible ~ * label[for="groom-tob-t-32"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-32:checked ~ * .c-tp-ot::after { content:"32"; opacity:1; }
#groom-tob-t-33:checked ~ * label[for="groom-tob-t-33"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-33:focus-visible ~ * label[for="groom-tob-t-33"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-33:checked ~ * .c-tp-ot::after { content:"33"; opacity:1; }
#groom-tob-t-34:checked ~ * label[for="groom-tob-t-34"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-34:focus-visible ~ * label[for="groom-tob-t-34"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-34:checked ~ * .c-tp-ot::after { content:"34"; opacity:1; }
#groom-tob-t-35:checked ~ * label[for="groom-tob-t-35"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-35:focus-visible ~ * label[for="groom-tob-t-35"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-35:checked ~ * .c-tp-ot::after { content:"35"; opacity:1; }
#groom-tob-t-36:checked ~ * label[for="groom-tob-t-36"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-36:focus-visible ~ * label[for="groom-tob-t-36"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-36:checked ~ * .c-tp-ot::after { content:"36"; opacity:1; }
#groom-tob-t-37:checked ~ * label[for="groom-tob-t-37"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-37:focus-visible ~ * label[for="groom-tob-t-37"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-37:checked ~ * .c-tp-ot::after { content:"37"; opacity:1; }
#groom-tob-t-38:checked ~ * label[for="groom-tob-t-38"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-38:focus-visible ~ * label[for="groom-tob-t-38"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-38:checked ~ * .c-tp-ot::after { content:"38"; opacity:1; }
#groom-tob-t-39:checked ~ * label[for="groom-tob-t-39"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-39:focus-visible ~ * label[for="groom-tob-t-39"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-39:checked ~ * .c-tp-ot::after { content:"39"; opacity:1; }
#groom-tob-t-40:checked ~ * label[for="groom-tob-t-40"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-40:focus-visible ~ * label[for="groom-tob-t-40"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-40:checked ~ * .c-tp-ot::after { content:"40"; opacity:1; }
#groom-tob-t-41:checked ~ * label[for="groom-tob-t-41"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-41:focus-visible ~ * label[for="groom-tob-t-41"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-41:checked ~ * .c-tp-ot::after { content:"41"; opacity:1; }
#groom-tob-t-42:checked ~ * label[for="groom-tob-t-42"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-42:focus-visible ~ * label[for="groom-tob-t-42"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-42:checked ~ * .c-tp-ot::after { content:"42"; opacity:1; }
#groom-tob-t-43:checked ~ * label[for="groom-tob-t-43"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-43:focus-visible ~ * label[for="groom-tob-t-43"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-43:checked ~ * .c-tp-ot::after { content:"43"; opacity:1; }
#groom-tob-t-44:checked ~ * label[for="groom-tob-t-44"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-44:focus-visible ~ * label[for="groom-tob-t-44"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-44:checked ~ * .c-tp-ot::after { content:"44"; opacity:1; }
#groom-tob-t-45:checked ~ * label[for="groom-tob-t-45"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-45:focus-visible ~ * label[for="groom-tob-t-45"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-45:checked ~ * .c-tp-ot::after { content:"45"; opacity:1; }
#groom-tob-t-46:checked ~ * label[for="groom-tob-t-46"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-46:focus-visible ~ * label[for="groom-tob-t-46"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-46:checked ~ * .c-tp-ot::after { content:"46"; opacity:1; }
#groom-tob-t-47:checked ~ * label[for="groom-tob-t-47"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-47:focus-visible ~ * label[for="groom-tob-t-47"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-47:checked ~ * .c-tp-ot::after { content:"47"; opacity:1; }
#groom-tob-t-48:checked ~ * label[for="groom-tob-t-48"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-48:focus-visible ~ * label[for="groom-tob-t-48"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-48:checked ~ * .c-tp-ot::after { content:"48"; opacity:1; }
#groom-tob-t-49:checked ~ * label[for="groom-tob-t-49"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-49:focus-visible ~ * label[for="groom-tob-t-49"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-49:checked ~ * .c-tp-ot::after { content:"49"; opacity:1; }
#groom-tob-t-50:checked ~ * label[for="groom-tob-t-50"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-50:focus-visible ~ * label[for="groom-tob-t-50"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-50:checked ~ * .c-tp-ot::after { content:"50"; opacity:1; }
#groom-tob-t-51:checked ~ * label[for="groom-tob-t-51"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-51:focus-visible ~ * label[for="groom-tob-t-51"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-51:checked ~ * .c-tp-ot::after { content:"51"; opacity:1; }
#groom-tob-t-52:checked ~ * label[for="groom-tob-t-52"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-52:focus-visible ~ * label[for="groom-tob-t-52"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-52:checked ~ * .c-tp-ot::after { content:"52"; opacity:1; }
#groom-tob-t-53:checked ~ * label[for="groom-tob-t-53"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-53:focus-visible ~ * label[for="groom-tob-t-53"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-53:checked ~ * .c-tp-ot::after { content:"53"; opacity:1; }
#groom-tob-t-54:checked ~ * label[for="groom-tob-t-54"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-54:focus-visible ~ * label[for="groom-tob-t-54"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-54:checked ~ * .c-tp-ot::after { content:"54"; opacity:1; }
#groom-tob-t-55:checked ~ * label[for="groom-tob-t-55"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-55:focus-visible ~ * label[for="groom-tob-t-55"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-55:checked ~ * .c-tp-ot::after { content:"55"; opacity:1; }
#groom-tob-t-56:checked ~ * label[for="groom-tob-t-56"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-56:focus-visible ~ * label[for="groom-tob-t-56"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-56:checked ~ * .c-tp-ot::after { content:"56"; opacity:1; }
#groom-tob-t-57:checked ~ * label[for="groom-tob-t-57"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-57:focus-visible ~ * label[for="groom-tob-t-57"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-57:checked ~ * .c-tp-ot::after { content:"57"; opacity:1; }
#groom-tob-t-58:checked ~ * label[for="groom-tob-t-58"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-58:focus-visible ~ * label[for="groom-tob-t-58"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-58:checked ~ * .c-tp-ot::after { content:"58"; opacity:1; }
#groom-tob-t-59:checked ~ * label[for="groom-tob-t-59"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-t-59:focus-visible ~ * label[for="groom-tob-t-59"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-t-59:checked ~ * .c-tp-ot::after { content:"59"; opacity:1; }
#groom-tob-t-0:checked ~ * .c-ck-fr[data-blk="0"] { display:grid; }
#groom-tob-t-1:checked ~ * .c-ck-fr[data-blk="0"] { display:grid; }
#groom-tob-t-2:checked ~ * .c-ck-fr[data-blk="0"] { display:grid; }
#groom-tob-t-3:checked ~ * .c-ck-fr[data-blk="0"] { display:grid; }
#groom-tob-t-4:checked ~ * .c-ck-fr[data-blk="0"] { display:grid; }
#groom-tob-t-5:checked ~ * .c-ck-fr[data-blk="1"] { display:grid; }
#groom-tob-t-6:checked ~ * .c-ck-fr[data-blk="1"] { display:grid; }
#groom-tob-t-7:checked ~ * .c-ck-fr[data-blk="1"] { display:grid; }
#groom-tob-t-8:checked ~ * .c-ck-fr[data-blk="1"] { display:grid; }
#groom-tob-t-9:checked ~ * .c-ck-fr[data-blk="1"] { display:grid; }
#groom-tob-t-10:checked ~ * .c-ck-fr[data-blk="2"] { display:grid; }
#groom-tob-t-11:checked ~ * .c-ck-fr[data-blk="2"] { display:grid; }
#groom-tob-t-12:checked ~ * .c-ck-fr[data-blk="2"] { display:grid; }
#groom-tob-t-13:checked ~ * .c-ck-fr[data-blk="2"] { display:grid; }
#groom-tob-t-14:checked ~ * .c-ck-fr[data-blk="2"] { display:grid; }
#groom-tob-t-15:checked ~ * .c-ck-fr[data-blk="3"] { display:grid; }
#groom-tob-t-16:checked ~ * .c-ck-fr[data-blk="3"] { display:grid; }
#groom-tob-t-17:checked ~ * .c-ck-fr[data-blk="3"] { display:grid; }
#groom-tob-t-18:checked ~ * .c-ck-fr[data-blk="3"] { display:grid; }
#groom-tob-t-19:checked ~ * .c-ck-fr[data-blk="3"] { display:grid; }
#groom-tob-t-20:checked ~ * .c-ck-fr[data-blk="4"] { display:grid; }
#groom-tob-t-21:checked ~ * .c-ck-fr[data-blk="4"] { display:grid; }
#groom-tob-t-22:checked ~ * .c-ck-fr[data-blk="4"] { display:grid; }
#groom-tob-t-23:checked ~ * .c-ck-fr[data-blk="4"] { display:grid; }
#groom-tob-t-24:checked ~ * .c-ck-fr[data-blk="4"] { display:grid; }
#groom-tob-t-25:checked ~ * .c-ck-fr[data-blk="5"] { display:grid; }
#groom-tob-t-26:checked ~ * .c-ck-fr[data-blk="5"] { display:grid; }
#groom-tob-t-27:checked ~ * .c-ck-fr[data-blk="5"] { display:grid; }
#groom-tob-t-28:checked ~ * .c-ck-fr[data-blk="5"] { display:grid; }
#groom-tob-t-29:checked ~ * .c-ck-fr[data-blk="5"] { display:grid; }
#groom-tob-t-30:checked ~ * .c-ck-fr[data-blk="6"] { display:grid; }
#groom-tob-t-31:checked ~ * .c-ck-fr[data-blk="6"] { display:grid; }
#groom-tob-t-32:checked ~ * .c-ck-fr[data-blk="6"] { display:grid; }
#groom-tob-t-33:checked ~ * .c-ck-fr[data-blk="6"] { display:grid; }
#groom-tob-t-34:checked ~ * .c-ck-fr[data-blk="6"] { display:grid; }
#groom-tob-t-35:checked ~ * .c-ck-fr[data-blk="7"] { display:grid; }
#groom-tob-t-36:checked ~ * .c-ck-fr[data-blk="7"] { display:grid; }
#groom-tob-t-37:checked ~ * .c-ck-fr[data-blk="7"] { display:grid; }
#groom-tob-t-38:checked ~ * .c-ck-fr[data-blk="7"] { display:grid; }
#groom-tob-t-39:checked ~ * .c-ck-fr[data-blk="7"] { display:grid; }
#groom-tob-t-40:checked ~ * .c-ck-fr[data-blk="8"] { display:grid; }
#groom-tob-t-41:checked ~ * .c-ck-fr[data-blk="8"] { display:grid; }
#groom-tob-t-42:checked ~ * .c-ck-fr[data-blk="8"] { display:grid; }
#groom-tob-t-43:checked ~ * .c-ck-fr[data-blk="8"] { display:grid; }
#groom-tob-t-44:checked ~ * .c-ck-fr[data-blk="8"] { display:grid; }
#groom-tob-t-45:checked ~ * .c-ck-fr[data-blk="9"] { display:grid; }
#groom-tob-t-46:checked ~ * .c-ck-fr[data-blk="9"] { display:grid; }
#groom-tob-t-47:checked ~ * .c-ck-fr[data-blk="9"] { display:grid; }
#groom-tob-t-48:checked ~ * .c-ck-fr[data-blk="9"] { display:grid; }
#groom-tob-t-49:checked ~ * .c-ck-fr[data-blk="9"] { display:grid; }
#groom-tob-t-50:checked ~ * .c-ck-fr[data-blk="10"] { display:grid; }
#groom-tob-t-51:checked ~ * .c-ck-fr[data-blk="10"] { display:grid; }
#groom-tob-t-52:checked ~ * .c-ck-fr[data-blk="10"] { display:grid; }
#groom-tob-t-53:checked ~ * .c-ck-fr[data-blk="10"] { display:grid; }
#groom-tob-t-54:checked ~ * .c-ck-fr[data-blk="10"] { display:grid; }
#groom-tob-t-55:checked ~ * .c-ck-fr[data-blk="11"] { display:grid; }
#groom-tob-t-56:checked ~ * .c-ck-fr[data-blk="11"] { display:grid; }
#groom-tob-t-57:checked ~ * .c-ck-fr[data-blk="11"] { display:grid; }
#groom-tob-t-58:checked ~ * .c-ck-fr[data-blk="11"] { display:grid; }
#groom-tob-t-59:checked ~ * .c-ck-fr[data-blk="11"] { display:grid; }
#groom-tob-t-1:checked ~ * .c-ck-m[for="groom-tob-t-0"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-2:checked ~ * .c-ck-m[for="groom-tob-t-0"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-3:checked ~ * .c-ck-m[for="groom-tob-t-0"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-4:checked ~ * .c-ck-m[for="groom-tob-t-0"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-6:checked ~ * .c-ck-m[for="groom-tob-t-5"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-7:checked ~ * .c-ck-m[for="groom-tob-t-5"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-8:checked ~ * .c-ck-m[for="groom-tob-t-5"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-9:checked ~ * .c-ck-m[for="groom-tob-t-5"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-11:checked ~ * .c-ck-m[for="groom-tob-t-10"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-12:checked ~ * .c-ck-m[for="groom-tob-t-10"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-13:checked ~ * .c-ck-m[for="groom-tob-t-10"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-14:checked ~ * .c-ck-m[for="groom-tob-t-10"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-16:checked ~ * .c-ck-m[for="groom-tob-t-15"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-17:checked ~ * .c-ck-m[for="groom-tob-t-15"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-18:checked ~ * .c-ck-m[for="groom-tob-t-15"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-19:checked ~ * .c-ck-m[for="groom-tob-t-15"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-21:checked ~ * .c-ck-m[for="groom-tob-t-20"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-22:checked ~ * .c-ck-m[for="groom-tob-t-20"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-23:checked ~ * .c-ck-m[for="groom-tob-t-20"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-24:checked ~ * .c-ck-m[for="groom-tob-t-20"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-26:checked ~ * .c-ck-m[for="groom-tob-t-25"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-27:checked ~ * .c-ck-m[for="groom-tob-t-25"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-28:checked ~ * .c-ck-m[for="groom-tob-t-25"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-29:checked ~ * .c-ck-m[for="groom-tob-t-25"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-31:checked ~ * .c-ck-m[for="groom-tob-t-30"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-32:checked ~ * .c-ck-m[for="groom-tob-t-30"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-33:checked ~ * .c-ck-m[for="groom-tob-t-30"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-34:checked ~ * .c-ck-m[for="groom-tob-t-30"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-36:checked ~ * .c-ck-m[for="groom-tob-t-35"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-37:checked ~ * .c-ck-m[for="groom-tob-t-35"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-38:checked ~ * .c-ck-m[for="groom-tob-t-35"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-39:checked ~ * .c-ck-m[for="groom-tob-t-35"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-41:checked ~ * .c-ck-m[for="groom-tob-t-40"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-42:checked ~ * .c-ck-m[for="groom-tob-t-40"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-43:checked ~ * .c-ck-m[for="groom-tob-t-40"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-44:checked ~ * .c-ck-m[for="groom-tob-t-40"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-46:checked ~ * .c-ck-m[for="groom-tob-t-45"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-47:checked ~ * .c-ck-m[for="groom-tob-t-45"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-48:checked ~ * .c-ck-m[for="groom-tob-t-45"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-49:checked ~ * .c-ck-m[for="groom-tob-t-45"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-51:checked ~ * .c-ck-m[for="groom-tob-t-50"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-52:checked ~ * .c-ck-m[for="groom-tob-t-50"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-53:checked ~ * .c-ck-m[for="groom-tob-t-50"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-54:checked ~ * .c-ck-m[for="groom-tob-t-50"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-56:checked ~ * .c-ck-m[for="groom-tob-t-55"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-57:checked ~ * .c-ck-m[for="groom-tob-t-55"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-58:checked ~ * .c-ck-m[for="groom-tob-t-55"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-t-59:checked ~ * .c-ck-m[for="groom-tob-t-55"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#groom-tob-m-am:checked ~ * label[for="groom-tob-m-am"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-m-am:focus-visible ~ * label[for="groom-tob-m-am"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-m-am:checked ~ * .c-tp-om::after { content:"AM"; opacity:1; }
#groom-tob-m-pm:checked ~ * label[for="groom-tob-m-pm"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#groom-tob-m-pm:focus-visible ~ * label[for="groom-tob-m-pm"] { outline:2px solid var(--gold); outline-offset:2px; }
#groom-tob-m-pm:checked ~ * .c-tp-om::after { content:"PM"; opacity:1; }#bride-tob-h-1:checked ~ * label[for="bride-tob-h-1"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-h-1:focus-visible ~ * label[for="bride-tob-h-1"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-h-1:checked ~ * .c-tp-oh::after { content:"01"; opacity:1; }
#bride-tob-h-2:checked ~ * label[for="bride-tob-h-2"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-h-2:focus-visible ~ * label[for="bride-tob-h-2"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-h-2:checked ~ * .c-tp-oh::after { content:"02"; opacity:1; }
#bride-tob-h-3:checked ~ * label[for="bride-tob-h-3"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-h-3:focus-visible ~ * label[for="bride-tob-h-3"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-h-3:checked ~ * .c-tp-oh::after { content:"03"; opacity:1; }
#bride-tob-h-4:checked ~ * label[for="bride-tob-h-4"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-h-4:focus-visible ~ * label[for="bride-tob-h-4"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-h-4:checked ~ * .c-tp-oh::after { content:"04"; opacity:1; }
#bride-tob-h-5:checked ~ * label[for="bride-tob-h-5"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-h-5:focus-visible ~ * label[for="bride-tob-h-5"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-h-5:checked ~ * .c-tp-oh::after { content:"05"; opacity:1; }
#bride-tob-h-6:checked ~ * label[for="bride-tob-h-6"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-h-6:focus-visible ~ * label[for="bride-tob-h-6"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-h-6:checked ~ * .c-tp-oh::after { content:"06"; opacity:1; }
#bride-tob-h-7:checked ~ * label[for="bride-tob-h-7"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-h-7:focus-visible ~ * label[for="bride-tob-h-7"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-h-7:checked ~ * .c-tp-oh::after { content:"07"; opacity:1; }
#bride-tob-h-8:checked ~ * label[for="bride-tob-h-8"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-h-8:focus-visible ~ * label[for="bride-tob-h-8"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-h-8:checked ~ * .c-tp-oh::after { content:"08"; opacity:1; }
#bride-tob-h-9:checked ~ * label[for="bride-tob-h-9"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-h-9:focus-visible ~ * label[for="bride-tob-h-9"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-h-9:checked ~ * .c-tp-oh::after { content:"09"; opacity:1; }
#bride-tob-h-10:checked ~ * label[for="bride-tob-h-10"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-h-10:focus-visible ~ * label[for="bride-tob-h-10"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-h-10:checked ~ * .c-tp-oh::after { content:"10"; opacity:1; }
#bride-tob-h-11:checked ~ * label[for="bride-tob-h-11"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-h-11:focus-visible ~ * label[for="bride-tob-h-11"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-h-11:checked ~ * .c-tp-oh::after { content:"11"; opacity:1; }
#bride-tob-h-12:checked ~ * label[for="bride-tob-h-12"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-h-12:focus-visible ~ * label[for="bride-tob-h-12"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-h-12:checked ~ * .c-tp-oh::after { content:"12"; opacity:1; }
#bride-tob-t-0:checked ~ * label[for="bride-tob-t-0"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-0:focus-visible ~ * label[for="bride-tob-t-0"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-0:checked ~ * .c-tp-ot::after { content:"00"; opacity:1; }
#bride-tob-t-1:checked ~ * label[for="bride-tob-t-1"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-1:focus-visible ~ * label[for="bride-tob-t-1"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-1:checked ~ * .c-tp-ot::after { content:"01"; opacity:1; }
#bride-tob-t-2:checked ~ * label[for="bride-tob-t-2"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-2:focus-visible ~ * label[for="bride-tob-t-2"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-2:checked ~ * .c-tp-ot::after { content:"02"; opacity:1; }
#bride-tob-t-3:checked ~ * label[for="bride-tob-t-3"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-3:focus-visible ~ * label[for="bride-tob-t-3"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-3:checked ~ * .c-tp-ot::after { content:"03"; opacity:1; }
#bride-tob-t-4:checked ~ * label[for="bride-tob-t-4"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-4:focus-visible ~ * label[for="bride-tob-t-4"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-4:checked ~ * .c-tp-ot::after { content:"04"; opacity:1; }
#bride-tob-t-5:checked ~ * label[for="bride-tob-t-5"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-5:focus-visible ~ * label[for="bride-tob-t-5"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-5:checked ~ * .c-tp-ot::after { content:"05"; opacity:1; }
#bride-tob-t-6:checked ~ * label[for="bride-tob-t-6"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-6:focus-visible ~ * label[for="bride-tob-t-6"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-6:checked ~ * .c-tp-ot::after { content:"06"; opacity:1; }
#bride-tob-t-7:checked ~ * label[for="bride-tob-t-7"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-7:focus-visible ~ * label[for="bride-tob-t-7"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-7:checked ~ * .c-tp-ot::after { content:"07"; opacity:1; }
#bride-tob-t-8:checked ~ * label[for="bride-tob-t-8"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-8:focus-visible ~ * label[for="bride-tob-t-8"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-8:checked ~ * .c-tp-ot::after { content:"08"; opacity:1; }
#bride-tob-t-9:checked ~ * label[for="bride-tob-t-9"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-9:focus-visible ~ * label[for="bride-tob-t-9"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-9:checked ~ * .c-tp-ot::after { content:"09"; opacity:1; }
#bride-tob-t-10:checked ~ * label[for="bride-tob-t-10"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-10:focus-visible ~ * label[for="bride-tob-t-10"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-10:checked ~ * .c-tp-ot::after { content:"10"; opacity:1; }
#bride-tob-t-11:checked ~ * label[for="bride-tob-t-11"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-11:focus-visible ~ * label[for="bride-tob-t-11"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-11:checked ~ * .c-tp-ot::after { content:"11"; opacity:1; }
#bride-tob-t-12:checked ~ * label[for="bride-tob-t-12"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-12:focus-visible ~ * label[for="bride-tob-t-12"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-12:checked ~ * .c-tp-ot::after { content:"12"; opacity:1; }
#bride-tob-t-13:checked ~ * label[for="bride-tob-t-13"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-13:focus-visible ~ * label[for="bride-tob-t-13"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-13:checked ~ * .c-tp-ot::after { content:"13"; opacity:1; }
#bride-tob-t-14:checked ~ * label[for="bride-tob-t-14"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-14:focus-visible ~ * label[for="bride-tob-t-14"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-14:checked ~ * .c-tp-ot::after { content:"14"; opacity:1; }
#bride-tob-t-15:checked ~ * label[for="bride-tob-t-15"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-15:focus-visible ~ * label[for="bride-tob-t-15"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-15:checked ~ * .c-tp-ot::after { content:"15"; opacity:1; }
#bride-tob-t-16:checked ~ * label[for="bride-tob-t-16"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-16:focus-visible ~ * label[for="bride-tob-t-16"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-16:checked ~ * .c-tp-ot::after { content:"16"; opacity:1; }
#bride-tob-t-17:checked ~ * label[for="bride-tob-t-17"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-17:focus-visible ~ * label[for="bride-tob-t-17"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-17:checked ~ * .c-tp-ot::after { content:"17"; opacity:1; }
#bride-tob-t-18:checked ~ * label[for="bride-tob-t-18"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-18:focus-visible ~ * label[for="bride-tob-t-18"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-18:checked ~ * .c-tp-ot::after { content:"18"; opacity:1; }
#bride-tob-t-19:checked ~ * label[for="bride-tob-t-19"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-19:focus-visible ~ * label[for="bride-tob-t-19"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-19:checked ~ * .c-tp-ot::after { content:"19"; opacity:1; }
#bride-tob-t-20:checked ~ * label[for="bride-tob-t-20"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-20:focus-visible ~ * label[for="bride-tob-t-20"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-20:checked ~ * .c-tp-ot::after { content:"20"; opacity:1; }
#bride-tob-t-21:checked ~ * label[for="bride-tob-t-21"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-21:focus-visible ~ * label[for="bride-tob-t-21"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-21:checked ~ * .c-tp-ot::after { content:"21"; opacity:1; }
#bride-tob-t-22:checked ~ * label[for="bride-tob-t-22"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-22:focus-visible ~ * label[for="bride-tob-t-22"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-22:checked ~ * .c-tp-ot::after { content:"22"; opacity:1; }
#bride-tob-t-23:checked ~ * label[for="bride-tob-t-23"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-23:focus-visible ~ * label[for="bride-tob-t-23"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-23:checked ~ * .c-tp-ot::after { content:"23"; opacity:1; }
#bride-tob-t-24:checked ~ * label[for="bride-tob-t-24"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-24:focus-visible ~ * label[for="bride-tob-t-24"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-24:checked ~ * .c-tp-ot::after { content:"24"; opacity:1; }
#bride-tob-t-25:checked ~ * label[for="bride-tob-t-25"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-25:focus-visible ~ * label[for="bride-tob-t-25"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-25:checked ~ * .c-tp-ot::after { content:"25"; opacity:1; }
#bride-tob-t-26:checked ~ * label[for="bride-tob-t-26"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-26:focus-visible ~ * label[for="bride-tob-t-26"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-26:checked ~ * .c-tp-ot::after { content:"26"; opacity:1; }
#bride-tob-t-27:checked ~ * label[for="bride-tob-t-27"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-27:focus-visible ~ * label[for="bride-tob-t-27"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-27:checked ~ * .c-tp-ot::after { content:"27"; opacity:1; }
#bride-tob-t-28:checked ~ * label[for="bride-tob-t-28"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-28:focus-visible ~ * label[for="bride-tob-t-28"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-28:checked ~ * .c-tp-ot::after { content:"28"; opacity:1; }
#bride-tob-t-29:checked ~ * label[for="bride-tob-t-29"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-29:focus-visible ~ * label[for="bride-tob-t-29"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-29:checked ~ * .c-tp-ot::after { content:"29"; opacity:1; }
#bride-tob-t-30:checked ~ * label[for="bride-tob-t-30"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-30:focus-visible ~ * label[for="bride-tob-t-30"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-30:checked ~ * .c-tp-ot::after { content:"30"; opacity:1; }
#bride-tob-t-31:checked ~ * label[for="bride-tob-t-31"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-31:focus-visible ~ * label[for="bride-tob-t-31"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-31:checked ~ * .c-tp-ot::after { content:"31"; opacity:1; }
#bride-tob-t-32:checked ~ * label[for="bride-tob-t-32"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-32:focus-visible ~ * label[for="bride-tob-t-32"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-32:checked ~ * .c-tp-ot::after { content:"32"; opacity:1; }
#bride-tob-t-33:checked ~ * label[for="bride-tob-t-33"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-33:focus-visible ~ * label[for="bride-tob-t-33"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-33:checked ~ * .c-tp-ot::after { content:"33"; opacity:1; }
#bride-tob-t-34:checked ~ * label[for="bride-tob-t-34"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-34:focus-visible ~ * label[for="bride-tob-t-34"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-34:checked ~ * .c-tp-ot::after { content:"34"; opacity:1; }
#bride-tob-t-35:checked ~ * label[for="bride-tob-t-35"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-35:focus-visible ~ * label[for="bride-tob-t-35"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-35:checked ~ * .c-tp-ot::after { content:"35"; opacity:1; }
#bride-tob-t-36:checked ~ * label[for="bride-tob-t-36"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-36:focus-visible ~ * label[for="bride-tob-t-36"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-36:checked ~ * .c-tp-ot::after { content:"36"; opacity:1; }
#bride-tob-t-37:checked ~ * label[for="bride-tob-t-37"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-37:focus-visible ~ * label[for="bride-tob-t-37"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-37:checked ~ * .c-tp-ot::after { content:"37"; opacity:1; }
#bride-tob-t-38:checked ~ * label[for="bride-tob-t-38"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-38:focus-visible ~ * label[for="bride-tob-t-38"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-38:checked ~ * .c-tp-ot::after { content:"38"; opacity:1; }
#bride-tob-t-39:checked ~ * label[for="bride-tob-t-39"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-39:focus-visible ~ * label[for="bride-tob-t-39"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-39:checked ~ * .c-tp-ot::after { content:"39"; opacity:1; }
#bride-tob-t-40:checked ~ * label[for="bride-tob-t-40"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-40:focus-visible ~ * label[for="bride-tob-t-40"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-40:checked ~ * .c-tp-ot::after { content:"40"; opacity:1; }
#bride-tob-t-41:checked ~ * label[for="bride-tob-t-41"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-41:focus-visible ~ * label[for="bride-tob-t-41"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-41:checked ~ * .c-tp-ot::after { content:"41"; opacity:1; }
#bride-tob-t-42:checked ~ * label[for="bride-tob-t-42"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-42:focus-visible ~ * label[for="bride-tob-t-42"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-42:checked ~ * .c-tp-ot::after { content:"42"; opacity:1; }
#bride-tob-t-43:checked ~ * label[for="bride-tob-t-43"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-43:focus-visible ~ * label[for="bride-tob-t-43"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-43:checked ~ * .c-tp-ot::after { content:"43"; opacity:1; }
#bride-tob-t-44:checked ~ * label[for="bride-tob-t-44"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-44:focus-visible ~ * label[for="bride-tob-t-44"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-44:checked ~ * .c-tp-ot::after { content:"44"; opacity:1; }
#bride-tob-t-45:checked ~ * label[for="bride-tob-t-45"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-45:focus-visible ~ * label[for="bride-tob-t-45"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-45:checked ~ * .c-tp-ot::after { content:"45"; opacity:1; }
#bride-tob-t-46:checked ~ * label[for="bride-tob-t-46"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-46:focus-visible ~ * label[for="bride-tob-t-46"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-46:checked ~ * .c-tp-ot::after { content:"46"; opacity:1; }
#bride-tob-t-47:checked ~ * label[for="bride-tob-t-47"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-47:focus-visible ~ * label[for="bride-tob-t-47"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-47:checked ~ * .c-tp-ot::after { content:"47"; opacity:1; }
#bride-tob-t-48:checked ~ * label[for="bride-tob-t-48"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-48:focus-visible ~ * label[for="bride-tob-t-48"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-48:checked ~ * .c-tp-ot::after { content:"48"; opacity:1; }
#bride-tob-t-49:checked ~ * label[for="bride-tob-t-49"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-49:focus-visible ~ * label[for="bride-tob-t-49"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-49:checked ~ * .c-tp-ot::after { content:"49"; opacity:1; }
#bride-tob-t-50:checked ~ * label[for="bride-tob-t-50"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-50:focus-visible ~ * label[for="bride-tob-t-50"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-50:checked ~ * .c-tp-ot::after { content:"50"; opacity:1; }
#bride-tob-t-51:checked ~ * label[for="bride-tob-t-51"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-51:focus-visible ~ * label[for="bride-tob-t-51"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-51:checked ~ * .c-tp-ot::after { content:"51"; opacity:1; }
#bride-tob-t-52:checked ~ * label[for="bride-tob-t-52"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-52:focus-visible ~ * label[for="bride-tob-t-52"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-52:checked ~ * .c-tp-ot::after { content:"52"; opacity:1; }
#bride-tob-t-53:checked ~ * label[for="bride-tob-t-53"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-53:focus-visible ~ * label[for="bride-tob-t-53"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-53:checked ~ * .c-tp-ot::after { content:"53"; opacity:1; }
#bride-tob-t-54:checked ~ * label[for="bride-tob-t-54"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-54:focus-visible ~ * label[for="bride-tob-t-54"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-54:checked ~ * .c-tp-ot::after { content:"54"; opacity:1; }
#bride-tob-t-55:checked ~ * label[for="bride-tob-t-55"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-55:focus-visible ~ * label[for="bride-tob-t-55"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-55:checked ~ * .c-tp-ot::after { content:"55"; opacity:1; }
#bride-tob-t-56:checked ~ * label[for="bride-tob-t-56"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-56:focus-visible ~ * label[for="bride-tob-t-56"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-56:checked ~ * .c-tp-ot::after { content:"56"; opacity:1; }
#bride-tob-t-57:checked ~ * label[for="bride-tob-t-57"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-57:focus-visible ~ * label[for="bride-tob-t-57"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-57:checked ~ * .c-tp-ot::after { content:"57"; opacity:1; }
#bride-tob-t-58:checked ~ * label[for="bride-tob-t-58"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-58:focus-visible ~ * label[for="bride-tob-t-58"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-58:checked ~ * .c-tp-ot::after { content:"58"; opacity:1; }
#bride-tob-t-59:checked ~ * label[for="bride-tob-t-59"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-t-59:focus-visible ~ * label[for="bride-tob-t-59"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-t-59:checked ~ * .c-tp-ot::after { content:"59"; opacity:1; }
#bride-tob-t-0:checked ~ * .c-ck-fr[data-blk="0"] { display:grid; }
#bride-tob-t-1:checked ~ * .c-ck-fr[data-blk="0"] { display:grid; }
#bride-tob-t-2:checked ~ * .c-ck-fr[data-blk="0"] { display:grid; }
#bride-tob-t-3:checked ~ * .c-ck-fr[data-blk="0"] { display:grid; }
#bride-tob-t-4:checked ~ * .c-ck-fr[data-blk="0"] { display:grid; }
#bride-tob-t-5:checked ~ * .c-ck-fr[data-blk="1"] { display:grid; }
#bride-tob-t-6:checked ~ * .c-ck-fr[data-blk="1"] { display:grid; }
#bride-tob-t-7:checked ~ * .c-ck-fr[data-blk="1"] { display:grid; }
#bride-tob-t-8:checked ~ * .c-ck-fr[data-blk="1"] { display:grid; }
#bride-tob-t-9:checked ~ * .c-ck-fr[data-blk="1"] { display:grid; }
#bride-tob-t-10:checked ~ * .c-ck-fr[data-blk="2"] { display:grid; }
#bride-tob-t-11:checked ~ * .c-ck-fr[data-blk="2"] { display:grid; }
#bride-tob-t-12:checked ~ * .c-ck-fr[data-blk="2"] { display:grid; }
#bride-tob-t-13:checked ~ * .c-ck-fr[data-blk="2"] { display:grid; }
#bride-tob-t-14:checked ~ * .c-ck-fr[data-blk="2"] { display:grid; }
#bride-tob-t-15:checked ~ * .c-ck-fr[data-blk="3"] { display:grid; }
#bride-tob-t-16:checked ~ * .c-ck-fr[data-blk="3"] { display:grid; }
#bride-tob-t-17:checked ~ * .c-ck-fr[data-blk="3"] { display:grid; }
#bride-tob-t-18:checked ~ * .c-ck-fr[data-blk="3"] { display:grid; }
#bride-tob-t-19:checked ~ * .c-ck-fr[data-blk="3"] { display:grid; }
#bride-tob-t-20:checked ~ * .c-ck-fr[data-blk="4"] { display:grid; }
#bride-tob-t-21:checked ~ * .c-ck-fr[data-blk="4"] { display:grid; }
#bride-tob-t-22:checked ~ * .c-ck-fr[data-blk="4"] { display:grid; }
#bride-tob-t-23:checked ~ * .c-ck-fr[data-blk="4"] { display:grid; }
#bride-tob-t-24:checked ~ * .c-ck-fr[data-blk="4"] { display:grid; }
#bride-tob-t-25:checked ~ * .c-ck-fr[data-blk="5"] { display:grid; }
#bride-tob-t-26:checked ~ * .c-ck-fr[data-blk="5"] { display:grid; }
#bride-tob-t-27:checked ~ * .c-ck-fr[data-blk="5"] { display:grid; }
#bride-tob-t-28:checked ~ * .c-ck-fr[data-blk="5"] { display:grid; }
#bride-tob-t-29:checked ~ * .c-ck-fr[data-blk="5"] { display:grid; }
#bride-tob-t-30:checked ~ * .c-ck-fr[data-blk="6"] { display:grid; }
#bride-tob-t-31:checked ~ * .c-ck-fr[data-blk="6"] { display:grid; }
#bride-tob-t-32:checked ~ * .c-ck-fr[data-blk="6"] { display:grid; }
#bride-tob-t-33:checked ~ * .c-ck-fr[data-blk="6"] { display:grid; }
#bride-tob-t-34:checked ~ * .c-ck-fr[data-blk="6"] { display:grid; }
#bride-tob-t-35:checked ~ * .c-ck-fr[data-blk="7"] { display:grid; }
#bride-tob-t-36:checked ~ * .c-ck-fr[data-blk="7"] { display:grid; }
#bride-tob-t-37:checked ~ * .c-ck-fr[data-blk="7"] { display:grid; }
#bride-tob-t-38:checked ~ * .c-ck-fr[data-blk="7"] { display:grid; }
#bride-tob-t-39:checked ~ * .c-ck-fr[data-blk="7"] { display:grid; }
#bride-tob-t-40:checked ~ * .c-ck-fr[data-blk="8"] { display:grid; }
#bride-tob-t-41:checked ~ * .c-ck-fr[data-blk="8"] { display:grid; }
#bride-tob-t-42:checked ~ * .c-ck-fr[data-blk="8"] { display:grid; }
#bride-tob-t-43:checked ~ * .c-ck-fr[data-blk="8"] { display:grid; }
#bride-tob-t-44:checked ~ * .c-ck-fr[data-blk="8"] { display:grid; }
#bride-tob-t-45:checked ~ * .c-ck-fr[data-blk="9"] { display:grid; }
#bride-tob-t-46:checked ~ * .c-ck-fr[data-blk="9"] { display:grid; }
#bride-tob-t-47:checked ~ * .c-ck-fr[data-blk="9"] { display:grid; }
#bride-tob-t-48:checked ~ * .c-ck-fr[data-blk="9"] { display:grid; }
#bride-tob-t-49:checked ~ * .c-ck-fr[data-blk="9"] { display:grid; }
#bride-tob-t-50:checked ~ * .c-ck-fr[data-blk="10"] { display:grid; }
#bride-tob-t-51:checked ~ * .c-ck-fr[data-blk="10"] { display:grid; }
#bride-tob-t-52:checked ~ * .c-ck-fr[data-blk="10"] { display:grid; }
#bride-tob-t-53:checked ~ * .c-ck-fr[data-blk="10"] { display:grid; }
#bride-tob-t-54:checked ~ * .c-ck-fr[data-blk="10"] { display:grid; }
#bride-tob-t-55:checked ~ * .c-ck-fr[data-blk="11"] { display:grid; }
#bride-tob-t-56:checked ~ * .c-ck-fr[data-blk="11"] { display:grid; }
#bride-tob-t-57:checked ~ * .c-ck-fr[data-blk="11"] { display:grid; }
#bride-tob-t-58:checked ~ * .c-ck-fr[data-blk="11"] { display:grid; }
#bride-tob-t-59:checked ~ * .c-ck-fr[data-blk="11"] { display:grid; }
#bride-tob-t-1:checked ~ * .c-ck-m[for="bride-tob-t-0"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-2:checked ~ * .c-ck-m[for="bride-tob-t-0"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-3:checked ~ * .c-ck-m[for="bride-tob-t-0"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-4:checked ~ * .c-ck-m[for="bride-tob-t-0"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-6:checked ~ * .c-ck-m[for="bride-tob-t-5"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-7:checked ~ * .c-ck-m[for="bride-tob-t-5"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-8:checked ~ * .c-ck-m[for="bride-tob-t-5"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-9:checked ~ * .c-ck-m[for="bride-tob-t-5"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-11:checked ~ * .c-ck-m[for="bride-tob-t-10"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-12:checked ~ * .c-ck-m[for="bride-tob-t-10"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-13:checked ~ * .c-ck-m[for="bride-tob-t-10"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-14:checked ~ * .c-ck-m[for="bride-tob-t-10"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-16:checked ~ * .c-ck-m[for="bride-tob-t-15"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-17:checked ~ * .c-ck-m[for="bride-tob-t-15"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-18:checked ~ * .c-ck-m[for="bride-tob-t-15"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-19:checked ~ * .c-ck-m[for="bride-tob-t-15"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-21:checked ~ * .c-ck-m[for="bride-tob-t-20"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-22:checked ~ * .c-ck-m[for="bride-tob-t-20"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-23:checked ~ * .c-ck-m[for="bride-tob-t-20"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-24:checked ~ * .c-ck-m[for="bride-tob-t-20"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-26:checked ~ * .c-ck-m[for="bride-tob-t-25"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-27:checked ~ * .c-ck-m[for="bride-tob-t-25"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-28:checked ~ * .c-ck-m[for="bride-tob-t-25"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-29:checked ~ * .c-ck-m[for="bride-tob-t-25"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-31:checked ~ * .c-ck-m[for="bride-tob-t-30"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-32:checked ~ * .c-ck-m[for="bride-tob-t-30"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-33:checked ~ * .c-ck-m[for="bride-tob-t-30"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-34:checked ~ * .c-ck-m[for="bride-tob-t-30"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-36:checked ~ * .c-ck-m[for="bride-tob-t-35"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-37:checked ~ * .c-ck-m[for="bride-tob-t-35"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-38:checked ~ * .c-ck-m[for="bride-tob-t-35"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-39:checked ~ * .c-ck-m[for="bride-tob-t-35"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-41:checked ~ * .c-ck-m[for="bride-tob-t-40"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-42:checked ~ * .c-ck-m[for="bride-tob-t-40"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-43:checked ~ * .c-ck-m[for="bride-tob-t-40"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-44:checked ~ * .c-ck-m[for="bride-tob-t-40"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-46:checked ~ * .c-ck-m[for="bride-tob-t-45"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-47:checked ~ * .c-ck-m[for="bride-tob-t-45"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-48:checked ~ * .c-ck-m[for="bride-tob-t-45"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-49:checked ~ * .c-ck-m[for="bride-tob-t-45"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-51:checked ~ * .c-ck-m[for="bride-tob-t-50"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-52:checked ~ * .c-ck-m[for="bride-tob-t-50"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-53:checked ~ * .c-ck-m[for="bride-tob-t-50"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-54:checked ~ * .c-ck-m[for="bride-tob-t-50"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-56:checked ~ * .c-ck-m[for="bride-tob-t-55"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-57:checked ~ * .c-ck-m[for="bride-tob-t-55"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-58:checked ~ * .c-ck-m[for="bride-tob-t-55"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-t-59:checked ~ * .c-ck-m[for="bride-tob-t-55"] { background:var(--gold-bg); border-color:var(--gold-lt); color:var(--gold-dk); }
#bride-tob-m-am:checked ~ * label[for="bride-tob-m-am"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-m-am:focus-visible ~ * label[for="bride-tob-m-am"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-m-am:checked ~ * .c-tp-om::after { content:"AM"; opacity:1; }
#bride-tob-m-pm:checked ~ * label[for="bride-tob-m-pm"] { background:var(--gold-solid); border-color:var(--gold-solid); color:var(--gold-solid-text); }
#bride-tob-m-pm:focus-visible ~ * label[for="bride-tob-m-pm"] { outline:2px solid var(--gold); outline-offset:2px; }
#bride-tob-m-pm:checked ~ * .c-tp-om::after { content:"PM"; opacity:1; }
  /* The clock's face is spans the component's :checked rules write into, so
     it cannot simply be replaced with a word — it is covered instead, and the
     hint drawn in its place. */
  .b-clock .c-pf-t[data-empty] .c-pf-face { display:none; }
  .b-clock .c-pf-t[data-empty]::before { content:'Choose a time'; flex:1;
           min-width:0; font-size:var(--text-md); color:var(--ph); }

  /* ── the clock in two turns ──
     One dial carrying twelve hours on the outside and twelve five-minute
     marks inside it is two questions asked at once, and the inner ring is
     the smaller target of the two. So it asks one at a time: hours, and the
     moment one is chosen the same dial turns over to minutes. The readout
     above is the way back — tap the hour to change the hour, the minutes to
     return to them, which is the pattern every phone clock uses.

     Nothing is removed, only hidden: all sixty minute radios and all twelve
     hour radios are still in the group, so a keyboard arrows through the
     whole range whichever face is showing. */
  .b-clock[data-step="hour"] .c-ck-m,
  .b-clock[data-step="hour"] .c-ck-fr { display:none; }
  .b-clock[data-step="min"] .c-ck-h { display:none; }
  /* THE MINUTES MOVE OUT TO THE RING THE HOURS LEFT. They are drawn at
     radius 88 because they used to share the face with the hours at 134 —
     one face at a time, that leaves the numbers huddled in the middle of a
     320px circle with a wide dead band round them. `--r` is set inline per
     label, so this has to shout; the component's own responsive rules
     override it the same way. */
  /* A SMALLER FACE. 320px was sized for two rings — hours outside, minutes
     inside. Showing one at a time leaves a lot of circle around a dozen
     numbers, so the whole dial comes in: the ring keeps the same margin from
     the edge it always had (chip half-width plus four), and the marks stay
     55px apart, which is well clear of a fingertip. `--r` is inline per
     label and the component's own small-screen rules shout, so these do too. */
  .b-clock .c-ck-face { width:264px; height:264px; }
  .b-clock .c-ck-h { --r:106px !important; }
  .b-clock[data-step="min"] .c-ck-m { --r:106px !important; }
  .b-clock .c-ck-face { --hand-r:106px; }
  /* A HAND, because the marks are every fifth minute and the answer is any
     of sixty. Pick 13 and the nearest label lights up — 10 — which says the
     wrong number unless something points at where 13 actually is. */
  .b-clock .c-ck-face::before { content:''; position:absolute; left:50%;
           top:50%; width:2px; margin-left:-1px;
           background:var(--gold-solid); border-radius:2px; opacity:.85;
           transform-origin:50% 0;
           transform:rotate(calc(var(--hand,0deg) + 180deg));
           height:var(--hand-r,106px);
           pointer-events:none; }
  .b-clock:not([data-hand]) .c-ck-face::before { display:none; }

  .b-clock .c-ck-face { transition:transform .2s ease, opacity .2s ease; }
  .b-clock[data-turn] .c-ck-face { transform:translateX(-18px); opacity:0; }
  @media (prefers-reduced-motion:reduce) {
    .b-clock .c-ck-face { transition:none; }
    .b-clock[data-turn] .c-ck-face { transform:none; opacity:1; }
  }
  /* The readout is the tab bar, so it has to look like one. */
  .b-clock .c-tp-out .c-tp-oh, .b-clock .c-tp-out .c-tp-ot { cursor:pointer;
           border-radius:8px; padding:0 4px; }
  .b-clock .c-tp-out .c-tp-oh:focus-visible,
  .b-clock .c-tp-out .c-tp-ot:focus-visible { outline:2px solid var(--gold);
           outline-offset:2px; }
  .b-clock[data-step="hour"] .c-tp-out .c-tp-ot,
  .b-clock[data-step="min"] .c-tp-out .c-tp-oh { opacity:.45; }

  /* The wrapper t() puts round each Hindi string: no box, the parent's type. */
  :root .l-hi { display:contents; font:inherit; color:inherit; }
  /* The same Hindi rules as the signed-in pages (CSS above): matras need the
     taller line; under 15px goes up by 2, never past 15; no tracking, caps
     or slant, which pull a conjunct apart. */
  :root[lang^="hi"] body { line-height:1.6; }
  :root[lang^="hi"] .l-hi {
    font-size:max(1em, min(calc(1em + 2px), 15px));
    letter-spacing:0; text-transform:none; font-style:normal; }
  :root[lang^="hi"] .l-hi .l-hi { font-size:1em; }
  /* AND NOT MONO. The small labels are set in the mono face for English;
     Devanagari in it reads as a typewriter. On a Hindi page the mono face
     is the sans. */
  :root[lang^="hi"] { --font-mono:var(--font-sans); }
  /* AND A DEVANAGARI FACE IN THE SERIF. The serif stack names Latin faces
     only, so a Hindi heading fell through to whatever the system had: on a
     Mac that is Devanagari MT, which sets पें apart from the next letter
     ("पें टाकल्स", /hi/tarot/ card names). The Latin in a heading keeps the
     serif; the Devanagari gets the face the body text already uses. */
  :root[lang^="hi"] { --font-serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,
    "Kohinoor Devanagari","Nirmala UI","Noto Serif Devanagari","Noto Sans Devanagari",serif; }
  /* THE SHARED PARTS THAT CARRY HINDI WITHOUT t(): the header and drawer
     (common.chrome writes them in Hindi), the pickers, the report cards,
     the astrologer rate, the notes and the footer. The .l-hi rule above
     never reached them, so a /hi/ page had 9.5-13.5px Devanagari and tracked
     capitals in its menu (review, 28 Sep 2026: measured against the English
     twin, class by class). Each is its English size +2, never past 15. */
  :root[lang^="hi"] .c-nav-i, :root[lang^="hi"] .c-nav-px b,
  :root[lang^="hi"] .c-dd-i, :root[lang^="hi"] .c-pf-done, :root[lang^="hi"] .c-unknown,
  :root[lang^="hi"] .c-btn .c-as-rate, :root[lang^="hi"] .rv-btn,
  :root[lang^="hi"] .c-nav-mi, :root[lang^="hi"] .c-nav-mm,
  :root[lang^="hi"] .rv-c-d { font-size:15px; }
  :root[lang^="hi"] .c-nav-px i, :root[lang^="hi"] .c-note,
  :root[lang^="hi"] .c-as-rate { font-size:14.5px; }
  :root[lang^="hi"] .rv-c-m, :root[lang^="hi"] .p-hb-k,
  :root[lang^="hi"] .p-hb-k > * { font-size:14px; }
  :root[lang^="hi"] .c-drawer-h > *, :root[lang^="hi"] .c-drawer-h, :root[lang^="hi"] .c-dp-wd,
  :root[lang^="hi"] .c-nav-mh, :root[lang^="hi"] .c-field label {
    letter-spacing:0; text-transform:none; font-family:var(--font-sans); }
  :root[lang^="hi"] .c-drawer-h, :root[lang^="hi"] .c-drawer-h > * { font-size:13px; }
  :root[lang^="hi"] .c-dp-wd { font-size:11px; }
  :root[lang^="hi"] .c-nav-mh { font-size:11.5px; }