/* Hosted form page /f/<key> (direct link and iframe): colours and fonts for the embedded form (forms.css).
   Light by default, ?theme=dark matches a dark website. */
html.hwh-f-page{--hwhf-font:'Montserrat','Montserrat fallback',system-ui,-apple-system,'Segoe UI',sans-serif;--hwhf-font-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;background:transparent;color:#141414;color-scheme:light}
html.hwh-f-page[data-theme=dark]{--hwhf-text:#f2f2f2;--hwhf-text-2:rgba(242,242,242,.65);--hwhf-label:rgba(242,242,242,.55);--hwhf-text-3:rgba(242,242,242,.45);--hwhf-line:rgba(242,242,242,.14);--hwhf-line-strong:rgba(242,242,242,.2);--hwhf-control:rgba(242,242,242,.3);--hwhf-field:transparent;--hwhf-surface:#141414;--hwhf-accent:#d4a24e;--hwhf-accent-text:#d4a24e;--hwhf-button:#d4a24e;--hwhf-button-text:#0a0a0a;color:#f2f2f2;color-scheme:dark}
html.hwh-f-page body{margin:0;font-family:var(--hwhf-font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
html.hwh-f-page .hwh-f-title{font-size:28px;font-weight:300;line-height:1.25}
.hwh-f-wrap{max-width:680px;padding:4px 2px 8px}
.hwh-f-lockup{display:none;margin:0 0 32px;font:600 18px/1 var(--hwhf-font)}
.hwh-f-lockup span{margin-left:8px;font:500 9px/1 var(--hwhf-font);letter-spacing:.34em;opacity:.7}
/* Opened directly instead of in an iframe: a page of its own. */
html.hwh-f-standalone{background:#f5f5f5}
html.hwh-f-standalone[data-theme=dark]{background:#0a0a0a}
html.hwh-f-standalone .hwh-f-wrap{margin:0 auto;padding:48px 20px 64px}
html.hwh-f-standalone .hwh-f-lockup{display:block}