/* Canon presentation after the unchanged legacy form stylesheet. */
.form-page{font-family:var(--bz-ui,Arial,'Segoe UI',Helvetica,system-ui,sans-serif);font-size:17px;line-height:1.55}
.form-page[data-world=bureau]{--ink:var(--bz-bureau);--paper:var(--bz-bureau-light)}
.form-page[data-world=mozg]{--ink:var(--bz-mozg);--paper:var(--bz-mozg-light)}
.form-page[data-world=author]{--ink:var(--bz-author);--paper:var(--bz-author-light)}
.form-site-header{height:76px;gap:20px;position:relative;transition:none;will-change:auto}
.form-site-header .brand{font-size:20px;gap:10px;flex:none}
.form-site-header .brand-beacon{display:block;flex:none;width:42px;height:42px}
.form-site-header .brand-beacon img{width:100%;height:100%;object-fit:contain}
@supports ((mask-image:url('/assets/beacon.png')) or (-webkit-mask-image:url('/assets/beacon.png'))){
 .form-site-header .brand-beacon{background-color:currentColor;-webkit-mask:url('/assets/beacon.png') center/145% 145% no-repeat;mask:url('/assets/beacon.png') center/145% 145% no-repeat}
 .form-site-header .brand-beacon img{display:none}
}
.form-back{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;min-height:44px;font-size:14px;font-weight:750;line-height:1.3;text-decoration:none;text-align:right}
.form-back:hover{text-decoration:underline}
.form-shell{width:100%;max-width:780px;padding:22px 30px 60px;margin:0 auto;min-width:0}
.form-test-banner{margin:0 0 24px;padding:12px 15px;border:1px solid color-mix(in srgb,var(--ink) 38%,transparent);border-radius:12px;background:color-mix(in srgb,var(--bz-sheet) 72%,var(--paper));font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.form-test-banner p{margin:0;font-size:inherit;line-height:inherit}
.form-shell .intake-heading{max-width:100%;margin:0}
.form-shell .intake-heading .eyebrow{font-size:11px;margin-bottom:10px}
.form-shell .intake-heading h1{font-size:clamp(28px,3.5vw,42px);line-height:1.14;letter-spacing:-.025em;margin:0 0 16px;overflow-wrap:normal;word-break:normal}
.form-shell .intake-heading>p:not(.eyebrow){font-size:17px;line-height:1.55;margin-bottom:18px;max-width:65ch}
.form-shell .public-intake{max-width:none;width:100%;margin:24px 0 0;gap:20px;grid-template-columns:minmax(0,1fr)}
.form-shell .public-intake label{font-size:16px;font-weight:700;gap:8px;line-height:1.5;min-width:0}
.form-shell .public-intake input,.form-shell .public-intake select,.form-shell .public-intake textarea{font-family:inherit;font-size:16px;line-height:1.5;min-width:0;max-width:100%;min-height:50px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--ink) 55%,transparent);border-radius:11px;background:var(--bz-sheet);color:var(--ink);box-shadow:none}
.form-shell .public-intake select{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
.form-shell .public-intake select option{white-space:normal;overflow-wrap:anywhere}
/* Supported browsers can wrap the selected format without a second visual or
   assistive-technology readout. Plain-text native options remain the fallback. */
@supports (appearance:base-select){
 .form-shell .public-intake select[name=product],.form-shell .public-intake select[name=product]::picker(select){appearance:base-select}
 .form-shell .public-intake select[name=product]{height:auto;align-items:center;gap:12px;white-space:normal;overflow-wrap:anywhere}
 .form-shell .public-intake select[name=product]::picker-icon{flex:none;color:currentColor}
 .form-shell .public-intake select[name=product]::picker(select){border:1px solid var(--ink);border-radius:11px;background:var(--bz-sheet);color:var(--ink);max-width:calc(100vw - 36px)}
 .form-shell .public-intake select[name=product] option{padding:12px;white-space:normal;overflow-wrap:anywhere}
}
.form-shell .public-intake .intake-selected-product[aria-hidden=true]{display:none}
.form-shell .public-intake textarea{min-height:180px;height:auto;max-height:none;resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto}
.form-shell .public-intake .intake-help{font-size:13px;font-weight:400;line-height:1.5;margin:-12px 0 0;color:var(--ink)}
.form-shell .public-intake .intake-consent{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start;font-size:14px;font-weight:400;line-height:1.55}
.form-shell .public-intake .intake-consent>input{width:20px;height:20px;min-height:20px;padding:0;margin:2px 0 0;accent-color:var(--ink);border-radius:4px}
.form-shell .intake-consent>span{min-width:0;white-space:normal;overflow:visible;overflow-wrap:anywhere}
.form-shell .public-intake button{justify-self:start;min-height:48px;max-width:100%;padding:13px 22px;border:1px solid var(--ink);border-radius:10px;background:var(--ink);color:var(--paper);font-size:15px;font-weight:750;line-height:1.4;white-space:normal;cursor:pointer}
.form-shell .public-intake button:disabled{opacity:.65;cursor:wait}
.form-shell .public-intake :focus-visible,.form-back:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.form-shell .public-intake [data-intake-status]{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.55}
.form-shell #inquiry-consent p{max-width:68ch;font-size:17px;line-height:1.6}
.form-shell #inquiry-consent>a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:700}
@media(max-width:600px){
 .form-site-header{height:68px;padding-inline:18px;gap:12px}
 .form-site-header .brand{font-size:18px;gap:9px}
 .form-site-header .brand-beacon{width:34px;height:34px}
 .form-back{font-size:12px;max-width:130px;gap:5px}
 .form-shell{padding:18px 18px 44px}
 .form-test-banner{padding:11px 12px;margin-bottom:22px;font-size:12px;line-height:1.5}
 .form-shell .intake-heading h1{font-size:28px;margin-bottom:14px}
 .form-shell .intake-heading>p:not(.eyebrow){font-size:16px;line-height:1.55}
 .form-shell .public-intake{margin-top:22px;gap:18px}
 .form-shell .public-intake textarea{min-height:190px}
 .form-shell .public-intake button{width:100%;justify-self:stretch}
 .form-shell #inquiry-consent p{font-size:16px}
}
