/* Home: the styles of what changed on 2026-10-08 (approved by Matías). */

/* Inicio: botón + línea chica debajo (opción A, aprobada por Matías el 2026-10-08) */
.hero__ctas{align-items:flex-start;column-gap:28px}
.hero__primary{display:flex;flex-direction:column;align-items:flex-start}
.hero__micro{margin-top:12px;padding-left:4px;font-size:13px;letter-spacing:.01em;color:rgba(246,243,236,.78)}
.mobile-cta{transition:opacity .4s ease,transform .4s ease}
.mobile-cta.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,12px)}

/* I · How we support you */
.support{background:var(--cream)}
.support__title{max-width:17ch}
.support__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:clamp(32px,5vh,56px)}
.support__card{background:#fff;border:1px solid rgba(31,42,34,.10);border-radius:20px;padding:28px 24px 30px}
.support__n{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--trk-eyebrow);color:var(--ink-quiet)}
.support__card h3{font-family:var(--font-display);font-weight:400;font-size:clamp(24px,2vw,30px);line-height:1.1;margin:14px 0 12px;color:var(--ink)}
.support__card p{font-size:15px;line-height:1.6;color:var(--ink-soft)}
@media (max-width:1100px){.support__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.support__grid{grid-template-columns:1fr}}

/* II · Our story: la foto nueva de la campaña, entera (3:4) */
.story__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(32px,5vw,80px);align-items:start;margin-top:28px}
.story__text p{font-size:17px;line-height:1.7;color:var(--ink-soft);margin-top:16px;max-width:62ch}
.story__img{border-radius:20px;overflow:hidden;aspect-ratio:3/4;background:var(--paper-deep)}
.story__img img{width:100%;height:100%;object-fit:cover;display:block}
.story__photo{margin:0}
.story__photo figcaption{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--trk-caption);text-transform:uppercase;color:var(--ink-quiet);margin-top:12px}
.story__dragonfly{margin-top:clamp(40px,6vh,72px);padding:8px 0 8px 28px;border-left:2px solid var(--jungle-quiet);max-width:880px}
.story__dragonfly p{font-family:var(--font-display);font-size:clamp(20px,1.8vw,26px);line-height:1.45;color:var(--ink);margin-top:10px}
.story__dragonfly em{color:var(--jungle-deep)}
@media (max-width:900px){.story__grid{grid-template-columns:1fr}.story__photo{max-width:520px}}

/* Nota de reciprocidad: los párrafos eran más angostos que su caja y quedaban corridos a la izquierda */
.recip-early__body{align-items:center}

/* IX · Integration: lo que sigue después */
.integration__sub{font-size:clamp(17px,1.3vw,20px);line-height:1.6;color:var(--ink-soft);max-width:46ch;margin-top:18px}
.after__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:clamp(28px,4vh,44px) 0 clamp(40px,6vh,64px)}
.after__item{border-top:1px solid rgba(31,42,34,.18);padding-top:18px}
.after__item h3{font-family:var(--font-display);font-weight:400;font-size:clamp(22px,1.7vw,26px);line-height:1.15;color:var(--ink)}
.after__item p{font-size:15px;line-height:1.6;color:var(--ink-soft);margin-top:10px}
@media (max-width:1000px){.after__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.after__grid{grid-template-columns:1fr}}

/* Las dos puertas (idea de Maisie): el marco de las tarjetas de Our Space, sin zoom y sin botón */
.doors__lead{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px);align-items:end;margin-top:24px}
.doors__lead .body-reading + .body-reading{margin-top:14px}
.doors__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.4vw,20px);margin-top:clamp(32px,5vh,56px)}
.door{position:relative;display:block;border-radius:var(--r-md);overflow:hidden;aspect-ratio:4/3;color:var(--cream);text-decoration:none;background:var(--ink);
  box-shadow:0 24px 60px -28px rgba(31,42,34,.16);
  transition:transform 600ms var(--ease-out),box-shadow 600ms var(--ease-out)}
