/* Native system insets remain owned by the existing native container. */
.phone.hasMainNav113 #app{height:calc(100% - 64px)}
.phone>.mainNav113{position:absolute;bottom:0;left:0;right:0;height:64px;box-sizing:border-box;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #ddd7cc;background:#fbf8f1;z-index:8;padding:0;-webkit-text-size-adjust:none;text-size-adjust:none}
.phone>.mainNav113 button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:0;height:63px;margin:0;padding:5px 2px;border:0;border-radius:0;background:transparent;color:#697580;font-family:inherit;font-size:14px!important;line-height:20px;font-weight:700;box-shadow:none}
.phone>.mainNav113 button[aria-current="page"]{color:#527f59}
.phone>.mainNav113 svg{width:24px;height:24px;flex-shrink:0}
.phone>.mainNav113 button>span{white-space:nowrap;line-height:20px;flex:0 0 20px}
@media(max-width:319px){.phone>.mainNav113 button{font-size:12px!important}}
.phone>.mainNav113 button:focus-visible{outline:2px solid #527f59;outline-offset:-4px}
#app .screen.withMainNav113{padding-bottom:24px!important}
#app .screen.unifiedHome111.withMainNav113{padding-bottom:6px!important}
@media(max-width:720px){.stage:has(.hasMainNav113){padding:0}.phone.hasMainNav113{height:var(--app-viewport-height,100dvh);min-height:0}}
/* Restore the existing top gutter on every titled page; keep the bottom tabs fixed. */
@media(max-width:720px){
 .stage:has(.hasMainNav113 .header){padding:18px 0 0}
 .phone.hasMainNav113:has(.header){height:calc(var(--app-viewport-height,100dvh) - 18px)}
}
/* Shared header alignment, including signup, questions, reports and settings. */
.header{display:flex;align-items:center;gap:12px;height:40px;padding:0 14px}
.header>.back{display:flex;align-items:center;justify-content:center;width:32px;height:36px;min-height:0;padding:0;flex:0 0 32px;transform:none}
.header>.headcopy{align-items:center;min-width:0;line-height:22px;transform:none}
.header>.headcopy>span{top:0;line-height:22px}
.header .back svg,.policyHeader109 button svg{display:block;width:22px;height:22px;flex-shrink:0}
#privacyPolicy109 .policyHeader109{height:40px;min-height:40px;margin-top:18px;padding:0 14px;gap:12px;align-items:center}
#privacyPolicy109 .policyHeader109 button{display:flex;align-items:center;justify-content:center;min-width:32px;width:32px;min-height:36px;height:36px;padding:0;flex:0 0 32px}
#privacyPolicy109 .policyHeader109 strong{font-size:15px;line-height:22px}
/* Move only the controls toward the center above the unchanged green divider. */
.header>.back,.header>.headcopy{transform:translateY(-8px)}
#privacyPolicy109 .policyHeader109>button,#privacyPolicy109 .policyHeader109>strong{transform:translateY(-8px)}