:root { color-scheme: light; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; background: #f7f0e8; }
body { overflow: hidden; }
button, .fallback a { border: 0; border-radius: 999px; padding: 10px 16px; min-height: 44px; font: inherit; font-weight: 700; cursor: pointer; }
button:focus-visible, .fallback a:focus-visible { outline: 3px solid #c6a35b; outline-offset: 3px; }
main { width: 100%; height: 100%; min-height: 0; position: relative; overflow: hidden; }
iframe { display: block; width: 100%; height: 100%; border: 0; background: #fff; }
#installButton { position: fixed; right: max(16px, env(safe-area-inset-right)); bottom: max(18px, env(safe-area-inset-bottom)); z-index: 10; background: #5a2029; color: #fff; box-shadow: 0 4px 16px #0005; }
.fallback { position: absolute; inset: 0; padding: 32px 24px; background: #f7f0e8; color: #24191a; text-align: center; place-content: center; justify-items: center; z-index: 3; }
.fallback:not([hidden]) { display: grid; }
.fallback img { border-radius: 22px; box-shadow: 0 6px 20px #0002; }
.fallback h1 { margin: 20px 0 4px; font-family: Georgia, serif; color: #5a2029; }
.fallback p { max-width: 30rem; line-height: 1.5; }
.fallback button { background: #5a2029; color: #fff; margin-top: 8px; }
.fallback a { display: inline-flex; align-items: center; color: #5a2029; margin-top: 4px; text-decoration: none; }
@media (display-mode: standalone) { #installButton { display: none !important; } }

/* Acesso aos projetos sem sobrepor a leitura do blog. */
body{display:grid;grid-template-rows:auto minmax(0,1fr)}
.resource-nav{padding:8px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));background:#f7f4ed;border-bottom:1px solid #d8c799;font:15px/1.4 Georgia,serif;text-align:center}
.resource-nav a{display:inline-flex;align-items:center;min-height:44px;color:#173b67;text-underline-offset:3px}
.resource-nav a:focus-visible{outline:3px solid #946e22;outline-offset:2px}