.door::before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;
  border:1px solid rgba(255,255,255,.55);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(31,42,34,.06);
  transition:border-color 400ms var(--ease-out),box-shadow 400ms var(--ease-out)}
.door:hover{transform:translateY(-2px);box-shadow:0 34px 74px -30px rgba(31,42,34,.24)}
.door:hover::before{border-color:rgba(255,255,255,.85);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(31,42,34,.08)}
.door img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.door__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(31,42,34,0) 38%,rgba(31,42,34,.8))}
.door__body{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:clamp(20px,3vw,36px);display:flex;flex-direction:column;gap:10px}
.door__label{font-family:var(--font-display);font-size:clamp(30px,3vw,46px);line-height:1;color:var(--cream)}
.door__text{font-size:15px;line-height:1.55;color:rgba(246,243,236,.9);max-width:38ch}
.door__cta{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--trk-eyebrow);text-transform:uppercase;color:rgba(246,243,236,.85);margin-top:6px}
@media (max-width:800px){.doors__lead{grid-template-columns:1fr}.doors__grid{grid-template-columns:1fr}.door{aspect-ratio:5/4}}

/* Buscador: tres duraciones en vez de cuatro (en el celular sigue como la web: una debajo de otra) */
@media (min-width:901px){.durations{grid-template-columns:repeat(3,1fr)}}
/* el 5 bajaba hasta "DAYS": todos los números apoyados en la misma línea */
.opt--duration .days em{font-variant-numeric:lining-nums}
/* las listas de cada nivel arrancan a la misma altura, sin hueco en el medio */
.opt--tier .inclusions{margin-top:0}


/* ---- v4 (2026-10-08, segunda ronda) ---- */

/* La historia, corta: el botón a la página completa y la libélula debajo, en la misma columna */
.story__more{margin-top:28px}
.story__copy .story__dragonfly{margin-top:clamp(36px,5vh,56px);max-width:none}

/* Las reseñas: tarjetas blancas con 5 estrellas, como en testimonials.html */
.testimonials--cards{gap:clamp(16px,1.6vw,24px);align-items:start}
.testimonials--cards .testimonial{background:#fff;border:1px solid rgba(31,42,34,.06);border-radius:20px;
  box-shadow:0 18px 40px -20px rgba(31,42,34,.10),0 2px 6px -2px rgba(31,42,34,.04);
  padding:clamp(24px,2.2vw,36px);font-size:clamp(19px,1.5vw,23px)}
.testimonials--cards .testimonial::before{display:none}

/* Buscador, paso de la cabaña: quién viene, precio de apertura tachado y lugares disponibles */
.party{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:calc(-1 * clamp(12px,2vh,24px)) 0 clamp(24px,3.5vh,40px)}
.party__q{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--trk-caption);text-transform:uppercase;color:var(--ink-quiet);margin-right:6px}
.opt--tier .was{font-size:.62em;color:rgba(246,243,236,.5);text-decoration:line-through;text-decoration-thickness:1px}
.opt--tier .cabin-meta{font-family:var(--font-mono);font-size:10.5px;letter-spacing:var(--trk-caption);text-transform:uppercase;color:var(--tan-soft);margin-top:-8px}
.opt--tier.is-full{opacity:.5;cursor:not-allowed}

/* La llamada: en dos columnas como en la web en vivo también entre 1.100 y 1.360 px
   (la ventana de Claude y muchas laptops tienen ese ancho; antes ahí quedaba todo centrado) */
