/* Venue draft, "five documents", block 03 "Enquiries that arrive ready to answer": from "Hi, can we get pricing?" to a
   function sheet (2 October 2026, first version for the owner's eye).
   Layout at 1524x718 (the content box between the panel's --vd-pad gutters is about 1374px). The block is a flex
   column, its content centred between 43px (top) and 65px (bottom) of padding:
     the head, about 242px: 03 across the top; then two columns, 34% (about 467px) and 62.5% (about 858px), 3.5% apart:
       left, the title on two lines and, at the column's foot, the toggle (about 405 x 50);
       right, the pull line (33.5px, two lines) and the rest of the paragraph (19.8px, four lines);
     26px;
     the stage: one card, the full width, about 292px tall as the sheet (record line 52, the first ruled row of three
       columns 120, the second row 64, the protected strip 55). As the bare email it is 34% wide (the left column, so it
       sits under the toggle) and about 155px tall, at the stage's top left. The stage keeps the sheet's height at desktop
       (--dc3-stage-h, set by the module), so nothing above it moves when the box changes size.
     The block's one stamp straddles the card's bottom-right edge and rides that corner through the morph.
   Kept clear: the top-right 90px (the Menu pill: the pull line wraps short, the body starts below 90px) and the bottom
   60px corners (the card ends about 90px above the viewport's foot).
   The two views: without JavaScript the checked radio decides (:has); with it, data-dc3-view does (set by
   world/venue-docs-3.js), so the module can measure the box in the old view before the new one lays out. Nothing here
   hides content for an entrance: the entrance's starting states are inline GSAP styles, cleared when it ends.
   The page's article typography is zero-specificity (:where), so every rule here sets what it needs (p margins and
   max-width, i hover, figure margin).
   Contrast: ink-3 #56625a on the faded email #ebe7df 5.2:1, on paper-2 #ede5d3 5.1:1; ok #2c6a43 on paper-2 5.2:1;
   ink-2 #34413a on the toggle's track (about #bdc7b4) 6.1:1; paper on the ink notes 15.3:1. */
@font-face{font-family:"DM Sans";font-style:italic;font-weight:400;font-display:swap;src:url("../fonts/dm-sans-400-italic.ttf") format("truetype")}

.venue-page .vd-doc3{
 --dc3-l:34%;                              /* the head's left column, and the bare email's width at desktop */
 --dc3-gap:3.5%;
 --dc3-mail-w:var(--dc3-l);
 --dc3-pad-x:clamp(20px,1.8vw,32px);       /* the sheet's side padding */
 --dc3-cell-y:clamp(14px,2.5svh,28px);     /* the sheet's cells, top and bottom */
 --dc3-v:clamp(17px,1.25vw,22px);          /* the sheet's values (sans) */
 --dc3-k:clamp(15.5px,1.08vw,18px);        /* the sheet's own labels (Libre Caslon) */
 --dc3-faded:#ebe7df;                      /* the bare email's paper: greyer than the sheet's */
 display:flex;flex-direction:column;justify-content:center;
 padding-top:clamp(36px,6svh,64px);padding-bottom:clamp(64px,9svh,96px);
}

/* ------------------------------------------------------------------ the head: 03, the title and the toggle, the copy */
.venue-page .vd-doc3 .dc3-head{display:grid;grid-template-columns:minmax(0,var(--dc3-l)) minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:var(--dc3-gap);
 grid-template-areas:"num num" "title copy" "toggle copy";align-items:start}
.venue-page .vd-doc3 .dc3-num{grid-area:num}
.venue-page .vd-doc3 .dc3-title{grid-area:title}
.venue-page .vd-doc3 .dc3-copy{grid-area:copy;margin:0;max-width:none}
/* The paragraph's first sentence as a pull line (same words, same order: only the type changes). Two balanced lines
   everywhere (24em), so its first line ends well short of the Menu pill. */
.venue-page .vd-doc3 .dc3-pull{display:block;max-width:24em;margin:0 0 .5em;font-size:clamp(24px,2.2vw,40px);line-height:1.16;font-weight:500;letter-spacing:-.024em;color:var(--dc-ink);text-wrap:balance}

