/* Generated from the existing UI components; preserve their order.
   tools/build-ui-css.py lives in the retained development source, outside the website upload. */

/* Component: submission.css */
/* Shared form recovery, receipt and generated-review presentation. */
.hs-review-block{border:1px solid var(--edge,#c9cdd1);padding:1rem;border-radius:10px;margin:1rem 0}
.hs-review-block[hidden]{display:none}
.hs-review-block--stale{border:2px solid var(--flag,#A83D20)}
.hs-review-status{font-size:.95rem;line-height:1.5;margin:.7rem 0}
.hs-review-remove{font:inherit;cursor:pointer;padding:.55rem .8rem;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit}
.hs-recovery{max-width:760px;margin:0 auto;padding:2rem 1.25rem 4rem;font-family:system-ui,sans-serif;line-height:1.6}
.hs-recovery h1{font-size:1.8rem}
.hs-recovery .form{display:grid;gap:1rem}
.hs-recovery .form label{display:block;font-weight:600}
.hs-recovery input:not([type=checkbox]):not([type=hidden]),.hs-recovery textarea,.hs-recovery select{box-sizing:border-box;display:block;width:100%;font:inherit;padding:.7rem;border:1px solid var(--field-edge,#7A8592);border-radius:6px;background:var(--input,#fff);color:var(--ink,#16202b)}
.hs-recovery textarea{min-height:6rem;resize:vertical}
.hs-recovery .hs-consent{font-weight:400}
.hs-recovery .hs-consent input{margin-inline-end:.5rem}
.hs-recovery .form__error{display:block;padding:1rem;border-inline-start:4px solid var(--flag,#A83D20);background:rgba(162,61,38,.1)}
.hs-recovery .form__error[hidden]{display:none}
.hs-recovery [aria-invalid=true]{outline:2px solid var(--flag,#A83D20)}
.hs-recovery .hs-receipt{font-family:monospace;overflow-wrap:anywhere;font-size:1.15rem}
.hs-recovery button[type=submit]{justify-self:start;font:inherit;cursor:pointer;background:#e8a317;color:#16202b;border:0;border-radius:6px;padding:.8rem 1.2rem}
.hs-recovery button:disabled{cursor:wait;opacity:.6}
.hs-recovery :focus-visible,.hs-review-block :focus-visible{outline:3px solid #b57f2a;outline-offset:3px}


/* Component: statistics.css */
/* Optional statistics choices use the existing site colours and typefaces. */
.hs-statistics{border:1px solid var(--edge,#DCD8D2);border-radius:12px;padding:20px;margin:24px 0;background:var(--paper,#FBF8F3);color:var(--ink,#16202B);max-width:760px}
.hs-statistics h3{font-family:var(--display);font-size:1.15rem;line-height:1.5;margin:0 0 8px}
.hs-statistics p{font-size:1rem;line-height:1.6;margin:0 0 12px;max-width:none}
.hs-statistics__actions{display:flex;gap:12px;flex-wrap:wrap}
.hs-statistics button{font:inherit;font-weight:600;line-height:1.5;cursor:pointer;border:1px solid currentColor;border-radius:8px;padding:10px 16px;background:transparent;color:inherit;min-height:44px}
.hs-statistics button[aria-pressed="true"]{background:var(--sand,#F1EADD);box-shadow:inset 0 0 0 1px currentColor}
.hs-statistics button:focus-visible,.hs-statistics a:focus-visible{outline:3px solid var(--amber-deep,#B57F2A);outline-offset:3px}
.hs-statistics [data-statistics-status]{margin:12px 0 0;font-size:.9rem}
.hs-statistics[hidden],.hs-statistics--banner[hidden],.hs-statistics [hidden]{display:none}
@media(max-width:480px){.hs-statistics{padding:16px}.hs-statistics__actions button{flex:1 1 160px}}

/* The site-wide prompt is a nonmodal region. The script reserves its measured
   height so the last page content and floating contact link remain reachable. */
:root[data-statistics-banner-open]{scroll-padding-bottom:var(--hs-statistics-banner-height,0px)}
:root[data-statistics-banner-open] body{padding-bottom:var(--hs-statistics-banner-height,0px)}
:root[data-statistics-banner-open] .wa{bottom:calc(var(--hs-statistics-banner-height,0px) + 16px)}
.hs-statistics--banner{position:fixed;z-index:30;inset-inline:8px;bottom:max(8px,env(safe-area-inset-bottom));width:auto;max-width:920px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;margin:0 auto;padding:12px;box-shadow:var(--shadow-lg,0 6px 30px rgba(13,20,28,.22));font-family:var(--display);text-align:start}
.hs-statistics--banner h2{font-family:var(--display);font-size:1rem;font-weight:700;line-height:1.5;min-height:32px;margin:0 0 4px;padding-inline-end:40px;letter-spacing:normal}
.hs-statistics--banner p{font-size:.875rem;line-height:1.45;margin:0 0 10px}
.hs-statistics--banner a{text-decoration-line:underline;text-underline-offset:var(--link-underline-offset,2px)}
.hs-statistics--banner .hs-statistics__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hs-statistics--banner .hs-statistics__actions button{padding:8px;font-size:.875rem;line-height:1.3;min-width:0;min-height:44px;text-align:center}
.hs-statistics--banner .hs-statistics__dismiss{position:absolute;inset-inline-end:2px;top:2px;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border-color:transparent;font-size:1.5rem;line-height:1;background:transparent}
.hs-statistics--banner .hs-statistics__dismiss:hover{background:var(--sand,#F1EADD)}
.hs-statistics--banner [data-statistics-status]{margin:10px 0 0;font-size:.875rem;overflow-wrap:anywhere}
@media(min-width:700px){
  .hs-statistics--banner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;inset-inline:16px;bottom:max(16px,env(safe-area-inset-bottom));padding:16px;padding-inline-end:60px}
  .hs-statistics--banner h2{min-height:0;padding:0}
  .hs-statistics--banner p{margin:0}
  .hs-statistics--banner .hs-statistics__actions button{padding-inline:14px}
  .hs-statistics--banner .hs-statistics__dismiss{top:8px;inset-inline-end:8px}
}
@media print{
  .hs-statistics--banner{display:none!important}
  :root[data-statistics-banner-open] body{padding-bottom:0}
}


/* Component: navigation.css */
/* Country choices stay in both menus; the header pill switches language. */
.top__nav{gap:18px}
.top__nav a{white-space:nowrap}
.top__nav .top__country{border-inline-start:1px solid var(--edge);padding-inline-start:16px}
.top__nav .top__country::after{inset-inline-start:16px;inset-inline-end:0}
.top__panel .top__country{color:var(--amber-deep)}
.top .lang{flex-shrink:0}

/* Retained later accessibility and dark-mode corrections. */
.top__panel a.btn--amber{color:var(--on-amber)}
.marketing-note-ref{font-size:.625rem;line-height:0;vertical-align:super;font-weight:700;opacity:1;white-space:nowrap}

