/* AroosaHub beta bar — sits at the bottom of every beta page */
body.ah-has-bar{padding-bottom:52px;}
.ah-bar{
  position:fixed; left:0; right:0; bottom:0; z-index:2147483000;
  display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px 16px;
  padding:10px 16px; min-height:44px;
  background:#122026; color:#F3EFE6; font:600 12.5px/1.3 'Manrope',system-ui,sans-serif;
  border-top:1px solid rgba(184,145,42,.45);
}
.ah-bar .ah-tag{color:#D9B96A;}
.ah-bar .ah-code{font-weight:500;color:rgba(243,239,230,.8);}
.ah-bar .ah-code b{color:#F3EFE6;font-weight:700;letter-spacing:.02em;}
.ah-bar a{
  color:#F3EFE6; text-decoration:none; border:1px solid rgba(243,239,230,.4);
  padding:6px 14px; border-radius:999px; font-weight:600;
}
.ah-bar a:hover,.ah-bar a:focus-visible{border-color:#D9B96A;color:#D9B96A;outline:none;}
.ah-bar a.ah-primary{background:#B8912A;border-color:#B8912A;color:#122026;}
.ah-bar a.ah-primary:hover,.ah-bar a.ah-primary:focus-visible{background:#D9B96A;border-color:#D9B96A;color:#122026;}
.ah-bar .ah-soon{color:rgba(243,239,230,.55);font-weight:500;}
.ah-bar .ah-link{border:none;padding:6px 2px;text-decoration:underline;font-weight:500;}
@media (max-width:560px){
  .ah-bar{font-size:12px;gap:6px 10px;padding:8px 10px;}
  .ah-bar .ah-code .ah-long{display:none;}
}
.ah-debug{
  position:fixed; right:10px; top:10px; z-index:2147483001; max-width:340px; max-height:46vh; overflow:auto;
  background:#122026; color:#F3EFE6; font:11px/1.4 ui-monospace,Menlo,monospace; padding:10px 12px; border-radius:10px;
  border:1px solid #B8912A; opacity:.96;
}
.ah-debug div{white-space:pre-wrap;word-break:break-all;margin-bottom:4px;}
.ah-debug .ah-off{color:#D9B96A;}
@media print{ .ah-bar,.ah-debug{display:none !important;} body.ah-has-bar{padding-bottom:0;} }

.ah-sitebar nav{flex:1 1 auto;min-width:0}
.ah-sitebar .ah-themetop{flex:none;display:inline-flex;align-items:center;gap:7px;margin:0 0 0 auto;width:auto;height:32px;padding:0 12px;border:1px solid rgba(243,239,230,.35);border-radius:999px;background:transparent;color:#F3EFE6;font:700 12.5px 'Manrope',system-ui,sans-serif;cursor:pointer}
.ah-sitebar .ah-themetop:hover,.ah-sitebar .ah-themetop:focus-visible{border-color:#E2C677;color:#E2C677;outline:none}
.ah-sitebar .ah-themetop svg{width:16px;height:16px;flex:none}
@media (max-width:560px){.ah-sitebar .ah-themetop span{display:none}.ah-sitebar .ah-themetop{padding:0 9px}}
.ah-dirlink{display:inline-block;margin-left:6px;padding:1px 8px;border:1px solid var(--accent,#1F4E5F);border-radius:999px;font:700 11.5px 'Manrope',system-ui,sans-serif;color:var(--accent,#1F4E5F);text-decoration:none;white-space:nowrap}
.ah-dirlink:hover,.ah-dirlink:focus-visible{background:var(--accent,#1F4E5F);color:#fff}
.ah-dirbanner{margin:12px 0 18px;padding:12px 14px;border:1px solid var(--border-strong);border-radius:12px;background:var(--bg-sunken);font-size:14px}
.ah-dirbanner a{color:var(--accent);font-weight:700}
.ah-pager{display:flex;justify-content:space-between;gap:10px;margin:28px 0 8px;padding-top:18px;border-top:1px solid var(--border-strong)}
.ah-pager button{flex:1 1 0;min-height:48px;padding:0 14px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-card);color:var(--text);font:700 14px 'Manrope',system-ui,sans-serif;cursor:pointer}
.ah-pager .ah-next{background:var(--accent);color:#fff;border-color:var(--accent);margin-left:auto}
.ah-pager button:only-child{max-width:none}
.sh-skip{margin:14px 0 0;font-size:14px}
.sh-skip button{display:none;border:0;background:none;padding:0;color:var(--accent);font:700 14px 'Manrope',system-ui,sans-serif;text-decoration:underline;cursor:pointer}
@media (max-width:880px){.sh-skip button{display:inline}}

.ah-try{color:var(--ink,#1F4E5F);display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:22px 0 4px;padding:16px 18px;border:1px solid #B8912A;background:rgba(184,145,42,.1);font-size:15px}
.ah-try b{flex-basis:100%;font-size:17px}
.ah-try span{flex-basis:100%;opacity:.85}
.ah-try a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;background:#1F4E5F;color:#FAF6F0 !important;font-weight:700;text-decoration:none;border-radius:2px}
.ah-try a:hover,.ah-try a:focus-visible{background:#B8912A;color:#1F4E5F !important}

/* ---- one-line beta bar on phones ---- */
.ah-bar .ah-short{display:none}
@media (max-width:560px){
  body.ah-has-bar{padding-bottom:46px}
  .ah-bar{flex-wrap:nowrap;justify-content:space-between;gap:8px;padding:6px 10px;min-height:0}
  .ah-bar .ah-full{display:none}.ah-bar .ah-short{display:inline}
  .ah-bar a{padding:5px 11px}.ah-bar .ah-link{padding:5px 2px}
}
/* page's own sticky buttons sit above the bar */
body.ah-has-bar .c-sticky{bottom:50px !important}

/* ---- site bar on planner and guide ---- */
.ah-sitebar{position:sticky;top:0;z-index:60;height:44px;display:flex;align-items:center;gap:20px;padding:0 18px;background:#122026;color:#F3EFE6;font:600 13px/1 'Manrope',system-ui,sans-serif;border-bottom:1px solid rgba(184,145,42,.45)}
.ah-sitebar a{color:#F3EFE6;text-decoration:none;padding:12px 0;white-space:nowrap}
.ah-sitebar a:hover,.ah-sitebar a:focus-visible{color:#E2C677;outline:none;text-decoration:underline}
.ah-sitebar a[aria-current]{color:#E2C677}
.ah-sitebar .ah-sb-back{font-family:'Fraunces',Georgia,serif;font-size:16px;font-weight:500;color:#E2C677}
.ah-sitebar nav{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none}
.ah-has-sitebar .sidebar{top:44px !important;height:calc(100vh - 44px) !important}
.ah-menubtn{display:none}
@media (max-width:880px){
  .ah-has-sitebar .sidebar{top:44px !important;height:auto !important}
  .ah-menubtn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:11px 14px;border-radius:10px;border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text);font:600 14px 'Manrope',system-ui,sans-serif;cursor:pointer;margin-bottom:6px}
  .ah-menubtn b{font-weight:600;color:var(--accent)}
  .sidebar .navlist{display:none !important}
  .sidebar.ah-open .navlist{display:flex !important;flex-direction:column;max-height:58vh;overflow-y:auto}
  .sidebar .brand{display:none}
}
@media (max-width:560px){.ah-sitebar{gap:12px;padding:0 12px}.ah-sitebar nav{gap:14px}}

/* ---- Start here card and folded tips ---- */
.starthere{border-left:4px solid var(--gold,#B8912A)}
.sh-lead{margin:0 0 6px;color:var(--text-muted)}
.sh-steps{list-style:none;margin:12px 0;padding:0;display:grid;gap:12px}
.sh-steps li{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.sh-steps span{color:var(--text-muted);font-size:14px}
.sh-go{padding:10px 16px;border-radius:10px;border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);font:600 14px 'Manrope',system-ui,sans-serif;cursor:pointer}
.sh-go:hover,.sh-go:focus-visible{background:var(--accent);color:var(--bg-card)}
.sh-save{font-size:14px;margin:10px 0 0}
.sh-save a,.card .desc a,.callout a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.sh-save a{display:inline-block;padding:7px 0}
html body .callout.tip .body b{color:#7A5A0E}
html:root[data-theme="dark"] body .callout.tip .body b{color:var(--gold)}
@media (prefers-color-scheme: dark) and (min-width: 701px){html:root:not([data-theme="light"]) body .callout.tip .body b{color:var(--gold)}}
html:root[data-theme="dark"] body .brand-badge{background:#1F4E5F}
@media (prefers-color-scheme: dark) and (min-width: 701px){html:root:not([data-theme="light"]) body .brand-badge{background:#1F4E5F}}
html:root[data-theme="dark"] body .addbtn:not(.ghost),html:root[data-theme="dark"] body .ah-next{color:#102027}
@media (prefers-color-scheme: dark) and (min-width: 701px){html:root:not([data-theme="light"]) body .addbtn:not(.ghost),html:root:not([data-theme="light"]) body .ah-next{color:#102027}}
html body .brand-badge .brand-word .hub{color:#E8CE85}
.linkbtn,.ah-bar .ah-link{min-height:32px}
.ah-bar .ah-link{display:inline-flex;align-items:center}
details.tipsfold{margin:0 0 18px}
details.tipsfold>summary{cursor:pointer;font-weight:600;font-size:14.5px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);color:var(--text);list-style:none}
details.tipsfold>summary::-webkit-details-marker{display:none}
details.tipsfold>summary::before{content:"+";display:inline-block;width:18px;font-weight:700}
details.tipsfold[open]>summary::before{content:"\2212"}
details.tipsfold[open]>summary{margin-bottom:12px}

/* ---- saved-on-this-device nudge ---- */
.ah-toast{position:fixed;left:50%;transform:translateX(-50%);bottom:64px;z-index:2147482000;display:flex;align-items:center;gap:12px;max-width:min(560px,calc(100vw - 24px));padding:10px 12px 10px 16px;background:#122026;color:#F3EFE6;border:1px solid #B8912A;border-radius:12px;font:600 13.5px/1.35 'Manrope',system-ui,sans-serif;box-shadow:0 14px 30px -12px rgba(0,0,0,.5)}
.ah-toast .ah-t-go{padding:7px 12px;border-radius:999px;border:0;background:#B8912A;color:#122026;font:700 13px 'Manrope',system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.ah-toast .ah-t-x{border:0;background:none;color:#F3EFE6;font-size:20px;cursor:pointer;padding:0 4px}
@media print{.ah-sitebar,.ah-toast{display:none !important}}

@media (max-width:560px){body.ah-has-bar .c-sticky{bottom:50px !important}}