/* The toggle: a real radio group (fieldset, two radios), drawn as a segmented control. The thumb slides under the
   checked option and turns gold for "With Superstrate". Each option is a 50px pill; the radio covers its label. */
.venue-page .vd-doc3 .dc3-toggle{
 grid-area:toggle;align-self:end;justify-self:start;position:relative;isolation:isolate;display:inline-grid;grid-template-columns:1fr 1fr;
 box-sizing:border-box;max-width:100%;min-inline-size:0;margin:24px 0 0;padding:4px;border:0;border-radius:999px;
 background:rgba(246,241,230,.4);box-shadow:inset 0 0 0 1px rgba(30,41,34,.22);
}
.venue-page .vd-doc3 .dc3-opt{
 position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 clamp(14px,1.3vw,24px);border-radius:999px;
 font-size:clamp(15px,1.05vw,17px);line-height:1.2;font-weight:600;color:var(--dc-ink-2);white-space:nowrap;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;
 transition:color .3s;
}
.venue-page .vd-doc3 .dc3-opt svg{display:block;width:17px;height:17px;flex:none}
.venue-page .vd-doc3 .dc3-radio{position:absolute;inset:0;width:100%;height:100%;margin:0;border-radius:inherit;opacity:0;cursor:pointer;-webkit-appearance:none;appearance:none}
.venue-page .vd-doc3 .dc3-opt:hover,.venue-page .vd-doc3 .dc3-opt:has(.dc3-radio:checked){color:var(--dc-ink)}
.venue-page .vd-doc3 .dc3-opt:has(.dc3-radio:focus-visible){outline:2px solid var(--dc-ink);outline-offset:3px}
.venue-page .vd-doc3 .dc3-thumb{
 position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;pointer-events:none;
 background:var(--dc-paper);box-shadow:0 0 0 1px rgba(30,41,34,.2),0 2px 6px rgba(30,41,34,.14);
 transition:transform .55s var(--dc-ease),background-color .35s,box-shadow .35s;
}
.venue-page .vd-doc3 .dc3-toggle:has(.dc3-radio[value="after"]:checked) .dc3-thumb{transform:translateX(100%);background:var(--dc-gold);box-shadow:0 0 0 1px var(--dc-ink),0 2px 6px rgba(30,41,34,.16)}

/* ------------------------------------------------------------------ the stage and the card (one box, two views) */
.venue-page .vd-doc3 .dc3-stage{position:relative;margin-top:clamp(22px,3.6svh,44px)}
.venue-page .vd-doc3 .dc3-card{
 position:relative;box-sizing:border-box;width:100%;margin:0;border-radius:var(--dc-radius);border:1px solid rgba(30,41,34,.1);
 background:var(--dc-paper);box-shadow:var(--dc-shadow);color:var(--dc-ink);font-size:14.5px;line-height:1.45;
 transition:background-color .6s var(--dc-ease),box-shadow .6s var(--dc-ease);
}
.venue-page .vd-doc3 .dc3-inner{position:relative;border-radius:calc(var(--dc-radius) - 1px)}
.venue-page .vd-doc3.is-morphing .dc3-inner{height:100%;overflow:hidden}

/* After (the default): the sheet. Before: the bare email on greyer paper, a flatter shadow, the left column's width. */
.venue-page .vd-doc3 .dc3-mail{display:none}
.venue-page .vd-doc3[data-dc3-view="before"] .dc3-card,
.venue-page .vd-doc3:not([data-dc3-view]):has(.dc3-radio[value="before"]:checked) .dc3-card{
 width:var(--dc3-mail-w);background:var(--dc3-faded);box-shadow:0 8px 22px rgba(30,41,34,.12),0 1px 3px rgba(30,41,34,.08)}
.venue-page .vd-doc3[data-dc3-view="before"] .dc3-mail,
.venue-page .vd-doc3:not([data-dc3-view]):has(.dc3-radio[value="before"]:checked) .dc3-mail{display:block}
.venue-page .vd-doc3[data-dc3-view="before"] .dc3-sheet,
.venue-page .vd-doc3:not([data-dc3-view]):has(.dc3-radio[value="before"]:checked) .dc3-sheet{display:none}
/* During a morph (module only) both views render; the outgoing one leaves the flow, pinned at its own width (inline),
   so neither re-flows while the box changes size. These come after the view rules and match them in weight. */