@media (min-width:1100px) and (max-width:1359px){
  .discovery__grid{grid-template-columns:minmax(340px,1fr) minmax(0,1.35fr);gap:clamp(40px,4vw,64px)}
  .discovery__lead{max-width:none;margin:0;text-align:left}
  .discovery__lead .eyebrow-row{justify-content:flex-start}
  .discovery__lead h3{max-width:16ch;margin-left:0;margin-right:0}
  .discovery__lead p{margin-left:0;margin-right:0}
  .discovery__founders{max-width:250px;margin-left:0;margin-right:0}
  .discovery__founders figcaption{justify-content:flex-start}
  .discovery__booking{max-width:none;margin:0}
}
/* Las tarjetas de cabaña miden lo que su contenido (las de nivel tenían listas largas y un alto fijo)
   y el nombre se lee entero: en la web de hoy la primera palabra quedaba casi invisible sobre el verde */
#cabin-list .opt--tier{min-height:0}
#cabin-list .opt--tier .name{color:var(--cream)}
/* Which call: Sacred Plants / Yoga & Breathwork (Matías, 9-oct-2026): two simple pills, top right of the calendar */
.calkind{display:flex;justify-content:center;gap:8px;margin:0 0 14px}   /* centred over the calendar (Matías, 9-oct) */
.calkind__btn,.faqkind__btn{font:500 14px/1 var(--font-sans,inherit);letter-spacing:.01em;padding:10px 16px;border-radius:999px;border:1px solid rgba(31,42,34,.22);background:transparent;color:var(--ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.calkind__btn:hover,.faqkind__btn:hover{border-color:rgba(31,42,34,.5)}
.calkind__btn.is-on,.faqkind__btn.is-on{background:var(--ink);border-color:var(--ink);color:var(--cream)}


.faqkind{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 8px}   /* FAQ by kind of retreat (Maisie, 9-oct) */
.faq__item[hidden]{display:none}

/* Finder · who's coming first, prices that say what they are (Matías, 9-oct-2026) */
.parties{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}
.opt--party{display:flex;flex-direction:column;gap:12px;min-height:170px;justify-content:flex-end}
.opt--party .who{font-family:var(--font-display);font-size:clamp(30px,3vw,42px);line-height:1.05;color:var(--ink)}
.opt--party .who em{font-style:italic;color:var(--jungle-deep)}
.opt--party .sub{font-size:15px;line-height:1.5;color:var(--ink-soft)}
.opt--party.is-selected .who{color:var(--cream)}
.opt--party.is-selected .who em{color:var(--tan-soft)}
.opt--party.is-selected .sub{color:rgba(246,243,236,.75)}
@media (max-width:600px){.parties{grid-template-columns:1fr}.opt--party{min-height:0}}
.finder__picked{display:flex;flex-wrap:wrap;gap:8px;margin:calc(-1 * clamp(18px,3vh,40px)) 0 clamp(24px,3.5vh,40px)}
.finder__picked[hidden]{display:none}
.picked{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border-radius:999px;border:1px solid rgba(31,42,34,.2);background:rgba(253,251,244,.6);color:var(--ink);font:500 14px/1.2 var(--font-sans,inherit);cursor:pointer;transition:border-color .2s,background .2s}
.picked:hover{border-color:rgba(31,42,34,.55);background:rgba(253,251,244,.9)}
.picked .chg{font-family:var(--font-mono);font-size:10px;letter-spacing:var(--trk-caption);text-transform:uppercase;color:var(--ink-quiet);text-decoration:underline;text-underline-offset:3px}
.finder.step-4 .picked{background:transparent;border-color:rgba(246,243,236,.3);color:var(--cream)}
.finder.step-4 .picked .chg{color:rgba(246,243,236,.6)}
.opt--tier .each{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:var(--trk-caption);text-transform:uppercase;color:rgba(246,243,236,.7);margin-top:-10px}
.opt--tier.is-solo{opacity:.4}
/* Final screen: "Save & book a call" and "Start again" are enough; no repeated "Your retreat." nor Back (Matías, 9-oct) */
.finder.step-4 .room__foot{display:none}
.calchoice{display:flex;justify-content:center;margin:0 auto 16px}   /* the finder's choice over the calendar, one short chip (9-oct) */
.calchoice[hidden]{display:none}
.calchoice__txt{display:inline-block}
.calchoice:not([hidden])>.calchoice__txt{padding:0}
.calchoice{width:fit-content;max-width:100%;align-items:center;gap:2px;font-family:var(--font-mono);font-size:11px;letter-spacing:var(--trk-caption);text-transform:uppercase;line-height:1.7;color:var(--ink-quiet);text-align:center}   /* plain caption, like "Who's coming?" (9-oct) */
.calchoice__chg{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:var(--ink-quiet);transition:background .2s,color .2s}
.calchoice__chg:hover{background:rgba(31,42,34,.07);color:var(--ink)}
.calchoice__chg svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.opt--duration[hidden]{display:none}
@media (min-width:901px){.durations:has(.opt--duration[hidden]){grid-template-columns:repeat(2,1fr);max-width:820px}}   /* two lengths while 5 days is hidden (9-oct) */

/* ===== 9-oct-2026 · Home reorganized (Maisie's list), retreats.html and team.html ===== */
.landspace{margin-top:clamp(64px,9vh,110px)}
.doors__all{display:flex;justify-content:center;margin-top:clamp(32px,5vh,52px)}
/* Reciprocity figures, light on the dark glass (same idea as .sfacts on Our Story) */
.rfacts{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 clamp(36px,5vh,56px);padding:clamp(24px,3.5vh,36px) 0;border-top:1px solid rgba(246,243,236,.16);border-bottom:1px solid rgba(246,243,236,.16);text-align:center}
.rfacts>div{position:relative;padding:0 clamp(10px,1.6vw,22px)}
.rfacts>div+div::before{content:"";position:absolute;left:0;top:8%;bottom:8%;width:1px;background:rgba(246,243,236,.18)}
.rfacts b{display:block;font-family:var(--font-display);font-weight:400;font-size:clamp(36px,3.6vw,52px);line-height:1;color:var(--cream);font-variant-numeric:lining-nums}
.rfacts small{display:block;margin-top:12px;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:rgba(246,243,236,.75);line-height:1.5}
@media (max-width:800px){.rfacts{grid-template-columns:1fr 1fr;row-gap:28px}.rfacts>div:nth-child(3)::before{display:none}}
.support__after{margin-top:clamp(72px,10vh,120px)}
.reviews .testimonials--cards{margin-top:clamp(24px,3vh,36px)}
.hostband__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,5vw,80px);align-items:center}
.hostband__img img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-lg,20px)}
.hostband__copy .h-display{margin:18px 0 20px}
.hostband__copy .btn{margin-top:28px}
@media (max-width:800px){.hostband__grid{grid-template-columns:1fr}.hostband__img{order:-1}}
/* Closing phrase in the site's own serif, not the handwriting (Maisie) */
.closing__phrase{font-family:var(--font-display);font-style:italic;font-weight:400}
/* Team page */
.tpage{padding-top:clamp(140px,18vh,190px)}
.tpage h1{margin:18px 0 0}
.tpage__lead{margin-top:18px;max-width:52ch}
.tgrid{margin-top:clamp(40px,6vh,64px)}
.tcard{appearance:none;-webkit-appearance:none;background:none;border:0;padding:0;margin:0;text-align:left;cursor:pointer;color:inherit;font:inherit}
.tcard .img-inner img{transition:transform .6s cubic-bezier(.16,1,.3,1)}
.tcard:hover .img-inner img{transform:scale(1.03)}
.tcard__more{display:inline-block;margin-top:12px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:var(--trk-caption);text-transform:uppercase;color:var(--jungle-deep);border-bottom:1px solid currentColor;padding-bottom:2px}
.tcard:focus-visible{outline:2px solid var(--jungle);outline-offset:6px;border-radius:8px}
.tdialog{width:min(920px,calc(100vw - 32px));max-height:calc(100svh - 48px);padding:0;border:0;border-radius:24px;background:var(--paper);color:var(--ink);box-shadow:0 40px 100px -30px rgba(0,0,0,.5);overflow:auto}
.tdialog::backdrop{background:rgba(15,22,17,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.tdialog__grid{display:grid;grid-template-columns:5fr 7fr}
.tdialog__img img{display:block;width:100%;height:100%;min-height:440px;object-fit:cover}
.tdialog__copy{padding:clamp(28px,4vw,52px)}
.tdialog__name{font-family:var(--font-display);font-weight:400;font-size:clamp(34px,3.4vw,46px);line-height:1.05;margin:0}
.tdialog__role{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--trk-caption);text-transform:uppercase;color:var(--ink-quiet);margin:12px 0 22px}
.tdialog__bio p{font-size:16px;line-height:1.7;margin:0 0 .9em}
.tdialog__x{position:absolute;top:14px;right:14px;z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:rgba(246,243,236,.92);color:var(--ink);font-size:24px;line-height:1;cursor:pointer}
@media (max-width:700px){.tdialog__grid{grid-template-columns:1fr}.tdialog__img img{min-height:0;aspect-ratio:4/3}}
/* The families photo, clear above the glass (the background one is blurred) */
.recip2__photo{margin:0 0 clamp(20px,3vh,32px)}
.recip2__photo img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;object-position:center 35%;border-radius:32px;box-shadow:0 40px 100px -30px rgba(0,0,0,.55)}
@media (max-width:700px){.recip2__photo img{aspect-ratio:4/3;border-radius:24px}}
/* Reciprocity intro: full width of the panel, fewer lines (Matias, 9-oct) */
#reciprocity .recip2__lede{max-width:none;text-wrap:balance}
/* Retreats page: shorter cover so the finder comes sooner; Huni Kuin with the photo on the left (the ceremony above has it on the right) */
.phero--short{min-height:64svh}
@media (min-width:901px){.hunikuin--flip .hunikuin__portrait{order:-1}}

