/* Page-level layout the dl-* components don't cover. Tokens only.
   tokens.css and components.css are unedited copies of design/. */

html { scroll-behavior: auto; }
.dl-section, .dl-hero { scroll-margin-top: 0; }
#request:focus { outline: none; }

/* What you learn: lead-in line and the muted closing line (inline styles in the LearnBlocks preview) */
.pg-lead-in { margin-bottom: var(--space-4); }
.pg-muted { color: var(--muted); }

/* Section 6: space under each sub-group title; price block width from the PriceBlock preview */
.pg-group-title { margin-bottom: var(--space-4); }
.pg-price { max-width: 760px; }

/* Component display rules beat the hidden attribute; restore it for the form swap */
.dl-form[hidden], .dl-calendar[hidden], .dl-message[hidden] { display: none; }

/* Form results: under-£1m message heading sits tight to its text (CalendarContainer preview) */
.pg-tight { margin-bottom: var(--space-1); }
.dl-calendar__head p:focus, .dl-message p:focus { outline: none; }

/* Privacy notice placeholder band */
.pg-privacy { padding: 0 0 var(--space-16); background: var(--paper-sunk); }
.pg-privacy .dl-message { max-width: var(--measure); }

/* Placeholders on the ink footer stay visible */
.dl-footer .dl-placeholder { outline-color: var(--ink-inverse-muted); }

/* Honeypot: off-screen, not display:none, so simple bots still fill it */
.dl-honeypot { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }