/* FAQ follows the course panels: square surfaces, numbered controls and fine rules. */
#faq{--faq-panel:#fafafa;--faq-rule:#d3d3d3;--faq-muted:#747474;font-family:Apparat,sans-serif}
html[data-site-theme="dark"] #faq{--faq-panel:#161616;--faq-rule:#383838;--faq-muted:#aaa}
#faq .site-faq-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding-bottom:28px}
#faq .site-faq-head h2{margin:0;font-size:22px;font-weight:300;line-height:1.2;letter-spacing:-.025em}
#faq .site-faq-head p{margin:0;max-width:680px;font-size:16px;line-height:1.55;color:var(--faq-muted)}
#faq .site-faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;border:0;background:transparent}
#faq .site-faq-column{display:flex;flex-direction:column;gap:12px;width:auto;min-width:0;border:0}
#faq .site-faq-column>details{margin:0;padding:0 20px!important;border:0!important;border-radius:0;background:var(--faq-panel);box-shadow:none;box-sizing:border-box}
#faq .site-faq-column>details::before,#faq .site-faq-column>details::after{content:none!important}
#faq summary{display:grid;grid-template-columns:36px minmax(0,1fr) 30px;align-items:center;gap:14px;min-height:76px;padding:16px 0;box-sizing:border-box;font-size:20px;font-weight:400;line-height:1.3;color:var(--ink);list-style:none;cursor:pointer}
#faq summary::-webkit-details-marker{display:none}
#faq summary::marker{content:""}
#faq summary::before{content:attr(data-faq-number);font-size:18px;font-weight:300;line-height:1;color:var(--faq-muted)}
#faq summary::after{content:""!important;display:block!important;justify-self:end;width:30px;height:30px;color:var(--ink)!important;border:0!important;box-shadow:none!important;background:linear-gradient(currentColor,currentColor) center/14px 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 14px no-repeat!important;transition:background-size .24s ease!important}
#faq details[open]:not(.is-closing)>summary::after{background:linear-gradient(currentColor,currentColor) center/14px 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 0 no-repeat!important}
#faq summary:focus-visible{outline:2px solid var(--ink);outline-offset:-4px}
#faq details>p{max-width:none;margin:0;padding:18px 0 24px;border:0;border-top:1px solid var(--faq-rule);font-size:16px;line-height:1.6;color:var(--ink);overflow-wrap:anywhere}
#faq details[open]>p{animation:faq-answer-fade .22s ease-out both}
@keyframes faq-answer-fade{from{opacity:0}to{opacity:1}}
@media(max-width:900px){#faq .site-faq-head{grid-template-columns:minmax(0,1fr);gap:16px}#faq .site-faq-list{gap:12px}#faq summary{font-size:18px;gap:10px;grid-template-columns:30px minmax(0,1fr) 30px}}
@media(max-width:700px){#faq .site-faq-list{grid-template-columns:minmax(0,1fr)}#faq .site-faq-column>details{padding:0 16px!important}#faq summary{min-height:72px;font-size:19px}#faq details>p{padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){#faq summary::after{transition:none!important}#faq details[open]>p{animation:none}}
