/* The venue page's audit calls to action and request form (owner brief, 10 October 2026). Calm, in the page's own
   system: inset panels on the frame, DM Sans, ink on warm cream, Signal Yellow for the one action. Mobile first. */

/* ---------- call to action bands ---------- */
.venue-page .vd-audit-cta{
 position:relative;margin:var(--frame-inset);border-radius:var(--frame-radius);
 background:#fffbf2;color:var(--vd-ink);box-shadow:inset 0 0 0 1px rgba(28,27,31,.1);
 padding-block:clamp(36px,4.2vw,64px);
}
.venue-page .vd-audit-cta-grid{display:grid;gap:14px 24px;padding-inline:var(--vd-pad);align-items:center}
.venue-page .vd-audit-cta-title{margin:0;font-size:clamp(28px,2.5vw,44px);line-height:1.06;letter-spacing:-.04em;text-wrap:balance}
.venue-page .vd-audit-cta-text{margin:0;max-width:52ch;font-size:clamp(17px,1.2vw,20px);line-height:1.5;color:var(--vd-muted);text-wrap:pretty}
.venue-page .vd-audit-cta-action{margin:6px 0 0}
@media (min-width:901px){
 .venue-page .vd-audit-cta-grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--vd-gap)}
 .venue-page .vd-audit-cta-title{grid-column:1 / 5}
 .venue-page .vd-audit-cta-text{grid-column:5 / 10}
 .venue-page .vd-audit-cta-action{grid-column:10 / 13;justify-self:end;margin:0}
}

/* the button: Signal Yellow, ink text, the page's button shape */
.venue-page .vd-audit-btn{min-height:48px;padding:14px 22px;gap:28px;background:var(--vd-signal);color:var(--vd-ink);font-size:15px;font-weight:500;border:0;cursor:pointer;text-decoration:none}
.venue-page .vd-audit-btn:hover{background:#ffe56b;color:var(--vd-ink);text-decoration:none}
.venue-page .vd-audit-btn:focus-visible{outline:2px solid var(--vd-ink);outline-offset:4px}
.venue-page .vd-audit-btn svg{transition:transform .2s var(--vd-ease)}
.venue-page a.vd-audit-btn:hover svg{transform:translateY(2px)}

/* ---------- the form section ---------- */
.venue-page .vd-audit{
 position:relative;margin:var(--frame-inset);border-radius:var(--frame-radius);scroll-margin-top:16px;outline:none;
 background:radial-gradient(60% 70% at 0% 0%,rgba(255,226,170,.35),rgba(255,226,170,0) 70%),#faf4ea;color:var(--vd-ink);
 padding-block:clamp(56px,6vw,112px);
}
.venue-page .vd-audit-grid{display:grid;gap:28px;padding-inline:var(--vd-pad);align-items:start}
.venue-page .vd-audit-title{margin:0;font-size:clamp(32px,3vw,56px);line-height:1.04;letter-spacing:-.042em;text-wrap:balance}
/* The intro: the title and its two paragraphs, equal gaps between all three, both paragraphs one size and colour. */
.venue-page .vd-audit-intro{display:grid;gap:clamp(18px,1.6vw,26px)}
.venue-page .vd-audit-intro :is(.vd-audit-lead,.vd-audit-privacy){margin:0;max-width:40ch;font-size:clamp(18px,1.3vw,22px);line-height:1.5;font-weight:400;color:var(--vd-ink);text-wrap:pretty}
.venue-page .vd-audit-panel{border-radius:18px;background:#fffbf2;box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 18px 44px rgba(28,27,31,.08),0 0 0 1px rgba(28,27,31,.08);padding:clamp(22px,2.4vw,40px)}
@media (min-width:901px){
 .venue-page .vd-audit-grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--vd-gap)}
 .venue-page .vd-audit-intro{grid-column:1 / 5;position:sticky;top:32px}
 .venue-page .vd-audit-panel{grid-column:6 / 13}
}

.venue-page .vd-audit-form{display:grid;gap:18px 20px}
@media (min-width:601px){
 .venue-page .vd-audit-form{grid-template-columns:1fr 1fr}
 .venue-page .vd-field--check,.venue-page .vd-turnstile,.venue-page .vd-audit-submit,.venue-page .vd-audit-noscript{grid-column:1 / -1}
}
.venue-page .vd-field{display:grid;gap:7px;align-content:start;min-width:0}
.venue-page .vd-field label{font-size:15px;font-weight:600;line-height:1.3;color:var(--vd-ink)}
.venue-page .vd-field-opt{font-weight:400;color:var(--vd-muted)}
.venue-page .vd-field input:not([type="checkbox"]){
 width:100%;min-height:50px;padding:12px 14px;border:1px solid rgba(28,27,31,.28);border-radius:10px;background:#fff;
 color:var(--vd-ink);font:inherit;font-size:16px;line-height:1.3;transition:border-color .2s,box-shadow .2s;
}
.venue-page .vd-field input::placeholder{color:#7a7a72}
.venue-page .vd-field input:not([type="checkbox"]):hover{border-color:rgba(28,27,31,.5)}
.venue-page .vd-field input:not([type="checkbox"]):focus{outline:none;border-color:var(--vd-ink);box-shadow:0 0 0 3px rgba(255,214,78,.65)}
.venue-page .vd-field.is-invalid input:not([type="checkbox"]){border-color:#a3341f;box-shadow:0 0 0 1px #a3341f}
.venue-page .vd-field-err{margin:0;font-size:14px;line-height:1.4;color:#a3341f}
.venue-page .vd-field-err[hidden]{display:none}

.venue-page .vd-field--check{grid-template-columns:auto 1fr;column-gap:12px;align-items:start;margin-top:4px}
.venue-page .vd-field--check input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--vd-ink);cursor:pointer}
.venue-page .vd-field--check input:focus-visible{outline:2px solid var(--vd-ink);outline-offset:3px}
.venue-page .vd-field--check label{font-weight:400;font-size:15.5px;line-height:1.45;cursor:pointer}
.venue-page .vd-field--check .vd-field-err{grid-column:2}
.venue-page .vd-field--check.is-invalid input{outline:2px solid #a3341f;outline-offset:2px}

/* Turnstile: room reserved for its 65px widget so nothing shifts when it arrives. */
.venue-page .vd-turnstile{min-height:65px}

.venue-page .vd-audit-submit{display:grid;gap:12px;justify-items:start;margin-top:4px}
.venue-page .vd-audit-send[disabled]{cursor:progress;opacity:.75}
.venue-page .vd-audit-status{margin:0;font-size:15px;line-height:1.45;color:var(--vd-ink)}
.venue-page .vd-audit-status:empty{display:none}
.venue-page .vd-audit-status[data-kind="fields"],.venue-page .vd-audit-status[data-kind="check"]{color:#a3341f}
.venue-page .vd-audit-note{margin:0;font-size:14.5px;line-height:1.45;color:var(--vd-muted)}
.venue-page .vd-audit-noscript{margin:0;font-size:15px;color:var(--vd-muted)}

/* The honeypot: present for bots, invisible and unreachable for people (not display:none). */
.venue-page .vd-hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:-1px;padding:0;border:0}

.venue-page .vd-audit-thanks{outline:none}
.venue-page .vd-audit-thanks p{margin:0;font-size:clamp(20px,1.6vw,26px);line-height:1.45;letter-spacing:-.01em;font-weight:500}