/* A compact entry opens a dedicated, accessible FAQ reader. */
.faq-hub{background:#fff}
.faq-hub-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq-hub .faq-hub-heading h2{margin:0}
.faq-count{color:#6b99ae;font:9px/1.2 Arial,sans-serif;letter-spacing:.12em;text-align:center}
.faq-count strong{display:block;font:italic 35px/1.1 Georgia,serif;color:#47a5d7;letter-spacing:0}
.faq-intro{color:#5d7b8d;font-size:13px;line-height:1.9;margin:20px 0 24px}
.faq-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.faq-shortcuts button{display:flex;align-items:center;gap:11px;padding:17px 15px;background:#f5fbfe;border:1px solid #deedf5;border-radius:10px;color:#275a74;font:500 13px/1.5 var(--sans);text-align:left;cursor:pointer}
.faq-shortcut-no{font:italic 16px Georgia,serif;color:#78aecb}
.faq-shortcuts button>span:last-child{margin-left:auto;color:#299fe0;font-size:19px}
.faq-shortcuts button:hover{background:#e9f7ff;border-color:#85c9ed}
.faq-open-all{margin-top:18px;display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 23px;border:0;border-radius:12px;background:linear-gradient(115deg,#24a5e9,#128bd0);box-shadow:0 8px 22px #1484bb1a;color:#fff;font:600 15px/1.5 var(--sans);text-align:left;cursor:pointer}
.faq-open-all small{font-size:10px;margin-left:15px;font-weight:400;opacity:.86}
.faq-open-arrow{font-size:23px;font-weight:400}
.faq-open-all:hover{background:linear-gradient(115deg,#1598dd,#077bbb)}
#faq-dialog{box-sizing:border-box;width:min(820px,calc(100vw - 64px));height:min(860px,90dvh);max-width:none;max-height:none;border:1px solid #fff;border-radius:22px;padding:0;margin:auto;background:#fff;color:#234f66;box-shadow:0 30px 100px #0a38563d;overflow:hidden}
#faq-dialog[open]{display:flex;flex-direction:column;animation:faq-pop .24s cubic-bezier(.2,.7,.3,1)}
#faq-dialog::backdrop{background:#0e344b80;backdrop-filter:blur(8px)}
.faq-dialog-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:25px 32px 20px;background:linear-gradient(110deg,#f0faff,#fff)}
.faq-dialog-header p{margin:0 0 6px;font:600 9px/1.5 Arial,sans-serif;letter-spacing:.16em;color:#58a0c6}
.faq-dialog-header h2{font:500 30px/1.35 var(--serif);margin:0}
.faq-close{flex-shrink:0;border:1px solid #d7e9f2;background:#fff;border-radius:28px;color:#39738f;display:flex;align-items:center;gap:4px;padding:9px 12px;min-height:44px;font:500 11px var(--sans);cursor:pointer}
.faq-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}
.faq-filter-wrap{flex-shrink:0;padding:0 32px 17px;border-bottom:1px solid #e3eff5;background:#fff}
.faq-filters{display:flex;flex-wrap:wrap;gap:7px}
.faq-filters button{display:flex;align-items:center;gap:7px;min-height:38px;padding:7px 12px;border:1px solid #dfeaf0;background:#fff;border-radius:24px;color:#648295;font:500 12px var(--sans);cursor:pointer}
.faq-filters button span{font:11px Arial,sans-serif;opacity:.75}
.faq-filters button[aria-pressed=true]{background:#218ece;color:#fff;border-color:#218ece}
.faq-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9dcea #f8fcfe;padding:0 32px 28px;background:#fff}
.faq-list-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:21px 0 10px}
.faq-list-heading p,.faq-list-heading>span{margin:0;font-size:11px;color:#6c8999;line-height:1.6}
.faq-list-heading>span{white-space:nowrap}
.faq-item{border-bottom:1px solid #e1edf3}
.faq-item[hidden]{display:none}
.faq-item summary{display:grid;grid-template-columns:24px minmax(0,1fr) 22px;align-items:start;gap:11px;list-style:none;padding:21px 0;cursor:pointer;font:600 14px/1.9 var(--sans);color:#28536c}
.faq-item summary::-webkit-details-marker{display:none}
.faq-q{font:italic 23px/1.2 Georgia,serif;color:#2d9edb;white-space:nowrap;letter-spacing:0}
.faq-expand{width:22px;height:22px;border-radius:50%;background:#edf7fc;position:relative;margin-top:3px}
.faq-expand:before,.faq-expand:after{content:"";position:absolute;width:10px;height:1px;left:6px;top:10px;background:#369bd2;transition:transform .18s}
.faq-expand:after{transform:rotate(90deg)}
.faq-item[open] .faq-expand:after{transform:rotate(0)}
.faq-answer{display:grid;grid-template-columns:24px minmax(0,1fr);gap:11px;padding:0 0 22px}
.faq-a{font:italic 23px/1.2 Georgia,serif;color:#89a8b9;white-space:nowrap;letter-spacing:0}
.faq-answer p{margin:0;color:#526f80;font:400 14px/2 var(--sans);overflow-wrap:anywhere}
.faq-answer p+p{margin-top:10px}
.faq-help{margin-top:30px;padding:23px 16px;text-align:center;background:#f1f9fc;border-radius:12px}
.faq-help>span{display:block;font-size:12px;color:#608091;margin-bottom:9px}
.faq-help a{font-size:14px;font-weight:600;color:#198460;text-decoration:none}
.faq-help a span{display:inline-block;margin-left:10px}
body.faq-reader-open{position:fixed;width:100%;overflow:hidden}
html.faq-reader-open{overflow:hidden;scroll-behavior:auto}
.faq-hub button:focus-visible,#faq-dialog button:focus-visible,#faq-dialog summary:focus-visible,#faq-dialog a:focus-visible{outline:3px solid #63bde9;outline-offset:3px}
@keyframes faq-pop{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:700px){
.faq-hub{padding-top:40px;padding-bottom:42px}
.faq-shortcuts{gap:8px}
.faq-shortcuts button{padding:14px 10px;gap:7px;font-size:12px}
.faq-shortcut-no{font-size:13px}
.faq-intro{font-size:12px}
.faq-open-all{font-size:14px;padding:16px 17px}
.faq-open-all small{font-size:9px;margin-left:9px}
#faq-dialog{width:100%;height:100dvh;margin:0;max-height:100dvh;border:0;border-radius:0}
.faq-dialog-header{padding:calc(20px + env(safe-area-inset-top)) 20px 17px}
.faq-dialog-header h2{font-size:27px}
.faq-dialog-header p{font-size:8px}
.faq-filter-wrap{padding:0 17px 14px}
.faq-filters{gap:7px 6px}
.faq-filters button{font-size:11px;padding:7px 11px;min-height:36px}
.faq-scroll{padding:0 20px calc(28px + env(safe-area-inset-bottom))}
.faq-list-heading{margin:18px 0 7px;gap:8px}
.faq-list-heading p,.faq-list-heading>span{font-size:10px}
.faq-item summary{font-size:13px;gap:8px;padding:19px 0;grid-template-columns:23px minmax(0,1fr) 22px}
.faq-answer{grid-template-columns:23px minmax(0,1fr);gap:8px}
.faq-answer p{font-size:13px;line-height:1.95}
}
@media(max-width:350px){.faq-shortcuts button{gap:5px;font-size:11px}.faq-close{padding:8px}.faq-dialog-header{padding-left:16px;padding-right:16px}.faq-scroll{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){#faq-dialog[open]{animation:none}.faq-expand:before,.faq-expand:after{transition:none}}