/* ============================================================
   ask.css — the Ask Qull assistant + the centered, nav-less chrome, shared by
   every page EXCEPT the homepage (the homepage carries its own copies inside
   home.css, tuned to invert over the galaxy). Loaded after site.css so it
   overrides the base nav into the centered wordmark + assistant layout.
   ============================================================ */

/* ---- centered chrome: no navigation, just the wordmark + Ask Qull ---- */
#nav{justify-content:center}
.brand{justify-self:center}
.ask-btn{position:absolute;right:max(5vw,env(safe-area-inset-right));top:50%;transform:translateY(-50%);
  display:inline-flex;align-items:center;gap:9px;
  padding:10px 18px;border-radius:40px;border:1px solid var(--line);background:rgba(250,247,239,.78);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  color:var(--ink);font-family:'Figtree',sans-serif;font-size:13px;font-weight:500;letter-spacing:.01em;
  cursor:none;transition:transform .35s cubic-bezier(.16,1,.3,1),background .35s,border-color .35s,box-shadow .35s}
.ask-btn:hover{transform:translateY(-50%) translateY(-1px);border-color:var(--sage);box-shadow:0 12px 30px -18px rgba(28,43,39,.5)}
.ask-dot{width:7px;height:7px;border-radius:50%;background:var(--sage-deep);
  box-shadow:0 0 0 0 rgba(72,122,95,.5);animation:askpulse 2.8s ease-out infinite}
@keyframes askpulse{0%{box-shadow:0 0 0 0 rgba(72,122,95,.45)}70%,100%{box-shadow:0 0 0 7px rgba(72,122,95,0)}}
@media(max-width:520px){.ask-btn{padding:9px 14px;font-size:12px;right:max(4vw,env(safe-area-inset-right))}
  .ask-btn .ask-dot{display:none}}

/* ---- the drawer ---- */
.ask-scrim{position:fixed;inset:0;z-index:9700;background:rgba(8,14,12,.42);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .38s ease}
.ask-scrim.open{opacity:1}
.ask-panel{position:fixed;top:0;right:0;z-index:9800;height:100vh;height:100dvh;
  width:min(440px,100vw);display:flex;flex-direction:column;
  background:color-mix(in oklab,var(--paper),#fff 20%);
  border-left:1px solid var(--line);box-shadow:-30px 0 80px -40px rgba(28,43,39,.6);
  transform:translateX(102%);transition:transform .42s cubic-bezier(.16,1,.3,1);
  padding-top:env(safe-area-inset-top);color:var(--ink)}
.ask-panel.open{transform:none}
.ask-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 24px 16px}
.ask-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--sage-deep);font-weight:600;margin-bottom:10px}
.ask-eyebrow .ask-dot{width:7px;height:7px;border-radius:50%;background:var(--sage-deep);
  box-shadow:0 0 0 0 rgba(72,122,95,.5);animation:askpulse 2.8s ease-out infinite}
.ask-head h2{font-family:'Figtree',sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:-.02em;line-height:1.05}
.ask-close{flex:0 0 auto;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);
  background:transparent;color:var(--ink-soft);font-size:1.4rem;line-height:1;cursor:none;
  display:flex;align-items:center;justify-content:center;transition:.3s}
.ask-close:hover{border-color:var(--ink);color:var(--ink);transform:rotate(90deg)}
.ask-tabs{display:flex;gap:8px;padding:0 24px 14px;border-bottom:1px solid var(--line)}
.ask-tab{flex:1;padding:9px 8px;border-radius:30px;border:1px solid var(--line);background:transparent;
  color:var(--ink-soft);font-family:'Figtree',sans-serif;font-size:12.5px;font-weight:500;letter-spacing:.01em;
  cursor:none;transition:.3s}
.ask-tab:hover{border-color:var(--sage)}
.ask-tab.is-on{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.ask-log{flex:1 1 auto;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:12px}
.ask-msg{max-width:88%;font-size:.97rem;line-height:1.55;border-radius:16px;padding:12px 15px}
.ask-msg a{color:var(--sage-deep);text-decoration:underline;text-underline-offset:2px}
.ask-msg em{font-style:italic;color:var(--ink)}
.ask-you{align-self:flex-end;background:var(--ink);color:var(--cream);border-bottom-right-radius:5px}
.ask-you a{color:var(--cream)}
.ask-qull{align-self:flex-start;background:color-mix(in oklab,var(--sage-soft),transparent 40%);
  color:var(--ink);border-bottom-left-radius:5px}
.ask-typing{display:inline-flex;gap:5px;padding:3px 0}
.ask-typing i{width:7px;height:7px;border-radius:50%;background:var(--sage-deep);opacity:.5;
  animation:asktype 1.2s ease-in-out infinite}
.ask-typing i:nth-child(2){animation-delay:.18s}.ask-typing i:nth-child(3){animation-delay:.36s}
@keyframes asktype{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:.9;transform:translateY(-3px)}}
.ask-suggest{display:flex;flex-wrap:wrap;gap:8px;padding:4px 24px 14px}
.ask-chip{border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);border-radius:30px;
  padding:8px 13px;font-family:'Figtree',sans-serif;font-size:12.5px;line-height:1.2;text-align:left;
  cursor:none;transition:.3s}
.ask-chip:hover{border-color:var(--sage);color:var(--ink);transform:translateY(-1px)}
.ask-form{display:flex;gap:10px;padding:14px 24px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}
.ask-form input{flex:1;font-family:'Figtree',sans-serif;font-size:16px;color:var(--ink);
  background:var(--paper);border:1px solid var(--line);border-radius:30px;padding:12px 16px;outline:none;transition:.3s}
.ask-form input:focus{border-color:var(--sage);box-shadow:0 0 0 3px rgba(127,166,140,.18)}
.ask-send{flex:0 0 auto;width:46px;height:46px;border-radius:50%;border:0;background:var(--ink);color:var(--cream);
  font-size:1.2rem;cursor:none;transition:.3s;display:flex;align-items:center;justify-content:center}
.ask-send:hover{background:var(--sage-deep);transform:translateY(-1px)}
@media(max-width:520px){.ask-panel{width:100vw;border-left:0}.ask-head h2{font-size:1.35rem}}
@media (prefers-reduced-motion:reduce){
  .ask-scrim,.ask-panel{transition:none}
  .ask-eyebrow .ask-dot,.ask-dot,.ask-typing i{animation:none}
}