/* ===== 9-oct-2026 · Retreats page, approved structure ===== */
/* Sacred Plants: its own section, text left and the Maloca at night on the right (Yoga below has the photo on the left) */
#offerings,#sacred-plants,#hunikuin,#family,#finder,#yoga,#discovery,#faq{scroll-margin-top:90px}
.sacred__grid{display:grid;grid-template-columns:6fr 5fr;gap:clamp(36px,5vw,88px);align-items:center}
.sacred__copy .h-display{margin:18px 0 24px;max-width:16ch}
.sacred__meta{margin:24px 0 26px;font-family:var(--font-mono);font-size:11px;letter-spacing:var(--trk-caption);text-transform:uppercase;color:var(--jungle-deep)}
.sacred__img img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-lg,24px)}
.sacred .ceremony__facts{margin-top:clamp(48px,7vh,80px);padding-top:clamp(28px,4vh,40px);border-top:1px solid rgba(31,42,34,.12)}
@media (max-width:860px){.sacred__grid{grid-template-columns:1fr}.sacred__img{order:-1}.sacred__img img{aspect-ratio:4/3}}
/* The family, after ceremony */
.family{padding-top:clamp(56px,8vh,96px);padding-bottom:clamp(56px,8vh,96px)}
.family__fig{margin:0}
.family__fig img{display:block;width:100%;aspect-ratio:21/9;object-fit:cover;object-position:center 40%;border-radius:var(--r-lg,24px)}
.family__fig figcaption{margin-top:14px;text-align:center;font-family:var(--font-mono);font-size:10.5px;letter-spacing:var(--trk-caption);text-transform:uppercase;color:var(--ink-quiet)}
@media (max-width:700px){.family__fig img{aspect-ratio:4/3}}
/* Yoga & Breathwork */
.yoga__grid{display:grid;grid-template-columns:5fr 6fr;gap:clamp(36px,5vw,88px);align-items:center}
.yoga__img img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-lg,24px)}
.yoga__copy .h-display{margin:18px 0 24px}
.yoga__copy .body-reading + .body-reading{margin-top:14px}
.yoga__soon{margin:28px 0 22px;font-family:var(--font-mono);font-size:11px;letter-spacing:var(--trk-caption);text-transform:uppercase;color:var(--jungle-deep)}
@media (max-width:860px){.yoga__grid{grid-template-columns:1fr}.yoga__img img{aspect-ratio:4/3}}
/* FAQ, option B (Matias, 9-oct): three answers in the open, then the rest by topic in three columns */
.fqb{background:var(--cream)}
.fqb__eyebrow{display:block;font:500 11px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-quiet)}
.fqb__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(30px,4vh,48px)}
.fqb__head .h-display{margin-top:14px}
.fqb .faqkind{margin:0;display:inline-flex;padding:4px;gap:2px;border-radius:999px;background:rgba(31,42,34,.06)}
.fqb .faqkind__btn{border:0;background:none;color:var(--ink-soft);padding:10px 18px}
.fqb .faqkind__btn.is-on{background:#fff;color:var(--ink);box-shadow:0 2px 10px -4px rgba(0,0,0,.25)}
.fqb__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fqb__card{background:#fff;border:1px solid rgba(31,42,34,.08);border-radius:22px;padding:30px 28px 28px}
.fqb__card[hidden],.fqb__item[hidden]{display:none}
.fqb__card .fqb__eyebrow{color:var(--jungle-deep)}
.fqb__card h3{font-family:var(--font-display);font-weight:400;font-size:clamp(24px,2vw,30px);line-height:1.15;margin:14px 0;color:var(--ink)}
.fqb__ans p{margin:0 0 .8em;font-size:15px;line-height:1.65;color:var(--ink-soft)}
.fqb__ans p:last-child{margin-bottom:0}
.fqb__more{display:flex;align-items:center;gap:16px;margin:clamp(56px,8vh,84px) 0 clamp(26px,4vh,38px)}
.fqb__rule{flex:1;height:1px;background:rgba(31,42,34,.12)}
.fqb__groups{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,48px);align-items:start}
.fqb__group h4{margin:0;padding-bottom:12px;border-bottom:1px solid rgba(31,42,34,.25);font:500 11px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--jungle-deep)}
.fqb__item{border-bottom:1px solid rgba(31,42,34,.12)}
.fqb__item summary{list-style:none;display:flex;align-items:center;gap:16px;padding:16px 0;cursor:pointer;font-family:var(--font-display);font-size:19px;line-height:1.3;color:var(--ink)}
.fqb__item summary::-webkit-details-marker{display:none}
.fqb__item summary span{flex:1}
.fqb__item summary:hover{color:var(--jungle-deep)}
.fqb__item summary:focus-visible{outline:2px solid var(--jungle);outline-offset:4px;border-radius:4px}
.fqb__item i{flex:0 0 auto;position:relative;width:13px;height:13px}
.fqb__item i::before,.fqb__item i::after{content:"";position:absolute;left:0;top:50%;width:13px;height:1.2px;background:currentColor;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.fqb__item i::after{transform:rotate(90deg)}
.fqb__item[open] i::after{transform:rotate(0)}
.fqb__a{padding:0 0 18px}
.fqb__a p{margin:0 0 .8em;font-size:15px;line-height:1.65;color:var(--ink-soft)}
.fqb__still{margin:clamp(36px,5vh,56px) 0 0;text-align:center;font-size:15px;color:var(--ink-soft)}
.fqb__still a{color:var(--ink);border-bottom:1px solid rgba(31,42,34,.3)}
@media (max-width:900px){.fqb__cards,.fqb__groups{grid-template-columns:1fr}}
.reviews__title{max-width:18ch;margin-bottom:clamp(8px,2vh,16px)}