/* O₂Max app layout (Portal + Screen Results pages). Fonts follow the Kadence globals. */
body.o2max-app{margin:0;padding:0;background:#F2F1EC;color:#0B0B0B;font-family:var(--global-body-font-family,system-ui,-apple-system,"Segoe UI",Arial,sans-serif);min-height:100vh;display:flex;flex-direction:column}
body.o2max-app::before,body.o2max-app::after{display:none}
.o2app-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 max(20px,env(safe-area-inset-left,0px))}
.o2app-top{background:#0B0B0B;color:#FFFFFF}
.o2app-top .o2app-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;min-height:68px;padding-top:10px;padding-bottom:10px}
.o2app-mark{color:#FFFFFF;text-decoration:none;font-weight:900;font-size:24px;letter-spacing:-.02em;line-height:1;display:inline-flex;align-items:baseline;min-height:44px;align-items:center;font-family:var(--global-body-font-family,inherit)}
.o2app-mark sub{font-size:13px;vertical-align:-4px;margin:0 1px}
.o2app-mark b{color:#AFD15A;font-weight:900}
.o2app-nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}
.o2app-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;color:#E6E6E0;text-decoration:none;font-weight:700;font-size:15px}
.o2app-nav a:hover{color:#FFFFFF;background:#1E1F1B}
.o2app-nav a[aria-current="page"]{background:#AFD15A;color:#0B0B0B}
.o2app-nav .o2app-out{border:1px solid #3A3A35;margin-left:6px}
.o2app-top a:focus-visible,.o2app-foot a:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px;box-shadow:0 0 0 6px #AFD15A}
.o2app-main{flex:1 0 auto;width:100%;max-width:1240px;margin:0 auto;padding:28px max(20px,env(safe-area-inset-left,0px)) 56px}
.o2app-main.o2app-portal{max-width:1080px}
.o2app-main > p:empty{display:none}
.o2app-main .o2max-results-back{display:none}
.o2app-foot{border-top:1px solid #DAD7CE;color:#5E5D57;font-size:13.5px}
.o2app-foot .o2app-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;padding-top:16px;padding-bottom:20px}
.o2app-tag{font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#4C6610;font-size:12.5px}
@media (max-width:520px){.o2app-nav{width:100%}.o2app-nav a{padding:0 12px}.o2app-nav .o2app-out{margin-left:auto}}
.o2app-main .o2max-portal .op-bar .op-link{display:none}