/* faq — "Questions, answered." (#faq), a cream sheet: the head stays in view while six paper cards open (native <details>, so the keyboard
   and screen readers work without script; mix.js animates the height), a gold star in each that turns when it opens, and a plum card that
   hands anything else to the chat. Prefix fq-. */
.fq-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(30px,6vw,100px);align-items:start}
.fq-side{position:sticky;top:112px}
.fq-bub{position:absolute;top:-12px;inset-inline-end:7%;width:92px;height:auto;pointer-events:none;transform:rotate(var(--r,0deg));filter:drop-shadow(0 14px 12px rgba(70,8,36,.28));animation:k-float 7s ease-in-out infinite;--r:9deg}
.fq-side .k-h2{margin-top:18px;color:var(--plum-600)}
.fq-side .k-lead{margin-top:18px;max-width:22em}
.fq-ask{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 16px;align-items:center;max-width:26rem;margin-top:36px;padding:20px 22px 22px;border-radius:30px;background:var(--k-grain-light),var(--k-plum-clay);box-shadow:var(--k-plum-shadow);color:var(--cream-100)}
.fq-ask-b{width:54px;height:auto;filter:drop-shadow(0 8px 8px rgba(20,0,10,.45))}
.fq-ask b{display:block;font:750 1.15rem/1.15 var(--display);color:var(--cream-50)}
.fq-ask p span{display:block;margin-top:5px;font-size:.95rem;line-height:1.45;color:#ecd2c4}
.fq-ask-go{grid-column:1/-1;justify-self:start}
.fq-ask :focus-visible{outline-color:var(--gold-300)}
.fq-list{display:grid;gap:14px}
.fq-i{position:relative;border-radius:26px;background:var(--k-paper);box-shadow:var(--k-paper-shadow);transition:box-shadow .35s}
.fq-i:hover{box-shadow:var(--k-paper-shadow),0 26px 34px -24px rgba(110,50,0,.5)}
.fq-i summary{display:flex;align-items:center;gap:18px;padding-block:20px; padding-inline:26px 20px;border-radius:26px;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}
.fq-i summary::-webkit-details-marker{display:none}
.fq-i summary::marker{content:""}
.fq-q{flex:1;font:700 clamp(1.06rem,1.35vw,1.2rem)/1.3 var(--display);letter-spacing:-.012em;color:var(--plum-600)}
.fq-tg{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0%,#f8e7c0 100%);box-shadow:inset 0 1px 0 #fff,inset 0 -3px 6px rgba(160,100,20,.16),0 8px 12px -8px rgba(90,40,0,.45);transition:background .35s,box-shadow .35s}
.fq-tg img{width:24px;height:auto;filter:drop-shadow(0 3px 3px rgba(130,70,0,.35));transition:transform .6s var(--spring),filter .4s}
.fq-i summary:hover .fq-tg img{transform:rotate(-12deg) scale(1.08)}
.fq-i[open]:not(.is-shut) .fq-tg{background:var(--k-grain-light),var(--k-plum-clay);box-shadow:var(--k-plum-shadow)}
.fq-i[open]:not(.is-shut) .fq-tg img{transform:rotate(45deg) scale(1.12);filter:drop-shadow(0 0 8px rgba(255,226,140,.85))}
.fq-a{max-width:60ch;padding:0 26px 24px;color:var(--ink-2);font-size:1rem;line-height:1.62}
.fq-i[open] .fq-a{animation:fq-in .5s var(--ease) both}
@keyframes fq-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.fq-i summary:focus-visible{outline:3px solid var(--plum-400);outline-offset:3px}
@supports selector(:has(a)){.fq-i summary:focus-visible{outline:none}.fq-i:has(>summary:focus-visible){outline:3px solid var(--plum-400);outline-offset:4px}}
@media (max-width:900px){
  .fq-grid{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0}
  .fq-bub{top:-18px;inset-inline-end:0;width:76px}
  .fq-side{display:contents}
  .fq-list{order:1;margin-top:34px}
  .fq-ask{order:2;max-width:none;margin-top:26px}
}
@media (max-width:560px){
  .fq-bub{top:-34px;inset-inline-end:-4px;width:62px}
  .fq-i summary{gap:14px;padding-block:17px; padding-inline:18px 14px}
  .fq-tg{width:38px;height:38px}
  .fq-tg img{width:19px}
  .fq-a{padding:0 18px 20px}
}