/* FAQ Page - storybook style matching Gods of Logic universe */
.faq-page{background:#fffdf8;color:#2e1b14}

/* Hero banner */
.faq-hero{position:relative;padding:0;margin:0;line-height:0;background:#fffdf8;overflow:hidden}
.faq-hero-banner{display:block;width:100%;height:auto;aspect-ratio:2170/725;object-fit:cover;object-position:center}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Search */
.faq-body{max-width:860px;margin:0 auto;padding:28px 6% 48px}
.faq-search-wrap{margin-bottom:24px;text-align:center}
.faq-search{display:flex;align-items:center;gap:12px;max-width:560px;margin:0 auto;padding:10px 18px;border:1.5px solid #e5cfa5;border-radius:999px;background:#fff;box-shadow:0 8px 22px #74450d14;transition:border-color .15s ease,box-shadow .15s ease}
.faq-search:focus-within{border-color:#d9a13d;box-shadow:0 8px 26px #d9a13d33}
.faq-search svg{width:20px;height:20px;flex-shrink:0;color:#a45715}
.faq-search input{flex:1;border:0;outline:0;background:transparent;font:600 15px/1.4 'Nunito',Arial,sans-serif;color:#2e1b14}
.faq-search input::placeholder{color:#b09377}
.faq-search-help{margin:12px 0 0;font-size:13px;color:#8a6f5c}
.faq-search-help a{color:#994619;font-weight:700}

/* Category headings */
.faq-popular h2,.faq-category h2{display:flex;align-items:center;gap:10px;margin:0 0 10px;color:#1d3a5f;font:700 clamp(21px,2.6vw,27px)/1.15 'Fredoka',Arial,sans-serif}
.faq-popular h2 svg{width:24px;height:24px;flex-shrink:0}
.faq-popular{margin-bottom:28px}
.faq-category{margin-bottom:28px;scroll-margin-top:24px}

/* Accordion items */
.faq-list{display:grid;gap:8px}
.faq-item{border:1px solid #eee2ca;border-radius:14px;background:#fff;box-shadow:0 3px 10px #74450d0d;overflow:hidden;transition:box-shadow .15s ease,border-color .15s ease}
.faq-item:hover{border-color:#e3c98f;box-shadow:0 6px 16px #74450d14}
.faq-item[open]{border-color:#e3c98f;box-shadow:0 8px 20px #74450d18}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;cursor:pointer;padding:11px 16px;font:700 15.5px/1.4 'Nunito',Arial,sans-serif;color:#243b53}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:focus-visible{outline:2px solid #d9a13d;outline-offset:2px;border-radius:14px}
.faq-chevron{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;background:#f6efe0;color:#a45715;transition:transform .2s ease,background .2s ease}
.faq-chevron svg{width:15px;height:15px}
.faq-item[open] .faq-chevron{transform:rotate(90deg);background:#d9a13d;color:#fff}
.faq-answer{padding:2px 16px 12px;border-top:1px dashed #eee2ca;animation:faqSlide .18s ease}
.faq-answer p{margin:9px 0 0;font-size:15px;line-height:1.65;color:#55433b}
.faq-answer a{color:#994619;font-weight:700}
@keyframes faqSlide{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

/* Search filtering states */
.faq-item[data-hidden]{display:none}
.faq-category[data-hidden],.faq-popular[data-hidden]{display:none}
.faq-empty{display:none;padding:26px 20px;border:1.5px dashed #e5cfa5;border-radius:14px;text-align:center;color:#8a6f5c;font-size:14.5px}
.faq-empty[data-visible]{display:block}

/* Still have a question */
.faq-still-help{margin-top:4px;padding:20px 20px;border:1px solid #e5cfa5;border-radius:22px;background:linear-gradient(150deg,#fff4d9,#fdf6e4);text-align:center}
.faq-still-help h2{margin:0 0 8px;color:#40170f;font:700 26px/1.1 'Fredoka',Arial,sans-serif}
.faq-still-help p{margin:0;font-size:15.5px;color:#55433b}
.faq-still-help a{color:#994619;font-weight:700}
.faq-tagline{display:block;margin-top:14px;color:#a45715;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}

/* Responsive */
.@media(max-width:760px){
  .faq-body{padding:22px 5% 40px}
  .faq-item summary{padding:10px 12px;font-size:14.5px}
  .faq-answer{padding:2px 14px 14px}
}