.venue-page .vd-doc3.is-morphing .dc3-mail,.venue-page .vd-doc3.is-morphing .dc3-sheet{display:block}
.venue-page .vd-doc3.is-morphing[data-dc3-out="before"] .dc3-mail,
.venue-page .vd-doc3.is-morphing[data-dc3-out="after"] .dc3-sheet{position:absolute;left:0;top:0}

/* ------------------------------------------------------------------ the bare email */
.venue-page .vd-doc3 .dc3-mail{box-sizing:border-box;padding:18px 22px 34px;color:var(--dc-ink-2)}
.venue-page .vd-doc3 .dc3-mail p{max-width:none}
.venue-page .vd-doc3 .dc3-mail-from{display:flex;align-items:center;gap:9px;margin:0;font-size:13.5px;line-height:1.3;font-weight:500;color:var(--dc-ink-3)}
.venue-page .vd-doc3 .dc3-mail-from svg{display:block;width:16px;height:16px;flex:none}
.venue-page .vd-doc3 .dc3-mail-subject{margin:14px 0 0;padding-bottom:12px;border-bottom:1px solid var(--dc-line);font-size:18px;line-height:1.3;font-weight:600;color:var(--dc-ink-2)}
.venue-page .vd-doc3 .dc3-mail-body{margin:14px 0 0;font-size:17px;line-height:1.5;color:var(--dc-ink-2)}

/* ------------------------------------------------------------------ the sheet: record line, ruled cells, protected strip */
.venue-page .vd-doc3 .dc3-sheet{box-sizing:border-box}
.venue-page .vd-doc3 .dc3-rec{margin:0;max-width:none;padding:15px var(--dc3-pad-x) 13px;font-size:13px}
.venue-page .vd-doc3 .dc3-rec i{background:none}
/* Three ruled columns: what they wanted, what's holding them back, in their words; then the services across two and
   Open conversation. The rules are the cells' own borders (set per layout), so the paper stays one piece. */
.venue-page .vd-doc3 .dc3-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.venue-page .vd-doc3 .dc3-sec{--dc3-top:var(--dc3-cell-y);position:relative;min-width:0;padding:var(--dc3-cell-y) var(--dc3-pad-x) calc(var(--dc3-cell-y) + 2px)}
.venue-page .vd-doc3 :is(.dc3-sec--holding,.dc3-sec--words,.dc3-sec--open){border-left:1px solid var(--dc-line)}
.venue-page .vd-doc3 :is(.dc3-sec--services,.dc3-sec--open){border-top:1px solid var(--dc-line)}
.venue-page .vd-doc3 .dc3-sec--services{--dc3-top:16px;grid-column:span 2;padding-block:12px}
.venue-page .vd-doc3 .dc3-sec--services .dc3-in{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px}
.venue-page .vd-doc3 .dc3-sec--services .dc3-k{margin:0}
.venue-page .vd-doc3 .dc3-sec--open{--dc3-top:12px;display:flex;align-items:center;padding-block:12px}
.venue-page .vd-doc3 .dc3-sec--open .dc3-in{flex:1;min-width:0}

/* A section's own label (Libre Caslon: the sheet's voice) with its tick. It is a button: hover, focus or a press shows
   the section's note; a dotted underline says there is one. */
