.faq-panel{--nib-half:calc(var(--title-width) / 2);--nib-outer:calc(var(--nib-half) + 20px);--paper-frame-clip:polygon(var(--bevel-large) 0, calc(50% - var(--nib-outer)) 0, calc(50% - var(--nib-half)) 20px, calc(50% + var(--nib-half)) 20px, calc(50% + var(--nib-outer)) 0, calc(100% - var(--bevel-large)) 0, 100% var(--bevel-large), 100% calc(100% - var(--bevel-large)), calc(100% - var(--bevel-large)) 100%, var(--bevel-large) 100%, 0 calc(100% - var(--bevel-large)), 0 var(--bevel-large));--paper-frame-inner-clip:polygon(calc(var(--bevel-large) - var(--paper-frame-inset)) 0, calc(50% - var(--nib-outer) - var(--paper-frame-axis-offset)) 0, calc(50% - var(--nib-half) - var(--paper-frame-axis-offset)) 20px, calc(50% + var(--nib-half) + var(--paper-frame-axis-offset)) 20px, calc(50% + var(--nib-outer) + var(--paper-frame-axis-offset)) 0, calc(100% - var(--bevel-large) + var(--paper-frame-inset)) 0, 100% calc(var(--bevel-large) - var(--paper-frame-inset)), 100% calc(100% - var(--bevel-large) + var(--paper-frame-inset)), calc(100% - var(--bevel-large) + var(--paper-frame-inset)) 100%, calc(var(--bevel-large) - var(--paper-frame-inset)) 100%, 0 calc(100% - var(--bevel-large) + var(--paper-frame-inset)), 0 calc(var(--bevel-large) - var(--paper-frame-inset)))}.faq-panel .info-panel__inner{padding-top:calc(20px + clamp(18px,3.2vh,36px))}.faq-number{letter-spacing:.14em;opacity:.45;font-variant-numeric:tabular-nums;font-size:11px;font-weight:800}@keyframes faq-arrive{0%{opacity:0;transform:translateY(10px)}}@media (max-width:820px){.faq-panel{--paper-frame-clip:var(--paper-octagonal-clip);--paper-frame-inner-clip:var(--paper-octagonal-inner-clip)}.faq-panel .info-panel__inner{padding-top:clamp(22px,min(3vw,5vh),34px)}}
.faq-index{--nib-d:20px;--nib-half:calc(var(--title-width) / 2 - 7.5px);--nib-outer:calc(var(--nib-half) + var(--nib-d))}.faq-index .faq-index__list-panel{--paper-frame-clip:polygon(var(--bevel-large) 0, calc(100% - var(--nib-outer)) 0, calc(100% - var(--nib-half)) var(--nib-d), 100% var(--nib-d), 100% calc(100% - var(--bevel-large)), calc(100% - var(--bevel-large)) 100%, var(--bevel-large) 100%, 0 calc(100% - var(--bevel-large)), 0 var(--bevel-large));--paper-frame-inner-clip:polygon(calc(var(--bevel-large) - var(--paper-frame-inset)) 0, calc(100% - var(--nib-outer) + var(--paper-frame-inset)) 0, calc(100% - var(--nib-half) + var(--paper-frame-inset)) var(--nib-d), 100% var(--nib-d), 100% calc(100% - var(--bevel-large) + var(--paper-frame-inset)), calc(100% - var(--bevel-large) + var(--paper-frame-inset)) 100%, calc(var(--bevel-large) - var(--paper-frame-inset)) 100%, 0 calc(100% - var(--bevel-large) + var(--paper-frame-inset)), 0 calc(var(--bevel-large) - var(--paper-frame-inset)))}.faq-index .faq-index__answer-panel{--paper-frame-clip:polygon(0 var(--nib-d), var(--nib-half) var(--nib-d), var(--nib-outer) 0, calc(100% - var(--bevel-large)) 0, 100% var(--bevel-large), 100% calc(100% - var(--bevel-large)), calc(100% - var(--bevel-large)) 100%, var(--bevel-large) 100%, 0 calc(100% - var(--bevel-large)));--paper-frame-inner-clip:polygon(0 var(--nib-d), calc(var(--nib-half) - var(--paper-frame-inset)) var(--nib-d), calc(var(--nib-outer) - var(--paper-frame-inset)) 0, calc(100% - var(--bevel-large) + var(--paper-frame-inset)) 0, 100% calc(var(--bevel-large) - var(--paper-frame-inset)), 100% calc(100% - var(--bevel-large) + var(--paper-frame-inset)), calc(100% - var(--bevel-large) + var(--paper-frame-inset)) 100%, calc(var(--bevel-large) - var(--paper-frame-inset)) 100%, 0 calc(100% - var(--bevel-large) + var(--paper-frame-inset)))}@media (max-width:820px){.faq-index .faq-index__list-panel,.faq-index .faq-index__answer-panel{--paper-frame-clip:var(--paper-octagonal-clip);--paper-frame-inner-clip:var(--paper-octagonal-inner-clip)}}.faq-index__list{align-content:center;gap:2px;min-height:100%;display:grid}.faq-index__list button{color:var(--ink);text-align:left;cursor:pointer;transition:background .16s ease, color .16s ease, padding-left .22s var(--ease-snappy);background:0 0;border:0;grid-template-columns:44px minmax(0,1fr);align-items:baseline;padding:clamp(11px,2vh,16px) 16px;font-size:clamp(16px,1.4vw,21px);font-weight:800;line-height:1.25;display:grid}.faq-index__list button:hover,.faq-index__list button[aria-selected=true]{padding-left:24px}.faq-index__list button[aria-selected=true]{background:var(--ink);color:var(--page)}.faq-index__answer{max-width:34em;min-height:100%;animation:faq-arrive .32s var(--ease-snappy) both;flex-direction:column;justify-content:center;display:flex}.faq-index__answer>b{letter-spacing:-.05em;opacity:.12;font-variant-numeric:tabular-nums;font-size:clamp(56px,7vw,112px);font-weight:800;line-height:.82}.faq-index__answer h2{letter-spacing:-.03em;text-wrap:balance;margin:20px 0 0;font-size:clamp(26px,2.6vw,42px);font-weight:800;line-height:1.02}.faq-index__answer p{color:rgb(var(--ink-rgb) / .72);margin:22px 0 0;font-size:clamp(15px,1.2vw,18px);font-weight:600;line-height:1.6}.faq-index__answer button{color:var(--ink);letter-spacing:.2em;cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:34px;padding:0;font-size:10px;font-weight:800}.faq-index__answer button span{transition:transform .2s var(--ease-snappy);margin-left:10px;display:inline-block}.faq-index__answer button:hover span{transform:translate(5px)}
