/* The installed PWA gets one consistent frame; browser pages keep their site layout. */
/* iOS standalone can jitter when the original blurred header is sticky during scroll. */
html.rwg-website-home-pwa body > header { position:relative !important; top:auto !important; background:#d3e1d9 !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
html.rwg-website-home-pwa body > header nav { transition:none !important; }
html.rwg-app-mode { background:#e7eee8; }
html.rwg-app-mode body { background:linear-gradient(180deg,#e7eee8 0%,#f6f7f1 58%) !important; min-height:100dvh; padding-bottom:calc(78px + env(safe-area-inset-bottom)); }
html.rwg-app-mode.rwg-app-home body { padding-bottom:0; }
html.rwg-app-auth body { display:block !important; padding-bottom:env(safe-area-inset-bottom); }
html.rwg-app-auth body > main.card { margin:24px auto; }
html.rwg-app-mode body > header:not(.rwg-app-header),
html.rwg-app-mode body > footer { display:none !important; }
html.rwg-app-mode body > main { flex:1 0 auto; }
html.rwg-app-mode .rwg-app-header { position:sticky; top:0; z-index:80; display:flex; align-items:center; gap:11px; width:100%; min-height:65px; padding:calc(10px + env(safe-area-inset-top)) 18px 10px; background:#f7faf4ef; border-bottom:1px solid #d8e5d9; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); color:#234b3c; font-family:Arial,sans-serif; }
.rwg-app-mark { width:37px; height:37px; flex:none; display:grid; place-items:center; border-radius:13px; background:#234b3c; color:#fff; font:24px Georgia,serif; text-decoration:none; }
.rwg-app-mark img { display:block; width:37px; height:37px; border-radius:13px; object-fit:cover; }
.rwg-app-heading { min-width:0; display:grid; gap:1px; line-height:1.15; }
.rwg-app-heading small { color:#66816e; font-size:9px; font-weight:700; letter-spacing:.14em; }
.rwg-app-heading strong { font-size:15px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rwg-app-top-action { margin-left:auto; border:1px solid #c9d9ca; border-radius:99px; padding:8px 12px; color:#234b3c; font-size:12px; font-weight:700; text-decoration:none; white-space:nowrap; }
.rwg-app-bottom { position:fixed; z-index:100; bottom:0; left:50%; transform:translateX(-50%); width:min(100%,700px); display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2px; padding:8px 13px calc(8px + env(safe-area-inset-bottom)); background:#fbfcf7f2; border-top:1px solid #dce5da; box-shadow:0 -8px 24px #1b3b2b12; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); font-family:Arial,sans-serif; }
.rwg-app-bottom a { display:flex; align-items:center; justify-content:center; flex-direction:column; min-height:52px; gap:3px; border-radius:12px; color:#6c8272; text-decoration:none; }
.rwg-app-bottom a[aria-current="page"] { color:#234b3c; background:#e2eee4; }
.rwg-app-bottom .rwg-app-nav-icon { font-size:24px; line-height:1; }
.rwg-app-bottom img.rwg-app-nav-icon { display:block; width:24px; height:24px; object-fit:contain; opacity:.72; }
.rwg-app-bottom a[aria-current="page"] img.rwg-app-nav-icon { opacity:1; }
.rwg-app-bottom small { font-size:10px; font-weight:700; line-height:1.1; }
.rwg-app-bottom { grid-template-columns:repeat(3,minmax(0,1fr)); }
.rwg-app-bottom.rwg-app-bottom--four { grid-template-columns:repeat(4,minmax(0,1fr)); }
html.rwg-app-mode .rwg-app-header a:focus-visible,html.rwg-app-mode .rwg-app-bottom a:focus-visible { outline:3px solid #b38754; outline-offset:2px; }
html.rwg-app-mode body > main { padding-top:24px; }
html.rwg-app-mode body > main.shell { padding-bottom:105px; }
html.rwg-app-mode body > main > section:first-child { scroll-margin-top:90px; }
html.rwg-app-mode #mini-cal { scroll-margin-top:90px; }
html.rwg-app-mode .account-tabs { margin-top:1.4rem; }
html.rwg-app-mode .account-tabs .tab-button { box-shadow:none; }
html.rwg-app-mode .rwg-app-restricted { display:none !important; }
html.rwg-app-mode.app-account-page body > main { width:100%; max-width:700px; margin-inline:auto; }
@media(min-width:700px){html.rwg-app-mode.app-account-page body > main{background:#f6f7f1;box-shadow:0 0 50px #234b3c15}}
html.rwg-app-mode.app-account-page body > main > section { background:transparent !important; box-shadow:none !important; border-radius:0 !important; padding:0 8px 32px !important; }
html.rwg-app-mode.app-account-page body > main > section > div:first-child { margin-top:20px !important; }
html.rwg-app-mode.app-account-page body > main h1 { color:#234b3c !important; font-family:Georgia,serif; font-size:2.3rem; font-weight:400; }
html.rwg-app-mode.app-account-page .account-tabs .tab-button { border-radius:16px; }
html.rwg-app-mode body > main a,html.rwg-app-mode body > main button { touch-action:manipulation; }
@media(max-width:640px) { html.rwg-app-mode body > main { padding-left:14px; padding-right:14px; } html.rwg-app-mode body > main.shell { padding-left:16px; padding-right:16px; } }
@media(min-width:700px) { .rwg-app-bottom { border-radius:18px 18px 0 0; } }