/* 76 — FAQ (owner: B5). Native <details>, hairline separators, big tap targets; smooth height where
   ::details-content + interpolate-size exist (Chrome 131+), instant everywhere else. */
.fq-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
.fq-head{position:sticky;top:calc(var(--nav-h) + 40px)}
.fq-head .eyebrow{margin-bottom:16px}
.fq-title{max-width:10ch}
.fq-ask{margin-top:22px;max-width:30ch}
.fq-mail{margin-top:16px;max-width:400px}

.fq-list{border-top:1px solid var(--line-2)}
.fq-item{border-bottom:1px solid var(--line-2);interpolate-size:allow-keywords}
.fq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;
  min-height:72px;padding:20px 4px;font-size:clamp(18px,.4vw + 15px,21px);font-weight:600;letter-spacing:-.012em;line-height:1.3;
  color:var(--fg);transition:color .16s;border-radius:8px}
.fq-item summary::-webkit-details-marker{display:none}
.fq-item summary:hover span{color:#fff}
.fq-item summary i{position:relative;flex:none;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line-3);transition:box-shadow .2s}
.fq-item summary i::before,.fq-item summary i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.75px;margin:-.875px 0 0 -5.5px;
  border-radius:2px;background:var(--fg-2);transition:transform .3s var(--e-out),background-color .2s}
.fq-item summary i::after{transform:rotate(90deg)}
.fq-item summary:hover i{box-shadow:inset 0 0 0 1.5px var(--fg-2)}
.fq-item[open] summary i{box-shadow:inset 0 0 0 1.5px var(--blue-2)}
.fq-item[open] summary i::before,.fq-item[open] summary i::after{background:var(--blue-2)}
.fq-item[open] summary i::after{transform:rotate(0deg)}
.fq-a{padding:0 56px 26px 4px}
.fq-a p{font-size:var(--t-body);line-height:1.6;color:var(--fg-2);max-width:62ch;text-wrap:pretty}

/* smooth open/close (progressive) */
.fq-item::details-content{block-size:0;overflow:clip;opacity:0;
  transition:block-size .4s var(--e-out),opacity .3s ease,content-visibility .4s allow-discrete}
.fq-item[open]::details-content{block-size:auto;opacity:1}

@media (max-width:860px){
  .fq-grid{grid-template-columns:1fr;gap:36px}
  .fq-head{position:static}
  .fq-title{max-width:none}
  .fq-a{padding-right:8px}
}
.fq-mail .copy{min-height:46px;padding:0 16px}
.fq-mail code{white-space:nowrap;overflow-wrap:normal;font-size:clamp(13.5px,3.8vw,18px)}
@media (max-width:380px){.fq-mail{padding-left:14px;gap:8px}.fq-mail .copy{padding:0 12px}}
.fq{padding-block:clamp(72px,8vw,120px)}
.fq-a p + p{margin-top:10px}