.masthead .offgrid-header-button{font-family:OpenDyslexic,Arial,sans-serif;background:#d7863c;color:#17150e}
.masthead .offgrid-header-button:hover{background:#e4994b;color:#17150e}
.offgrid-header-button .offgrid-header-logo{display:block;width:120px;max-width:100%;height:auto;filter:brightness(0)}
.masthead .offgrid-header-button strong{display:block;max-width:100%;min-width:0;font-family:"Arial Black",Impact,"Arial Narrow",Arial,sans-serif;font-size:.72rem;line-height:1.1;letter-spacing:.02em;color:#17150e;white-space:nowrap;text-align:center}
.main-nav .offgrid-header-button{width:148px;min-width:148px;min-height:72px;padding:6px 10px;gap:4px}
.offgrid-header-button:focus-visible{outline:3px solid #ffe1a1;outline-offset:5px}
@media(max-width:900px){
  .masthead .cookbook-mobile.offgrid-header-button{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;width:88px;min-height:62px;padding:5px 6px;gap:3px}
  .masthead .cookbook-mobile.offgrid-header-button .offgrid-header-logo{width:76px}
  .masthead .cookbook-mobile.offgrid-header-button strong{width:100%;font-size:.53rem;line-height:1.1;letter-spacing:.01em;white-space:nowrap}
  .main-nav .offgrid-header-button{width:100%;min-width:0;min-height:66px;margin:0 0 .65rem}
}
@media(max-width:390px){
  .masthead .cookbook-mobile.offgrid-header-button{width:80px;padding:5px}
  .masthead .cookbook-mobile.offgrid-header-button .offgrid-header-logo{width:68px}
  .masthead .cookbook-mobile.offgrid-header-button strong{font-size:.5rem}
}