/* Approved mobile navigation. Desktop and the admin shell retain their layout. */
.mobile-bottom-nav,.mobile-search-dialog,.mobile-search-dialog[open]{display:none}
@media(max-width:720px){
  body.has-mobile-navigation{--mobile-nav-bottom-space:max(6px,env(safe-area-inset-bottom,0px));--mobile-nav-offset:calc(96px + var(--mobile-nav-bottom-space));padding-bottom:var(--mobile-nav-offset)}
  .has-mobile-navigation>.nav .navtoggle,.has-mobile-navigation>.nav .navlinks{display:none}
  .has-mobile-navigation>.nav{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}
  .has-mobile-navigation>.nav .themetoggle{min-width:44px;min-height:44px}
  .mobile-bottom-nav{position:fixed;bottom:var(--mobile-nav-bottom-space);left:max(8px,env(safe-area-inset-left,0px));right:max(8px,env(safe-area-inset-right,0px));z-index:80;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;background:var(--mobile-nav-bg,var(--raised));border:1px solid var(--mobile-nav-line,var(--line));border-radius:36px;box-shadow:0 4px 16px rgba(0,0,0,.22);padding:3px 9px 6px;isolation:isolate}
  .mobile-nav-item{position:relative;border-top:3px solid transparent;padding:7px 1px 0;min-height:75px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;text-decoration:none;color:var(--soft);font:500 11px/1.2 var(--sans);-webkit-tap-highlight-color:rgba(var(--accent-rgb),.12)}
  .mobile-nav-item[aria-current="page"]{color:var(--accent);font-weight:700}
  .mobile-nav-item[aria-current="page"]:before{content:"";position:absolute;top:-3px;left:18%;right:18%;height:3px;background:var(--accent)}
  .mobile-nav-icon{display:grid;place-items:center;min-width:44px;height:36px;flex:none}
  .mobile-nav-icon svg{width:23px;height:23px}
  .mobile-nav-label{max-width:100%;overflow-wrap:anywhere}
  .mobile-nav-search{color:var(--ink);font-weight:600}
  .mobile-nav-search .mobile-nav-icon{box-sizing:border-box;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px;aspect-ratio:1/1;flex:0 0 44px;background:var(--accent-solid);color:var(--accent-ink);border-radius:50%}
  .mobile-nav-item:focus-visible,.mobile-search-close:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
  body.mobile-search-open{overflow:hidden}
  body.mobile-keyboard-open .mobile-bottom-nav{visibility:hidden}
  .mobile-search-dialog[open]{display:block;position:fixed;top:auto;bottom:var(--mobile-search-bottom,var(--mobile-nav-offset));left:0;right:0;box-sizing:border-box;margin:0 auto;width:100%;max-width:none;max-height:var(--mobile-search-max-height,60dvh);overflow:auto;overscroll-behavior:contain;border:0;border-top:1px solid var(--line);border-radius:0;padding:16px max(18px,env(safe-area-inset-left,0px)) 22px;background:var(--raised);color:var(--ink);box-shadow:0 -12px 40px rgba(0,0,0,.10)}
  .mobile-search-dialog::backdrop{background:rgba(0,0,0,.22)}
  .mobile-search-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
  .mobile-search-heading h2{font-size:25px;line-height:1.2;margin:0}
  .mobile-search-close{border:0;background:transparent;color:var(--accent);font:600 14px/1.4 var(--sans);min-height:44px;min-width:44px;cursor:pointer;padding:8px}
  .mobile-search-label{display:block;font-size:13px;color:var(--soft);margin:0 0 6px}
  .mobile-search-dialog form.search{box-shadow:none;border-radius:5px;padding:4px 4px 4px 10px;min-width:0;gap:4px}
  .mobile-search-dialog form.search input[type=text]{min-width:0;width:100%;font-size:16px}
  .mobile-search-dialog form.search .btn{display:grid;place-items:center;padding:10px;min-width:44px;border-radius:4px}
  .mobile-search-dialog form.search svg{width:21px;height:21px}
  /* Keep suggestions in normal flow so they can be scrolled inside the dialog. */
  .mobile-search-dialog .suggest{position:static;max-height:none;margin:10px 0 0;border-radius:4px;box-shadow:none}
  .mobile-search-dialog .suggest-item{min-height:44px}
}
@media(max-width:720px){
  .home-hero .home-passage-search{display:none}
  .mobile-search-dialog form.search #mobile-search-scope{display:block;flex:0 0 5.2em;width:5.2em;min-width:0;height:44px;min-height:44px;margin:0;padding:0 4px 0 8px;font:400 16px/normal var(--sans);color:var(--ink);background:var(--raised);border:0;border-left:1px solid var(--line);border-radius:0;box-shadow:none;appearance:auto;-webkit-appearance:menulist}
}
.site-search-form select{flex:0 0 5.2em;width:5.2em;min-width:0;align-self:center;height:44px;padding:0 4px 0 8px;font:400 16px/normal var(--sans);color:var(--ink);background:var(--raised);border:0;border-left:1px solid var(--line);border-radius:0;appearance:auto}
.site-search-form input{min-width:0}
.site-search-form .btn{display:grid;place-items:center;min-width:44px;padding:10px}
.pagination{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}