/* FAQ: shared hero and Inter family inherited from styles.css.
   Library title style 24/700, questions 16/600, prose 16/400,
   controls 12/800. No page-specific hero or background overrides. */
.faq-page{--faq-glass:linear-gradient(135deg,rgba(76,60,99,.30),rgba(36,47,67,.52))}
/* Library explorer shell and category layout, unchanged surface values. */
.faq-explorer{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;padding:28px;background:linear-gradient(130deg,rgba(29,25,47,.94),rgba(13,20,32,.96));border:1px solid rgba(255,255,255,.09);border-radius:32px}
.faq-tools{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}
.expand-buttons{display:flex;gap:10px}
.chip{display:inline-flex;align-items:center;justify-content:flex-start;text-align:left;min-height:42px;padding:10px 15px;border:1px solid transparent;border-radius:14px;color:#94a3b8;background:transparent;font-size:13px;line-height:1.5;font-weight:800;cursor:pointer;transition:color .18s ease,background .18s ease,border-color .18s ease}
.chip:hover,.chip:focus-visible{color:#fff;background:rgba(255,255,255,.05)}
.chip.active{color:#fff;border-color:rgba(125,211,252,.32);background:linear-gradient(115deg,rgba(139,73,196,.32),rgba(53,105,181,.30))}
.category-chips{display:flex;flex-direction:column;gap:8px;align-self:start}
.faq-layout{min-width:0}
.faq-panel{min-width:0}
.faq-panel-inner{padding:0}
/* 5-amino editorial sections: title scale, spacing, and separators. */
.faq-category{padding:0 8px 42px;border-bottom:1px solid rgba(255,255,255,.09)}
.faq-category+.faq-category{margin-top:46px}
.faq-category-title,.sidebar-title{margin:0 0 26px;color:#fff;font-size:24px;font-weight:700;letter-spacing:normal;line-height:1.5}
.faq-category-title i{display:none}
.faq-item{border-top:1px solid rgba(255,255,255,.09)}
.faq-question{display:flex;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:20px 0;text-align:left;font:600 16px/1.5 Inter,sans-serif;color:#e2e8f0;background:none;border:0;cursor:pointer}
.faq-question:hover{color:#7dd3fc}.faq-question i{color:#7dd3fc;font-size:12px;flex-shrink:0}.faq-item.open .faq-question i{transform:rotate(180deg)}
.faq-answer{display:none;padding-bottom:22px;font:400 16px/1.8 Inter,sans-serif;color:#94a3b8}.faq-item.open .faq-answer{display:block}
.faq-answer strong{font-weight:600;color:#cbd5e1}.faq-answer ul,.faq-answer ol{margin:12px 0 0;padding-left:24px;list-style-position:outside}.faq-answer ul{list-style-type:disc}.faq-answer ol{list-style-type:decimal}.faq-answer li{margin:6px 0}
.sidebar-stack{display:grid;gap:28px;margin-top:46px}
.related-resources{min-width:0}
.related-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
/* Surface, title and hover come from the shared library card classes. */
.related-resource-card{display:grid;grid-template-rows:auto auto 1fr auto;align-content:start;gap:12px;min-width:0;min-height:250px;padding:24px;text-decoration:none;color:#f8fafc;background:linear-gradient(135deg,rgba(76,60,99,.30),rgba(36,47,67,.52));border-color:rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.related-resource-card::before{display:none}
.related-resource-card:hover{transform:none;border-color:rgba(125,211,252,.45);background:linear-gradient(135deg,rgba(88,60,120,.42),rgba(38,71,108,.48));box-shadow:none}
.related-resource-eyebrow{color:#38bdf8;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.related-resource-cta{display:inline-flex;align-items:center;gap:9px;color:#7dd3fc;font-size:14px;font-weight:600}
.related-resource-cta i{transition:transform .2s ease}.related-resource-card:hover .related-resource-cta i{transform:translateX(4px)}
.tool-desc{font:400 16px/1.8 Inter,sans-serif;color:#94a3b8}
.no-results{display:none;padding:32px 0;font:400 16px/1.8 Inter,sans-serif;color:#94a3b8}.no-results.show{display:block}
.faq-page main :is(a,button):focus-visible{outline:2px solid #7dd3fc;outline-offset:4px}
@media(max-width:1000px){.faq-explorer{grid-template-columns:minmax(0,1fr)}.category-chips{flex-direction:row;flex-wrap:wrap}.chip{white-space:normal}}
@media(max-width:700px){.related-resource-grid{grid-template-columns:minmax(0,1fr)}.related-resource-card{min-height:0}}
@media(max-width:600px){.faq-explorer{padding:18px;border-radius:26px;gap:24px}.faq-tools{grid-template-columns:minmax(0,1fr)}.expand-buttons{display:grid;grid-template-columns:1fr 1fr}.chip{min-height:40px;padding:9px 13px}.faq-category{padding:0 2px 34px}.faq-category+.faq-category{margin-top:36px}}