/* Browser Lodge design foundation v1.0.0. Canonical source: browserlodge-design/. */
:root{
 --bl-font:Manrope,system-ui,-apple-system,'Segoe UI',sans-serif;
 --bl-body:16px;--bl-help:14px;--bl-label:14px;--bl-caption:12px;--bl-button:14px;
 --bl-page-title:clamp(28px,2.5vw,36px);--bl-section-title:20px;--bl-card-title:18px;
 --bl-hero-title:clamp(32px,4vw,57px);--bl-number:32px;
 --bl-weight-body:400;--bl-weight-label:650;--bl-weight-heading:700;--bl-weight-number:800;
 --bl-leading:1.5;--bl-heading-leading:1.2;
 --bl-space-1:4px;--bl-space-2:8px;--bl-space-3:12px;--bl-space-4:16px;--bl-space-5:20px;--bl-space-6:24px;--bl-space-8:32px;
 --bl-radius-control:7px;--bl-radius-panel:12px;--bl-control-height:44px;
 --bl-panel-padding:20px;--bl-table-x:12px;--bl-table-y:12px;
 --bl-focus-width:2px;--bl-focus-offset:3px;
}
body.bl-design{
 --type-body:var(--bl-body);--type-help:var(--bl-help);--type-label:var(--bl-label);--type-button:var(--bl-button);
 --type-page-title:var(--bl-page-title);--type-section-title:var(--bl-section-title);--type-card-title:var(--bl-card-title);
 font-family:var(--bl-font);font-size:var(--bl-body);line-height:var(--bl-leading);
}
@media(max-width:650px){:root{--bl-panel-padding:16px;--bl-table-x:10px;--bl-table-y:10px}}