/* Venue draft, "five documents", block 05 "Know what to offer next": the venue's year (2 October 2026, first version for
   the owner's eye). The last of the five, built as one spread: Superstrate's ledger of opportunities runs the full height
   on the left, and on the right our copy heads Hollowfield's own year planner, so "Know what to offer next" stands over the
   year it is about, in the green pocket the two documents make (which also keeps the top-right corner clear for the Menu
   pill). Choosing a finding on the left marks its dates on the right: cause, then effect.
   Layout at 1524x718 (the content box between the --vd-pad gutters is about 1375px):
     29px padding above (4svh) and 36px below (5svh); the spread 653px tall (the viewport less that padding, held to
       600..800px), so the question card's last answer ends 61px above the bottom edge;
     the ledger, 30% (about 412px), full height: the record line, three requests, two trends (one open, with its drawer
       of quotes), and the question card pinned to its foot;
     a 40px gap (2.6vw);
     the right column, about 923px: 05, the title on one line, the paragraph at 60ch on five lines (about 250px), a 24px
       gap, then the planner (about 379px): its header (Hollowfield's mark, name and the year's span; on the right the
       quiet nod's place and the block's one stamp), then the twelve months six by two, each about 135 x 137px, with day
       cells about 19 x 17px, 11px numerals and 15px marks.
   Kept clear: the top-right 90px (only green there) and the bottom 60px corners (the ledger's rounded foot and the
   planner's last row are not controls; the question card's last answer ends above them).
   Below 1100px the copy goes on top and the ledger and the planner sit side by side (900px and up) or stack, planner
   first (below 900px). Phones: one column, the planner as three columns of dotted months (no numerals: the drawer names
   the dates), body 16px, UI text 14px, 44px targets.
   The marks are CSS: the planner's data-lit names what is marked; day cells carry their findings (data-f), months their
   answer band (data-q). A mark's size (--dc5-dot) is measured by world/venue-docs-5.js so it is a true circle in any
   cell; --d staggers a lighting along the year. The page's article typography is zero-specificity (:where), so every
   rule here sets what it needs (p margins and max-width, i hover, b weight). Starting states for the entrance are
   inline styles set by the module only when it plays; nothing here hides content. */
.venue-page .vd-doc5{
 --dc5-pad:clamp(26px,4svh,52px);       /* above */
 --dc5-pad-end:clamp(34px,5svh,60px);   /* below: the last answer clears the bottom 60px corners */
 display:grid;align-content:center;padding-block:var(--dc5-pad) var(--dc5-pad-end);
}
.venue-page .vd-doc5 p{max-width:none}

/* ------------------------------------------------------------------ the spread */
.venue-page .vd-doc5 .dc5-spread{
 display:grid;
 grid-template-columns:minmax(380px,min(30%,470px)) minmax(0,1fr);
 grid-template-rows:auto minmax(0,1fr);
 grid-template-areas:"ledger copy" "ledger plan";
 column-gap:clamp(28px,2.6vw,48px);row-gap:clamp(18px,3.4svh,32px);
 min-height:clamp(600px,calc(100svh - var(--dc5-pad) - var(--dc5-pad-end)),800px);
}
.venue-page .vd-doc5 .dc5-copy{grid-area:copy;min-width:0}
.venue-page .vd-doc5 .dc5-copy .dc-copy{max-width:60ch}

