.bora-page-header {
 display:block;height:var(--bph-measured,var(--bph-height));
 &, & * {box-sizing:border-box;}
 & .bora-page-header__bar {position:fixed;inset:0 0 auto;z-index:100;background:var(--bph-bg);color:var(--bph-color);}
 & .bora-page-header__inner {width:100%;max-width:var(--narrow-page-width);min-height:var(--bph-height);margin-inline:auto;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:24px;}
 & .bora-page-header__logo {display:block;flex-shrink:0;width:var(--bph-logo);max-width:38%;color:inherit;text-decoration:none;
  & img {display:block;width:100%;height:auto;}
 }
 & .bora-page-header__button {display:inline-flex;justify-content:space-between;align-items:center;gap:20px;width:var(--bph-button-width);max-width:60%;min-height:44px;padding:10px 20px;border-radius:100px;background:var(--bph-button);color:var(--bph-button-color);font-size:var(--bph-font);font-weight:700;line-height:1.2;text-decoration:none;
  & svg {flex-shrink:0;}
  &:hover {background:var(--bph-hover);}
 }
 & a:focus-visible {outline:3px solid currentColor;outline-offset:4px;}
 @media(max-width:749px){
  height:var(--bph-measured,var(--bph-height-mobile));
  & .bora-page-header__inner {min-height:var(--bph-height-mobile);gap:16px;padding-block:12px;}
  & .bora-page-header__logo {width:var(--bph-logo-mobile);}
  & .bora-page-header__button {font-size:var(--bph-font-mobile);padding-inline:16px;gap:12px;}
 }
}
.bora-page-footer {
    border-top: 10px solid #ffffff;
 display:block;background:var(--bpf-bg);color:var(--bpf-color);padding:var(--bpf-top) 20px var(--bpf-bottom);
 &, & * {box-sizing:border-box;}
 & .bora-page-footer__inner {width:100%;max-width:var(--narrow-page-width);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:40px;}
 & .bora-page-footer__logo {display:block;width:var(--bpf-logo);max-width:45%;flex-shrink:0;
  & img {display:block;width:100%;height:auto;}
  &:focus-visible {outline:3px solid currentColor;outline-offset:4px;}
 }
 & .bora-page-footer__copyright {font-size:var(--bpf-font);line-height:1.5;overflow-wrap:anywhere;
  & p {margin:0;}
  & a {color:inherit;text-decoration:underline;}
 }
 @media(max-width:749px){
  padding:var(--bpf-top-mobile) 20px var(--bpf-bottom-mobile);
  & .bora-page-footer__inner {flex-direction:column;gap:24px;text-align:center;}
  & .bora-page-footer__logo {width:var(--bpf-logo-mobile);max-width:100%;}
  & .bora-page-footer__copyright {font-size:var(--bpf-font-mobile);}
 }
}