/* App shell: bottom tab bar on phones, install card, standalone polish. */
.tabbar{display:none}
.mncinstall{display:none}
@media (max-width:640px){
  .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid #e7dcf1;padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px rgba(80,40,120,.06)}
  .tabbar a{display:grid;justify-items:center;gap:2px;font:600 11px/1.2 "Figtree",system-ui,sans-serif;color:#6e5f82;text-decoration:none;padding:4px 0;border-radius:12px;-webkit-tap-highlight-color:transparent}
  .tabbar a svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .tabbar a[aria-current="page"]{color:#7b4fc9}
  .tabbar a[aria-current="page"] svg{stroke-width:2.2}
  .tabbar a:focus-visible{outline:2px solid #a87a22;outline-offset:-2px}
  body.hastabs{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  body.hastabs .mainnav{display:none}
  body.hastabs .top{min-height:44px}
  .mncinstall{display:flex;position:fixed;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:49;gap:12px;align-items:center;background:#2b1a40;color:#fff;border-radius:18px;padding:12px 14px;box-shadow:0 14px 34px rgba(43,26,64,.35);font:15px/1.4 "Figtree",system-ui,sans-serif;animation:mncup .4s ease both}
  .mncinstall[hidden]{display:none!important}
  .mncinstall img{width:44px;height:44px;border-radius:12px;background:#fff;flex:none}
  .mncinstall p{margin:0;flex:1}.mncinstall b{display:block}
  .mncinstall button{font:700 14px "Figtree",system-ui,sans-serif;border:0;border-radius:999px;padding:8px 14px;background:#e9c98b;color:#2a210f;cursor:pointer}
  .mncinstall .x{background:none;color:#fff;font-size:22px;padding:4px 6px;line-height:1}
}
@keyframes mncup{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.mncinstall{animation:none}}
@media (display-mode:standalone){body{-webkit-user-select:none;user-select:none}input,textarea,p,li,blockquote,.t{-webkit-user-select:text;user-select:text}}
/* Readings dropdown in the top menu (desktop) */
.rdrop{position:relative;display:inline-flex}
.rdrop>button{font:inherit;font-weight:600;color:var(--ink,#2b1a40);background:none;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.rdrop>button[aria-current="page"]{color:#7b4fc9;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.rdrop>button::after{content:"▾";font-size:11px}
.rdrop .rdmenu{display:none;position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);z-index:60;width:320px;background:#fff;border:1px solid #e7dcf1;border-radius:16px;box-shadow:0 18px 40px rgba(80,40,120,.16);padding:8px}
.rdrop.open .rdmenu{display:grid}
.rdmenu a{display:grid;gap:1px;padding:9px 12px;border-radius:10px;text-decoration:none;color:#2b1a40;white-space:normal}
.rdmenu a:hover,.rdmenu a:focus-visible{background:#faf6ff;outline:none}
.rdmenu b{font-weight:700;font-size:15px}.rdmenu small{font-weight:400;font-size:13px;color:#6e5f82}
.rdmenu .all{border-top:1px solid #efe6f8;margin-top:4px;padding-top:11px;color:#7b4fc9}
.rdmenu,.rdmenu *{white-space:normal!important}.rdmenu{max-width:calc(100vw - 32px)}.rdmenu small{display:block;overflow-wrap:anywhere}