/* ------------------------------------------------------------------ the ledger (Superstrate's, sans) */
.venue-page .vd-doc5 .dc5-ledger{grid-area:ledger;display:flex;flex-direction:column;min-width:0;min-height:0;padding:16px}
.venue-page .vd-doc5 .dc5-ledger .dc-record{margin-bottom:10px}
.venue-page .vd-doc5 .dc5-ledger .dc-record i{background:none;color:inherit}
.venue-page .vd-doc5 .dc5-sec{margin:0 0 5px;padding-left:8px}
.venue-page .vd-doc5 .dc5-list{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.venue-page .vd-doc5 .dc5-list + .dc5-sec{margin-top:12px}
.venue-page .vd-doc5 .dc5-list:last-of-type{margin-bottom:14px}
.venue-page .vd-doc5 .dc5-item{margin:0;padding:0;border-radius:10px;transition:background-color .3s var(--dc-ease)}
.venue-page .vd-doc5 .dc5-item.is-open{background:var(--dc-paper-2)}

/* A finding: a real button (a disclosure). Its marker says where it stands: hollow until looked at, gold while its dates
   are marked on the planner (the same gold disc as the marks), an ink tick once seen. */
.venue-page .vd-doc5 .dc5-f{
 display:grid;grid-template-columns:14px minmax(0,1fr) 16px;align-items:center;column-gap:10px;
 width:100%;margin:0;padding:6px 10px 6px 8px;border:0;border-radius:10px;background:transparent;
 font:inherit;text-align:left;color:var(--dc-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;
 transition:background-color .2s;
}
.venue-page .vd-doc5 .dc5-item:not(.is-open) .dc5-f:hover{background:rgba(30,41,34,.045)}
.venue-page .vd-doc5 .dc5-f:focus-visible{outline:2px solid var(--dc-ink);outline-offset:-2px}
.venue-page .vd-doc5 .dc5-f-text{display:grid;gap:1px;min-width:0}
.venue-page .vd-doc5 .dc5-f-name{font-size:15px;line-height:1.3;font-weight:600;letter-spacing:-.005em}
.venue-page .vd-doc5 .dc5-f-why{font-size:13px;line-height:1.3;font-weight:500;color:var(--dc-ink-3)}
.venue-page .vd-doc5 .dc5-trend{display:inline-flex;align-items:center;gap:5px;font-weight:600}
.venue-page .vd-doc5 .dc5-trend svg{display:block;flex:none;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.venue-page .vd-doc5 .dc5-trend--up{color:var(--dc-ok)}
.venue-page .vd-doc5 .dc5-trend--down{color:var(--dc-miss)}
.venue-page .vd-doc5 .dc5-chev{display:block;width:16px;height:16px;fill:none;stroke:var(--dc-ink-3);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s var(--dc-ease)}
.venue-page .vd-doc5 .dc5-item.is-open .dc5-chev{transform:rotate(180deg)}

.venue-page .vd-doc5 .dc5-mark{position:relative;display:block;width:14px;height:14px;box-sizing:border-box;border-radius:50%;border:1.25px solid var(--dc-ink-3);background:var(--dc-paper);transition:border-color .25s}
.venue-page .vd-doc5 .dc5-mark::before{content:"";position:absolute;inset:-1.25px;border-radius:50%;background:var(--dc-gold);box-shadow:inset 0 0 0 1.25px var(--dc-ink);transform:scale(0);transition:transform .4s var(--dc-ease)}
.venue-page .vd-doc5 .dc5-mark::after{content:"";position:absolute;left:3.6px;top:1.5px;width:3px;height:6px;border:solid var(--dc-ink);border-width:0 1.5px 1.5px 0;rotate:45deg;opacity:0;transition:opacity .2s}
.venue-page .vd-doc5 .dc5-item.is-seen .dc5-mark{border-color:var(--dc-ink)}
.venue-page .vd-doc5 .dc5-item.is-seen:not(.is-active) .dc5-mark::after{opacity:1}
.venue-page .vd-doc5 .dc5-item.is-active .dc5-mark::before{transform:scale(1)}

/* The drawer: two short quotes in people's own words (labelled once), hung from the marker on a hairline. Each quote
   fits one line in the ledger at 1524px, which is what keeps the block inside one screen there. */
.venue-page .vd-doc5 .dc5-drawer{overflow:hidden}
.venue-page .vd-doc5 .dc5-drawer-in{position:relative;padding:0 12px 10px 32px}
.venue-page .vd-doc5 .dc5-drawer-in::before{content:"";position:absolute;left:14.4px;top:0;bottom:14px;width:1.25px;background:var(--dc-line-2)}
.venue-page .vd-doc5 .dc5-said{margin:0 0 2px;font-size:12px;line-height:1.3;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dc-ink-3)}
.venue-page .vd-doc5 .dc5-q{margin:0;font-size:14px;line-height:1.42;font-weight:500;color:var(--dc-ink);text-wrap:pretty}
.venue-page .vd-doc5 .dc5-q + .dc5-q{margin-top:3px}
/* Which dates, in words: read out with the drawer at every size, shown where the planner is not beside the ledger. */
.venue-page .vd-doc5 .dc5-where{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* The venue's own question: its kind, the question, and the answers as relative bars (no counts). Each answer is a
   toggle that marks, on the planner, the months those people hope to book in. Pinned to the ledger's foot. */
.venue-page .vd-doc5 .dc5-ask{margin-top:auto;padding:10px 10px 8px;border-radius:12px;border:1px solid var(--dc-line)}
.venue-page .vd-doc5 .dc5-ask-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 4px;padding-left:4px}
.venue-page .vd-doc5 .dc5-ask-head .dc-pill{min-height:22px;padding:1px 8px}
.venue-page .vd-doc5 .dc5-ask-q{margin:0 0 6px;padding-left:4px;font-size:15px;line-height:1.3;font-weight:600;letter-spacing:-.005em;color:var(--dc-ink)}
.venue-page .vd-doc5 .dc5-bars{display:grid;gap:1px}
.venue-page .vd-doc5 .dc5-bar{
 display:grid;grid-template-columns:10px 112px minmax(0,1fr);align-items:center;column-gap:9px;
 width:100%;min-height:26px;margin:0;padding:3px 8px 3px 6px;border:0;border-radius:7px;background:transparent;
 font:inherit;font-size:13px;line-height:1.2;font-weight:500;text-align:left;color:var(--dc-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;
 transition:background-color .2s;
}
.venue-page .vd-doc5 .dc5-bar:hover{background:rgba(30,41,34,.05)}
.venue-page .vd-doc5 .dc5-bar:focus-visible{outline:2px solid var(--dc-ink);outline-offset:-2px}
.venue-page .vd-doc5 .dc5-radio{position:relative;display:block;width:10px;height:10px;box-sizing:border-box;border-radius:50%;border:1.25px solid var(--dc-ink-3)}
.venue-page .vd-doc5 .dc5-radio::before{content:"";position:absolute;inset:-1.25px;border-radius:50%;background:var(--dc-gold);box-shadow:inset 0 0 0 1.25px var(--dc-ink);transform:scale(0);transition:transform .35s var(--dc-ease)}
.venue-page .vd-doc5 .dc5-bar-track{display:block;min-width:0}
.venue-page .vd-doc5 .dc5-bar-fill{display:block;width:var(--w,50%);height:8px;border-radius:2px;background:var(--dc-ink-3);transition:background-color .25s,box-shadow .25s}
.venue-page .vd-doc5 .dc5-bar[aria-pressed="true"]{background:var(--dc-paper-2)}
.venue-page .vd-doc5 .dc5-bar[aria-pressed="true"] .dc5-bar-label{font-weight:700}
.venue-page .vd-doc5 .dc5-bar[aria-pressed="true"] .dc5-radio{border-color:var(--dc-ink)}
.venue-page .vd-doc5 .dc5-bar[aria-pressed="true"] .dc5-radio::before{transform:scale(1)}
.venue-page .vd-doc5 .dc5-bar[aria-pressed="true"] .dc5-bar-fill{background:var(--dc-gold);box-shadow:inset 0 0 0 1.25px var(--dc-ink)}

/* ------------------------------------------------------------------ the year planner (the venue's, serif) */
.venue-page .vd-doc5 .dc5-plan{
 --dc5-dot:14px;
 grid-area:plan;position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;box-sizing:border-box;
 margin:0;padding:14px 18px 16px;border-radius:14px;background:var(--dc-paper);color:var(--dc-ink);
 box-shadow:var(--dc-shadow),inset 0 0 0 1px rgba(30,41,34,.05);
}
.venue-page .vd-doc5 .dc5-head{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;
 margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--dc-line)}
.venue-page .vd-doc5 .dc5-brand{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:11px;align-items:center;min-width:0}
.venue-page .vd-doc5 .dc5-logo{grid-row:1 / 3;display:block;width:30px;height:30px;color:var(--dc-ink)}
.venue-page .vd-doc5 .dc5-name{margin:0;font-size:13px;line-height:1.25;letter-spacing:.3em;text-transform:uppercase;color:var(--dc-ink)}
.venue-page .vd-doc5 .dc5-sub{margin:1px 0 0;font-size:13px;line-height:1.3;font-style:italic;color:var(--dc-ink-2)}
.venue-page .vd-doc5 .dc5-tools{display:flex;align-items:center;gap:14px;margin-left:auto}
/* The block's one stamp, on two lines (label, then the words) so it fits beside the nod. */
.venue-page .vd-doc5 .dc5-stamp{margin:0;align-items:flex-start;padding:4px 9px 4px 8px;line-height:1.2}
.venue-page .vd-doc5 .dc5-stamp::before{flex:none;margin-top:4px}
.venue-page .vd-doc5 .dc5-stamp > span{display:grid}
.venue-page .vd-doc5 .dc5-stamp b{font-weight:700}
.venue-page .vd-doc5 .dc5-sep{display:none}

/* The months: six by two, each a small Monday-first grid; the weekend columns are shaded like a printed planner. */
.venue-page .vd-doc5 .dc5-months{flex:1;min-height:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:12px}
.venue-page .vd-doc5 .dc5-m{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-width:0;min-height:0}
.venue-page .vd-doc5 .dc5-mn{margin:0 0 4px;font-family:var(--dc-serif);font-size:clamp(14px,1vw,17px);line-height:1.2;white-space:nowrap;color:var(--dc-ink)}
.venue-page .vd-doc5 .dc5-mname{padding:0 1px;background:linear-gradient(var(--dc-gold),var(--dc-gold)) no-repeat 0 90% / 0 .46em;transition:background-size .3s var(--dc-ease)}
.venue-page .vd-doc5 .dc5-yr{font-family:var(--dc-serif-text);font-size:.72em;letter-spacing:.02em;color:var(--dc-ink-3)}
.venue-page .vd-doc5 :is(.dc5-wk,.dc5-days){display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:linear-gradient(90deg,transparent calc(500% / 7),rgba(30,41,34,.055) 0)}
.venue-page .vd-doc5 .dc5-wk{margin:0;border-radius:3px 3px 0 0;font-family:var(--dc-serif-text);font-size:clamp(9.5px,.66vw,11px);line-height:1.5;letter-spacing:.04em;text-align:center;color:var(--dc-ink-3)}
.venue-page .vd-doc5 .dc5-days{grid-template-rows:repeat(6,minmax(0,1fr));min-height:0;border-radius:0 0 3px 3px;
 font-family:var(--dc-serif-text);font-size:clamp(10px,.72vw,12.5px);line-height:1;font-variant-numeric:lining-nums tabular-nums;color:var(--dc-ink-2)}
.venue-page .vd-doc5 .dc5-days > span{position:relative;z-index:0;display:grid;place-items:center;min-width:0;min-height:0;transition:color .3s}
.venue-page .vd-doc5 .dc5-days > span:first-child{grid-column-start:var(--o,1)}

/* A mark: a gold disc with a crisp ink ring behind the numeral (never a glow). An overnight stay is one capsule from the
   Saturday into the Sunday after it (the Sunday's own numeral sits on it). */
.venue-page .vd-doc5 .dc5-days > span::before{
 content:"";position:absolute;z-index:-1;left:50%;top:50%;width:var(--dc5-dot);height:var(--dc5-dot);
 margin:calc(var(--dc5-dot) / -2) 0 0 calc(var(--dc5-dot) / -2);border-radius:999px;
 background:var(--dc-gold);box-shadow:0 0 0 1px var(--dc-ink);transform:scale(0);transition:transform .25s var(--dc-ease);
}
.venue-page .vd-doc5 .dc5-days > [data-f~="stay"]::before{width:calc(100% + var(--dc5-dot));margin-left:0;left:calc(50% - var(--dc5-dot) / 2);transform:scaleX(0);transform-origin:calc(var(--dc5-dot) / 2) 50%}
.venue-page .vd-doc5 :is(.dc5-plan[data-lit="elope"] [data-f~="elope"],.dc5-plan[data-lit="stay"] :is([data-f~="stay"],[data-f~="stay-end"]),.dc5-plan[data-lit="friday"] [data-f~="friday"],.dc5-plan[data-lit="xmas"] [data-f~="xmas"],.dc5-plan[data-lit="lunch"] [data-f~="lunch"]){color:var(--dc-ink)}
.venue-page .vd-doc5 :is(.dc5-plan[data-lit="elope"] [data-f~="elope"],.dc5-plan[data-lit="stay"] [data-f~="stay"],.dc5-plan[data-lit="friday"] [data-f~="friday"],.dc5-plan[data-lit="xmas"] [data-f~="xmas"],.dc5-plan[data-lit="lunch"] [data-f~="lunch"])::before{
 transform:none;transition:transform .55s var(--dc-ease) var(--d,0s);
}
/* The answer bands: the gold marker drawn under the names of the months those people hope to book in; "Over a year" is
   past the planner's last month, so it marks the year's end in the header, and an arrow points on. */
.venue-page .vd-doc5 .dc5-end{background:linear-gradient(var(--dc-gold),var(--dc-gold)) no-repeat 0 90% / 0 .46em;transition:background-size .3s var(--dc-ease)}
.venue-page .vd-doc5 .dc5-end::after{content:"\2192";display:inline-block;margin-left:.35em;font-style:normal;opacity:0;transform:translateX(-4px);transition:opacity .25s,transform .4s var(--dc-ease)}
.venue-page .vd-doc5 :is(.dc5-plan[data-lit="a-soon"] [data-q="soon"],.dc5-plan[data-lit="a-mid"] [data-q="mid"],.dc5-plan[data-lit="a-late"] [data-q="late"]) .dc5-mname,
.venue-page .vd-doc5 .dc5-plan[data-lit="a-later"] .dc5-end{background-size:100% .46em;transition:background-size .5s var(--dc-ease) var(--d,0s)}
.venue-page .vd-doc5 .dc5-plan[data-lit="a-later"] .dc5-end::after{opacity:1;transform:none;transition-delay:.25s}

/* The quiet nod: once every finding has been looked at, the header's rule draws in gold and a tick says so. */
.venue-page .vd-doc5 .dc5-nod{display:inline-flex;align-items:center;gap:7px;margin:0;font-size:12.5px;line-height:1.2;font-weight:600;white-space:nowrap;color:var(--dc-ok);
 opacity:0;visibility:hidden;transform:translateY(3px);transition:opacity .35s var(--dc-ease),transform .5s var(--dc-ease),visibility 0s linear .5s}
.venue-page .vd-doc5 .dc5-nod svg{display:block;flex:none;width:17px;height:17px;overflow:visible}
.venue-page .vd-doc5 .dc5-nod circle{fill:var(--dc-gold);stroke:var(--dc-ink);stroke-width:1.25}
.venue-page .vd-doc5 .dc5-nod path{fill:none;stroke:var(--dc-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:12;stroke-dashoffset:12;transition:stroke-dashoffset .45s var(--dc-ease) .3s}
.venue-page .vd-doc5 .dc5-plan.is-reviewed .dc5-nod{opacity:1;visibility:visible;transform:none;transition-delay:.35s,.35s,0s}
.venue-page .vd-doc5 .dc5-plan.is-reviewed .dc5-nod path{stroke-dashoffset:0;transition-delay:.65s}
.venue-page .vd-doc5 .dc5-head::after{content:"";position:absolute;left:0;right:0;bottom:-1.5px;height:2px;border-radius:2px;background:var(--dc-gold);box-shadow:0 1px 0 rgba(30,41,34,.3);transform:scaleX(0);transform-origin:0 50%;transition:transform .9s var(--dc-ease)}
.venue-page .vd-doc5 .dc5-plan.is-reviewed .dc5-head::after{transform:none}

/* Pause (and any time motion is off): the module sets data-dc5-still and nothing in the block moves. The kit's reduced
   motion rule reaches elements only, so the marks' pseudo-elements are covered here too. */
.venue-page .vd-doc5[data-dc5-still] *,.venue-page .vd-doc5[data-dc5-still] *::before,.venue-page .vd-doc5[data-dc5-still] *::after{transition:none!important;animation:none!important}
@media (prefers-reduced-motion:reduce){.venue-page .vd-doc5 *::before,.venue-page .vd-doc5 *::after{transition:none!important}}

/* Narrow desktops (1101 to 1279px): a slimmer ledger and closer months so the day cells keep their width. */
@media (min-width:1101px) and (max-width:1279px){
 .venue-page .vd-doc5 .dc5-spread{grid-template-columns:minmax(340px,30%) minmax(0,1fr)}
 .venue-page .vd-doc5 .dc5-months{column-gap:11px}
 .venue-page .vd-doc5 .dc5-plan{padding-inline:14px}
}

/* ------------------------------------------------------------------ below 1100px: the copy on top */
@media (max-width:1100px){
 .venue-page .vd-doc5{padding-block:48px}
 .venue-page .vd-doc5 .dc5-spread{min-height:0;grid-template-columns:minmax(300px,40%) minmax(0,1fr);grid-template-rows:auto auto;grid-template-areas:"copy copy" "ledger plan";row-gap:28px}
 .venue-page .vd-doc5 .dc5-copy .dc-copy{max-width:56ch}
 .venue-page .vd-doc5 .dc5-ledger{align-self:start}
 /* Months three by four, square cells sized by width (the planner's height follows its content now). */
 .venue-page .vd-doc5 .dc5-plan{--dc5-dot:18px;align-self:start}
 .venue-page .vd-doc5 .dc5-months{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;row-gap:16px}
 .venue-page .vd-doc5 .dc5-days{aspect-ratio:7 / 6;font-size:12px}
 .venue-page .vd-doc5 .dc5-mn{font-size:15px}
 .venue-page .vd-doc5 .dc5-wk{font-size:10px}
 .venue-page .vd-doc5 .dc5-where{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;margin:7px 0 0;font-size:13px;line-height:1.35;font-weight:500;color:var(--dc-ink-3)}
}
/* Below 900px: one column, the planner first (four by three) and the ledger under it, full width. */
@media (max-width:899px){
 .venue-page .vd-doc5 .dc5-spread{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "plan" "ledger"}
 .venue-page .vd-doc5 .dc5-months{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:14px}
}

/* ------------------------------------------------------------------ phones */
@media (max-width:600px){
 .venue-page .vd-doc5 .dc5-spread{row-gap:24px}
 .venue-page .vd-doc5 .dc5-plan{--dc5-dot:8px;padding:14px 14px 16px}
 .venue-page .vd-doc5 .dc5-head{gap:10px}
 .venue-page .vd-doc5 :is(.dc5-name,.dc5-sub){font-size:14px}
 .venue-page .vd-doc5 .dc5-name{letter-spacing:.22em}
 .venue-page .vd-doc5 .dc5-tools{flex-wrap:wrap;margin-left:0;gap:8px 12px}
 .venue-page .vd-doc5 .dc5-stamp{font-size:12px}
 /* The nod takes no room here until it is earned (the header gains its line then). */
 .venue-page .vd-doc5 .dc5-nod{display:none;font-size:14px}
 .venue-page .vd-doc5 .dc5-plan.is-reviewed .dc5-nod{display:inline-flex}
 /* Dotted months: three columns, no numerals (too small to read at this size; the drawer names the dates). */
 .venue-page .vd-doc5 .dc5-months{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:12px;row-gap:14px}
 .venue-page .vd-doc5 .dc5-mn{margin-bottom:5px;font-size:14px}
 .venue-page .vd-doc5 .dc5-yr{display:none}
 .venue-page .vd-doc5 .dc5-wk{display:none}
 .venue-page .vd-doc5 .dc5-days{aspect-ratio:7 / 5.4;border-radius:3px;font-size:0;color:transparent}
 .venue-page .vd-doc5 .dc5-days > span::after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:rgba(30,41,34,.28)}
 .venue-page .vd-doc5 :is(.dc5-plan[data-lit="elope"] [data-f~="elope"],.dc5-plan[data-lit="stay"] :is([data-f~="stay"],[data-f~="stay-end"]),.dc5-plan[data-lit="friday"] [data-f~="friday"],.dc5-plan[data-lit="xmas"] [data-f~="xmas"],.dc5-plan[data-lit="lunch"] [data-f~="lunch"])::after{background:var(--dc-ink)}
 /* The ledger: 14px UI text, 16px quotes, every control at least 44px tall. */
 .venue-page .vd-doc5 .dc5-ledger .dc-record{font-size:14px}
 .venue-page .vd-doc5 .dc5-ledger :is(.dc-label,.dc-pill){font-size:14px}
 .venue-page .vd-doc5 .dc5-f{min-height:56px;padding:9px 10px 9px 8px}
 .venue-page .vd-doc5 .dc5-f-name{font-size:16px}
 .venue-page .vd-doc5 .dc5-f-why{font-size:14px}
 .venue-page .vd-doc5 .dc5-q{font-size:16px;line-height:1.45}
 .venue-page .vd-doc5 .dc5-q + .dc5-q{margin-top:6px}
 .venue-page .vd-doc5 .dc5-where{font-size:14px}
 .venue-page .vd-doc5 .dc5-said{font-size:14px;letter-spacing:.04em}
 .venue-page .vd-doc5 .dc5-ask-q{font-size:16px}
 .venue-page .vd-doc5 .dc5-bar{min-height:44px;grid-template-columns:12px 124px minmax(0,1fr);font-size:14px}
 .venue-page .vd-doc5 .dc5-radio{width:12px;height:12px}
}