/* Blossom calendar (core/date/011) — INV-12 Burgundy Blossom · Premium W2 (A1498; D-062; plan rev3 A3,
   docs/plans/plan_inv12_burgundy_blossom_rev3.md). A section of the one long card (.k-card, skin.css): "Save the date",
   the month in script, the gold swash, the month grid with the main day printed in cream on a pressed blossom (the
   skin's head art, tinted with the couple's colour), the date in words, the time and Add to calendar. cqw resolves
   against the card; no media queries. The bloom's fade is scrubbed with the scroll (section.js); without JS it shows. */
.dt011 { color: var(--k-ink); text-align: center; }
.dt011 .dt011__in { padding: calc(var(--k-cw) * .16) calc(var(--k-cw) * .09) calc(var(--k-cw) * .12); }
.dt011 .dt011__kicker { margin: 0 0 clamp(6px, 2cqw, 12px); }
.dt011 .dt011__title { margin: 0; font: 400 clamp(30px, 9cqw, 44px)/1.15 var(--k-font-script); color: var(--k-wine); }
.dt011 .dt011-rule { display: block; width: clamp(90px, 30cqw, 170px); height: auto; margin: clamp(6px, 2cqw, 12px) auto clamp(16px, 5cqw, 28px);
  color: var(--k-gold); overflow: visible; }

/* the month: Monday first (format.js monthGrid) */
.dt011 .dt011__page { max-width: 30em; margin: 0 auto; font-size: clamp(14px, 4.2cqw, 19px); }
.dt011 .dt011__wd, .dt011 .dt011__grid { display: grid; grid-template-columns: repeat(7, 1fr); margin: 0; padding: 0; list-style: none; }
.dt011 .dt011__wd li { padding-bottom: .6em; font: 400 clamp(9px, 2.6cqw, 12px)/1 var(--k-font-caps); letter-spacing: .12em; color: var(--k-ink-soft); }
.dt011 .dt011__grid { position: relative; z-index: 0; row-gap: .25em; }
.dt011 .dt011__d { position: relative; display: grid; place-items: center; min-height: 2.5em;
  font: 600 1em/1 var(--k-font-display); font-variant-numeric: lining-nums tabular-nums; color: var(--k-ink); }
.dt011 .dt011__d--blank .dt011__n { visibility: hidden; }
.dt011 .dt011__d--ev::after { content: ""; position: absolute; left: 50%; bottom: .3em; width: 3px; height: 3px; margin-left: -1.5px;
  border-radius: 50%; background: var(--k-gold); }
.dt011 .dt011__d--main::after { content: none; }
/* the pressed blossom sits under every number (z -1 inside the grid's stacking context) */
.dt011 .dt011__bloom { left: 50%; top: 50%; width: 2.6em; translate: -50% -50%; z-index: -1; }
/* rev3 A2: the day sits on the blossom's yellow stamens, so the cream numeral carries a halo in the couple's derived ink */
.dt011 .dt011__d--main .dt011__n { position: relative; color: #F4E6DA;
  text-shadow: 0 0 2px var(--k-wine, #5E1220), 0 0 6px var(--k-wine, #5E1220), 0 1px 2px rgb(40 0 10 / .35); }

/* under the month */
.dt011 .dt011__long { margin: clamp(18px, 5.6cqw, 30px) 0 0; font: 400 clamp(10px, 3.05cqw, 14.5px)/1.6 var(--k-font-caps);
  letter-spacing: .12em; text-transform: uppercase; color: var(--k-wine); }
.dt011 .dt011__time { max-inline-size: 15em; margin: .2em auto 0; text-wrap: balance; font: 400 clamp(9.5px, 2.75cqw, 13px)/1.6 var(--k-font-caps);
  letter-spacing: .12em; text-transform: uppercase; color: var(--k-ink); }
.dt011 .dt011__cal { margin-top: clamp(16px, 5cqw, 26px); }
.dt011 .kjy-cal { display: inline-block; width: min(100%, 260px); }
.dt011 .kjy-cal__toggle { width: 100%; list-style: none; }
.dt011 .kjy-cal__toggle::-webkit-details-marker { display: none; }
.dt011 .kjy-cal__toggle::after { content: ""; width: 6px; height: 6px; margin-left: .7em;
  border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: translateY(-2px) rotate(45deg); }
.dt011 .kjy-cal[open] .kjy-cal__toggle::after { transform: translateY(2px) rotate(225deg); }
.dt011 .kjy-cal__menu { margin-top: 8px; padding: 4px 0; background: var(--k-paper); border: 1px solid var(--k-wine); }
.dt011 .kjy-cal__opt { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 16px;
  font: 400 clamp(10px, 2.9cqw, 13px)/1.2 var(--k-font-caps); letter-spacing: .14em; text-transform: uppercase; color: var(--k-wine); text-decoration: none; }
.dt011 .kjy-cal__opt + .kjy-cal__opt { border-top: 1px solid var(--k-line); }
.dt011 .dt011__key { display: flex; flex-wrap: wrap; justify-content: center; gap: .4em 1.4em; margin: clamp(14px, 4cqw, 22px) 0 0; padding: 0;
  list-style: none; font: 400 clamp(8.5px, 2.5cqw, 11.5px)/1.5 var(--k-font-caps); letter-spacing: .12em; text-transform: uppercase; color: var(--k-ink-soft); }
.dt011 .dt011__dot { display: inline-block; width: 3px; height: 3px; margin-right: .6em; border-radius: 50%; background: var(--k-gold); vertical-align: middle; }