.venue-page .vd-doc3 .dc3-k{
 display:inline-flex;align-items:center;gap:10px;margin:0 0 10px;padding:0;border:0;border-radius:4px;background:none;
 font-family:var(--dc-serif-text);font-size:var(--dc3-k);font-weight:400;line-height:1.3;letter-spacing:.005em;color:var(--dc-ink-2);
 text-align:left;cursor:help;-webkit-tap-highlight-color:transparent;
}
.venue-page .vd-doc3 .dc3-k-t{text-decoration:underline dotted transparent;text-decoration-thickness:1px;text-underline-offset:.3em;transition:text-decoration-color .2s}
.venue-page .vd-doc3 .dc3-sec.is-open .dc3-k-t{text-decoration-color:var(--dc-ink-3)}
.venue-page .vd-doc3 .dc3-k:focus-visible{outline:2px solid var(--dc-ink);outline-offset:4px}
/* The tick: gold, ink rim, ink check (as block 02's answered pins). The check carries pathLength="1". */
.venue-page .vd-doc3 .dc3-tick{display:block;flex:none;width:18px;height:18px;overflow:visible}
.venue-page .vd-doc3 .dc3-tick-o{fill:var(--dc-gold);stroke:var(--dc-ink);stroke-width:1.25}
.venue-page .vd-doc3 .dc3-tick-v{fill:none;stroke:var(--dc-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}

/* A section's value (sans: Superstrate's summary). The quote is the person's own words, in italic. */
.venue-page .vd-doc3 .dc3-v{margin:0;max-width:none;font-size:var(--dc3-v);line-height:1.36;font-weight:500;letter-spacing:-.008em;color:var(--dc-ink);text-wrap:pretty}
.venue-page .vd-doc3 .dc3-quote{font-style:italic;font-weight:400}
/* The date and numbers inside their words: a gold marker, drawn when the note on "In their words" shows. */
.venue-page .vd-doc3 .dc3-quote .dc3-hl{
 padding:0 .04em;color:inherit;background:linear-gradient(var(--dc-gold),var(--dc-gold)) no-repeat 0 88% / var(--dc3-hl,0%) .46em;
 transition:background-size .7s var(--dc-ease);
}

/* Requested services: static chips (the kit's chip, never a control here). */
.venue-page .vd-doc3 .dc3-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.venue-page .vd-doc3 .dc3-tag{margin:0;font-size:14px;cursor:default}
.venue-page .vd-doc3 .dc3-tag:hover{border-color:var(--dc-line-2)}

/* Open conversation: inert (aria-disabled); it only shows its note. */
.venue-page .vd-doc3 .dc3-open{
 display:flex;align-items:center;gap:10px;box-sizing:border-box;width:100%;min-height:44px;margin:0;padding:0 14px;border:1px solid var(--dc-line-2);border-radius:10px;background:transparent;
 font:inherit;font-size:14.5px;font-weight:600;line-height:1.2;color:var(--dc-ink);text-align:left;cursor:help;-webkit-tap-highlight-color:transparent;
 transition:border-color .2s;
}
.venue-page .vd-doc3 .dc3-open svg{display:block;width:16px;height:16px;flex:none}
.venue-page .vd-doc3 .dc3-open-go{margin-left:auto;transition:transform .3s var(--dc-ease)}
.venue-page .vd-doc3 .dc3-open:focus-visible{outline:2px solid var(--dc-ink);outline-offset:3px}

/* The protected strip: the sheet's foot, on deeper paper. */
.venue-page .vd-doc3 .dc3-safe{display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;padding:13px var(--dc3-pad-x) 16px;border-top:1px solid var(--dc-line);
 background:var(--dc-paper-2);border-radius:0 0 calc(var(--dc-radius) - 1px) calc(var(--dc-radius) - 1px)}
.venue-page .vd-doc3 .dc3-safe p{margin:0;max-width:none}
.venue-page .vd-doc3 .dc3-safe-title{display:flex;align-items:center;gap:9px;font-size:14px;line-height:1.3;font-weight:600;color:var(--dc-ink)}
.venue-page .vd-doc3 .dc3-lock{display:block;width:17px;height:17px;flex:none;overflow:visible}
.venue-page .vd-doc3 .dc3-safe-field{display:flex;align-items:baseline;gap:9px}
.venue-page .vd-doc3 .dc3-safe-field .dc-label{font-size:12px}
.venue-page .vd-doc3 .dc3-mask{font-size:15px;line-height:1.3;font-weight:500;letter-spacing:.06em;color:var(--dc-ink-2)}
.venue-page .vd-doc3 .dc3-safe-pill{font-size:12.5px}

/* ------------------------------------------------------------------ the notes */
/* One line on why a section helps the reply. Ink on paper's opposite, above the section's label, its caret on the tick.
   Shown on hover (pointers that hover), on keyboard focus, or pinned by a press (.is-open, the module); .is-quiet
   (Escape) hides them until the pointer or focus comes back. */
.venue-page .vd-doc3 .dc3-why{
 position:absolute;z-index:5;left:calc(var(--dc3-pad-x) - 7px);top:calc(var(--dc3-top) - 8px);box-sizing:border-box;width:max-content;max-width:min(330px,calc(100% - var(--dc3-pad-x)));
 padding:8px 12px 9px;border-radius:8px;background:var(--dc-ink);color:var(--dc-paper);box-shadow:0 12px 26px rgba(30,41,34,.26);
 font-size:13.5px;line-height:1.38;font-weight:500;letter-spacing:0;text-align:left;white-space:normal;pointer-events:none;
 opacity:0;visibility:hidden;transform:translateY(calc(-100% + 5px));
 transition:opacity .18s,transform .26s var(--dc-ease),visibility 0s linear .26s;
}
.venue-page .vd-doc3 .dc3-why::after{content:"";position:absolute;left:10px;top:100%;width:0;height:0;border:6px solid transparent;border-top-color:var(--dc-ink)}
.venue-page .vd-doc3 .dc3-sec.is-open:not(.is-quiet) .dc3-why,
.venue-page .vd-doc3 .dc3-sec:not(.is-quiet):has(:focus-visible) .dc3-why{opacity:1;visibility:visible;transform:translateY(-100%);transition-delay:0s}
.venue-page .vd-doc3 .dc3-sec--words.is-open:not(.is-quiet) .dc3-hl,
.venue-page .vd-doc3 .dc3-sec--words:not(.is-quiet):has(:focus-visible) .dc3-hl{--dc3-hl:100%}
@media (hover:hover){
 .venue-page .vd-doc3 .dc3-sec:not(.is-quiet):hover .dc3-why{opacity:1;visibility:visible;transform:translateY(-100%);transition-delay:0s}
 .venue-page .vd-doc3 .dc3-sec--words:not(.is-quiet):hover .dc3-hl{--dc3-hl:100%}
 .venue-page .vd-doc3 .dc3-sec:hover .dc3-k-t{text-decoration-color:var(--dc-ink-3)}
 .venue-page .vd-doc3 .dc3-open:hover{border-color:var(--dc-ink-2)}
 .venue-page .vd-doc3 .dc3-open:hover .dc3-open-go{transform:translateX(2px)}
}

/* ------------------------------------------------------------------ the stamp */
/* The block's one stamp, on opaque paper, straddling the card's bottom-right edge: it rides that corner as the box
   changes size. The email's and the strip's bottom padding keep its upper half clear of their text. */
.venue-page .vd-doc3 .dc3-stamp{position:absolute;z-index:6;right:18px;bottom:0;margin:0;max-width:none;transform:translateY(50%);background:var(--dc-paper);white-space:nowrap}

/* Pause (and any time motion is off): the module sets data-dc3-still and nothing in the block moves. Reduced motion is
   covered by the kit's own rule. */
.venue-page .vd-doc3[data-dc3-still] *,.venue-page .vd-doc3[data-dc3-still] *::before,.venue-page .vd-doc3[data-dc3-still] *::after{transition:none!important;animation:none!important}

/* ------------------------------------------------------------------ desktop only */
@media (min-width:1101px){
 /* The stage keeps the sheet's height whichever view shows (the module measures it), so the centred copy never moves. */
 .venue-page .vd-doc3 .dc3-stage{min-height:var(--dc3-stage-h,0px)}
}
/* The narrow end of the desktop layout: the left column is under 400px, so the toggle drops its icons. */
@media (min-width:1101px) and (max-width:1250px){
 .venue-page .vd-doc3 .dc3-opt svg{display:none}
}

/* ------------------------------------------------------------------ tablets: one column, the sheet in two */
@media (max-width:1100px){
 .venue-page .vd-doc3{--dc3-mail-w:min(460px,100%);display:block;padding-block:48px}
 .venue-page .vd-doc3 .dc3-head{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"num" "title" "copy" "toggle"}
 .venue-page .vd-doc3 .dc3-copy{margin-top:20px;max-width:62ch}
 .venue-page .vd-doc3 .dc3-pull{max-width:20em}
 .venue-page .vd-doc3 .dc3-toggle{margin-top:28px}
 .venue-page .vd-doc3 .dc3-stage{margin-top:28px}
 .venue-page .vd-doc3 .dc3-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .venue-page .vd-doc3 .dc3-sec{border:0}
 .venue-page .vd-doc3 :is(.dc3-sec--holding,.dc3-sec--services){border-left:1px solid var(--dc-line)}
 .venue-page .vd-doc3 :is(.dc3-sec--words,.dc3-sec--services,.dc3-sec--open){border-top:1px solid var(--dc-line)}
 .venue-page .vd-doc3 .dc3-sec--services{--dc3-top:var(--dc3-cell-y);grid-column:auto;padding-block:var(--dc3-cell-y) calc(var(--dc3-cell-y) + 2px)}
 .venue-page .vd-doc3 .dc3-sec--services .dc3-in{display:block}
 .venue-page .vd-doc3 .dc3-sec--services .dc3-k{margin:0 0 12px}
 .venue-page .vd-doc3 .dc3-sec--open{grid-column:1 / -1}
}

/* ------------------------------------------------------------------ phones: everything stacks */
@media (max-width:600px){
 .venue-page .vd-doc3{--dc3-mail-w:100%;--dc3-pad-x:18px;--dc3-cell-y:16px;padding-block:40px}
 .venue-page .vd-doc3 .dc3-pull{max-width:none;font-size:24px;line-height:1.2}
 /* The toggle: full width, two equal halves, 48px tall; no icons (the labels need the room at 360px). */
 .venue-page .vd-doc3 .dc3-toggle{display:grid;width:100%;margin-top:24px}
 .venue-page .vd-doc3 .dc3-opt{min-height:48px;padding:0 8px;font-size:15px}
 .venue-page .vd-doc3 .dc3-opt svg{display:none}
 .venue-page .vd-doc3 .dc3-stage{margin-top:24px}
 .venue-page .vd-doc3 .dc3-mail{padding:16px 18px 40px}
 .venue-page .vd-doc3 .dc3-mail-from{font-size:14px}
 .venue-page .vd-doc3 .dc3-rec{padding:14px var(--dc3-pad-x) 12px;font-size:14px}
 .venue-page .vd-doc3 .dc3-rec .dc-pill{font-size:14px}
 .venue-page .vd-doc3 .dc3-grid{grid-template-columns:minmax(0,1fr)}
 .venue-page .vd-doc3 .dc3-sec{border:0}
 .venue-page .vd-doc3 .dc3-sec + .dc3-sec{border-top:1px solid var(--dc-line)}
 .venue-page .vd-doc3 .dc3-sec--open{grid-column:auto;padding-block:14px}
 /* The labels are 44px touch targets; the negative margin keeps the sheet's rhythm. */
 .venue-page .vd-doc3 .dc3-k{min-height:44px;margin:-10px 0 0;font-size:16.5px}
 .venue-page .vd-doc3 .dc3-sec--services .dc3-k{margin:-10px 0 4px}
 .venue-page .vd-doc3 .dc3-v{font-size:17px}
 .venue-page .vd-doc3 .dc3-open{min-height:48px;font-size:15px}
 .venue-page .vd-doc3 .dc3-why{max-width:calc(100% - var(--dc3-pad-x));font-size:14px}
 /* The strip stacks; its claim drops the pill's outline so it can wrap; room at its foot for the stamp. */
 .venue-page .vd-doc3 .dc3-safe{flex-direction:column;align-items:flex-start;gap:10px;padding:16px var(--dc3-pad-x) 40px}
 .venue-page .vd-doc3 .dc3-safe-field .dc-label{font-size:14px;letter-spacing:.02em;text-transform:none}
 .venue-page .vd-doc3 .dc3-safe-pill{align-items:flex-start;min-height:0;padding:0;border:0;font-size:14px;line-height:1.35;white-space:normal}
 .venue-page .vd-doc3 .dc3-safe-pill::before{flex:none;margin-top:.45em}
 /* The stamp on two lines (label, then "fictional venue"), at 14px. */
 .venue-page .vd-doc3 .dc3-stamp{display:inline-grid;grid-template-columns:auto auto;align-items:center;column-gap:8px;right:14px;font-size:14px;white-space:normal}
 .venue-page .vd-doc3 .dc3-stamp::before{grid-row:span 2}
 .venue-page .vd-doc3 .dc3-sep{display:none}
}
