/* Text-only FAQ: centered column, compact readable spacing, native details fallback. */
/* Native anchor scrolling adds the root scroll-padding to this margin. */
.faq-chapter{--brew-anchor-inset:var(--brew-reading-title-top);width:min(1080px,91.111112%);margin-inline:auto;scroll-margin-top:calc(var(--brew-anchor-inset) - var(--brew-scroll-padding-top))}
.faq-heading{margin:0 auto 48px;transform:rotate(0deg)}
.faq-list{max-width:1000px;margin-inline:auto}
.faq-item{border:0;padding-bottom:1px}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:60px;padding:16px 0;list-style:none;cursor:pointer;color:var(--ink);transition:color .2s ease;-webkit-tap-highlight-color:transparent}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::marker{content:''}
.faq-item h3{margin:0;font:400 20px/1.4 'Courier Prime',monospace;letter-spacing:0;text-align:left}
.faq-item summary:focus-visible{color:var(--gold)}
/* Touch taps are not hover: keep question ink stable during open/close. */
@media(hover:hover) and (pointer:fine){.faq-item summary:hover{color:var(--gold)}}
.faq-item summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px;border-radius:2px}
.faq-plus{position:relative;display:block;flex:none;width:24px;height:24px;margin-inline:4px;transition:transform .32s cubic-bezier(.22,.7,.25,1);color:inherit}
.faq-plus::before,.faq-plus::after{content:'';position:absolute;left:3px;top:11px;width:18px;height:2px;border-radius:2px;background:currentColor}
.faq-plus::after{transform:rotate(90deg)}
.faq-item[open]:not([data-faq-expanded=false]) .faq-plus{transform:rotate(45deg)}
.faq-answer{overflow:hidden}
.faq-answer-inner{padding:0 56px 16px 0;font:400 16px/1.375 'Courier Prime',monospace;letter-spacing:0;color:#8a7c78;text-align:left}
.faq-answer p{margin:0}
.faq-answer p+p{margin-top:6px}
/* The farewell uses the hero's saved typography, not another size preset. */
#product{padding-bottom:0}
.closing-chapter{display:grid;place-items:center;align-content:center;gap:40px;width:91.111112%;max-width:1540px;min-height:calc(100svh - 152px);margin-inline:auto;padding:80px 0}
.closing-invitation{margin:0;text-align:center;font:400 20px/1.4 'Courier Prime',monospace;color:var(--ink)}
.closing-invitation a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px;transition:color .18s}
.closing-invitation a:hover{color:var(--gold)}
.closing-invitation strong{font-weight:700;color:var(--gold)}
.closing-invitation a:focus-visible{outline:2px solid var(--gold);outline-offset:5px;border-radius:2px}
@media(max-width:1199px){.closing-invitation{min-width:0;max-width:100%}.closing-invitation>br{display:none}}
.closing-heading{width:100%;top:-40px;transform:rotate(-2deg)}
.closing-heading h2{font-size:56px;line-height:1.125;letter-spacing:.6px;text-align:center}
@media(max-width:800px){
 .faq-chapter{width:calc(100% - 48px)}
 .faq-heading{margin-bottom:40px}
 .faq-item summary{gap:20px}
 .faq-answer-inner{padding-right:0}
 .closing-chapter{min-height:50svh;margin-top:96px;padding-block:60px}
 .closing-heading h2{overflow-wrap:break-word}
}