/* ABLETODO Answers: Google-style FAQ search (faq.css v=1) */
.fq{background:#fff;color:#202124;overflow-x:hidden}
.fq *{overflow-wrap:break-word}
.fq-home{min-height:calc(100vh - 140px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 20px 48px;text-align:center;transition:min-height .25s}
.fq-logo{display:inline-block;margin:0 auto 14px}
.fq-logo img{width:clamp(170px,30vw,272px);height:auto}
.fq-h1{font:500 clamp(.95rem,1.6vw,1.05rem)/1.4 var(--font-body);letter-spacing:0;color:#5f6368;margin:0 0 26px}
.fq-h1 strong{color:var(--forest);font-weight:650}
.fq-searchwrap{position:relative;width:min(100%,640px);margin:0 auto;text-align:left}
.fq-box{display:flex;align-items:center;gap:10px;height:52px;padding:0 10px 0 18px;background:#fff;border:1px solid #dfe1e5;border-radius:26px;box-shadow:none;transition:box-shadow .15s,border-color .15s}
.fq-box:hover,.fq-box:focus-within{box-shadow:0 1px 6px rgba(32,33,36,.28);border-color:rgba(223,225,229,0)}
.fq-searchwrap.is-open .fq-box{border-radius:26px 26px 0 0;box-shadow:0 1px 6px rgba(32,33,36,.28);border-color:transparent;border-bottom-color:#e8eaed}
.fq-box svg{flex:0 0 20px;width:20px;height:20px;stroke:#9aa0a6;fill:none;stroke-width:2;stroke-linecap:round}
.fq-input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font:400 16px/1 var(--font-body);color:#202124}
.fq-input::-webkit-search-cancel-button{display:none}
.fq-clear{display:none;border:0;background:none;width:36px;height:36px;border-radius:50%;padding:8px;color:#70757a}
.fq-clear svg{stroke:#70757a;width:20px;height:20px}
.fq-searchwrap.has-text .fq-clear{display:inline-flex}
.fq-clear:hover{background:#f1f3f4}
.fq-sugg{position:absolute;left:0;right:0;top:52px;z-index:60;background:#fff;border-radius:0 0 26px 26px;box-shadow:0 4px 6px rgba(32,33,36,.28);padding:6px 0 14px;margin:0;list-style:none;display:none;max-height:min(70vh,460px);overflow-y:auto}
.fq-searchwrap.is-open .fq-sugg{display:block}
.fq-sugg li{display:flex;align-items:center;gap:12px;padding:8px 20px;cursor:pointer;font:400 15px/1.35 var(--font-body);color:#202124}
.fq-sugg li svg{flex:0 0 16px;width:16px;height:16px;stroke:#9aa0a6;fill:none;stroke-width:2;stroke-linecap:round}
.fq-sugg li[aria-selected="true"],.fq-sugg li:hover{background:#f1f3f4}
.fq-sugg li .fq-sq{flex:1;min-width:0}
.fq-sugg li small{display:block;color:#70757a;font-size:12px;margin-top:2px}
.fq-sugg b{font-weight:700}
.fq-sugg .fq-sugg-head{cursor:default;font-size:12px;color:#70757a;padding:6px 20px 4px;letter-spacing:.02em}
.fq-sugg .fq-sugg-head:hover{background:none}
.fq-btns{display:flex;gap:12px;justify-content:center;margin:28px 0 0;flex-wrap:wrap}
.fq-btn{background:#f8f9fa;border:1px solid #f8f9fa;border-radius:6px;color:#3c4043;font:500 14px/1 var(--font-body);height:38px;padding:0 18px;min-width:54px}
.fq-btn:hover{border-color:#dadce0;box-shadow:0 1px 1px rgba(0,0,0,.1);color:#202124}
.fq-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:860px;margin:30px auto 0}
.fq-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #dadce0;background:#fff;color:#3c4043;border-radius:999px;padding:7px 14px;font:500 13px/1.2 var(--font-body);transition:background .15s}
.fq-chip:hover{background:#f1f3f4}
.fq-chip.is-on{background:#e6f4ea;border-color:#a7e0c1;color:#0f2d23}
.fq-chip span{color:#70757a;font-weight:400}
.fq-note{margin:22px 0 0;font:400 13px/1.5 var(--font-body);color:#70757a}
.fq-note a{color:#1a0dab}
/* compact mode (results/answer) */
.fq.is-compact .fq-home{min-height:0;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:14px 26px;padding:22px max(20px,calc((100% - 1180px)/2)) 0;text-align:left;border-bottom:1px solid #ebebeb}
.fq.is-compact .fq-logo{margin:0}
.fq.is-compact .fq-logo img{width:118px}
.fq.is-compact .fq-h1,.fq.is-compact .fq-btns,.fq.is-compact .fq-note{display:none}
.fq.is-compact .fq-searchwrap{margin:0;width:min(100%,692px);flex:1 1 420px}
.fq.is-compact .fq-box{height:46px}
.fq.is-compact .fq-sugg{top:46px}
.fq.is-compact .fq-chips{order:3;flex-basis:100%;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;max-width:none;margin:2px 0 0;padding:0 0 12px;scrollbar-width:none}
.fq.is-compact .fq-chips::-webkit-scrollbar{display:none}
.fq.is-compact .fq-chip{flex:0 0 auto}
.fq-main{max-width:1180px;margin:0 auto;padding:0 20px}
.fq-view{display:none;padding:18px 0 56px;max-width:692px;margin-left:max(0px,calc(144px - 20px))}
.fq.is-compact .fq-view{display:block}
.fq-stats{font:400 14px/1.4 var(--font-body);color:#70757a;margin:0 0 22px}
.fq-res{margin:0 0 30px}
.fq-crumb{display:flex;align-items:center;gap:10px;font:400 14px/1.3 var(--font-body);color:#202124;margin-bottom:4px;min-width:0}
.fq-fav{flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#f1f3f4;display:grid;place-items:center;border:1px solid #ecedef}
.fq-fav img{width:18px;height:18px}
.fq-crumb-txt{min-width:0}
.fq-crumb-txt strong{display:block;font-weight:500;font-size:14px}
.fq-crumb-txt span{display:block;color:#4d5156;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fq-title{display:inline-block;font:400 20px/1.3 var(--font-body);color:#1a0dab;margin:4px 0 4px;letter-spacing:0}
.fq-title:hover{text-decoration:underline}
.fq-title:visited{color:#681da8}
.fq-snip{font:400 14px/1.58 var(--font-body);color:#4d5156;margin:0}
.fq-snip b,.fq-paa-a b{color:#202124}
.fq-paa{margin:6px 0 34px}
.fq-paa h2{font:400 20px/1.3 var(--font-body);letter-spacing:0;color:#202124;margin:0 0 12px}
.fq-paa-item{border-bottom:1px solid #dadce0}
.fq-paa-item:first-of-type{border-top:1px solid #dadce0}
.fq-paa-q{display:flex;width:100%;justify-content:space-between;align-items:center;gap:14px;text-align:left;background:none;border:0;padding:14px 4px;font:400 16px/1.4 var(--font-body);color:#202124}
.fq-paa-q svg{flex:0 0 22px;width:22px;height:22px;stroke:#5f6368;fill:none;stroke-width:2;transition:transform .2s}
.fq-paa-q[aria-expanded="true"] svg{transform:rotate(180deg)}
.fq-paa-a{padding:0 4px 16px;font:400 14px/1.6 var(--font-body);color:#4d5156}
.fq-paa-a a{color:#1a0dab}
.fq-paa-a .fq-more{display:inline-block;margin-top:8px;font-weight:500}
.fq-pager{display:flex;justify-content:center;margin:10px 0 30px}
.fq-pager button{background:#f1f3f4;border:0;border-radius:999px;padding:12px 26px;font:500 14px/1 var(--font-body);color:#3c4043}
.fq-pager button:hover{background:#e8eaed}
/* answer view */
.fq-ans{border:1px solid #dadce0;border-radius:16px;padding:22px 24px 24px;margin:0 0 28px}
.fq-ans .fq-crumb{margin-bottom:12px}
.fq-ans h2{font:600 clamp(1.3rem,2.6vw,1.6rem)/1.3 var(--font-heading);letter-spacing:-.02em;color:#202124;margin:0 0 14px}
.fq-ans-body{font:400 16px/1.7 var(--font-body);color:#3c4043}
.fq-ans-body p{margin:0}
.fq-ans-body a{color:#1a0dab;text-decoration:underline;text-underline-offset:2px}
.fq-ans-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.fq-ans-tools button,.fq-ans-tools a{display:inline-flex;align-items:center;gap:6px;border:1px solid #dadce0;border-radius:999px;background:#fff;padding:7px 14px;font:500 13px/1 var(--font-body);color:#3c4043}
.fq-ans-tools button:hover,.fq-ans-tools a:hover{background:#f1f3f4}
.fq-cta{background:radial-gradient(circle at 85% 15%,rgba(54,162,118,.35),transparent 45%),#0F2D23;color:#fff;border-radius:16px;padding:24px 24px 26px;margin:0 0 32px}
.fq-cta-eyebrow{font:600 12px/1 var(--font-body);letter-spacing:.12em;color:var(--seafoam);text-transform:uppercase;margin:0 0 10px}
.fq-cta h3{font:700 clamp(1.3rem,2.8vw,1.65rem)/1.2 var(--font-heading);letter-spacing:-.03em;margin:0 0 8px;color:#fff}
.fq-cta h3 em{font-style:normal;color:var(--seafoam)}
.fq-cta p{margin:0 0 16px;color:#d2e8dc;font:400 15px/1.55 var(--font-body)}
.fq-cta .btn{display:inline-flex}
.fq-empty{padding:8px 0 24px;font:400 15px/1.6 var(--font-body);color:#202124}
.fq-empty ul{margin:8px 0 18px;padding-left:20px;color:#4d5156}
/* static library */
.fq-lib{background:var(--offwhite);color:var(--forest);padding:64px 0 72px;border-top:1px solid #ebebeb}
.fq-lib-head{max-width:760px;margin:0 auto 26px;text-align:center}
.fq-lib-head h2{font-size:clamp(1.6rem,3.4vw,2.3rem);margin:10px 0 10px}
.fq-lib-head p{color:var(--muted);margin:0}
.fq-cats{max-width:900px;margin:0 auto;display:grid;gap:10px}
.fq-cat{background:#fff;border:1px solid var(--line);border-radius:14px}
.fq-cat>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px}
.fq-cat>summary::-webkit-details-marker{display:none}
.fq-cat>summary h2{font:650 1.05rem/1.3 var(--font-heading);letter-spacing:-.02em;margin:0}
.fq-cat>summary span{flex:0 0 auto;font:500 .8rem/1 var(--font-body);color:var(--muted);display:inline-flex;align-items:center;gap:8px}
.fq-cat>summary svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .2s}
.fq-cat[open]>summary svg{transform:rotate(180deg)}
.fq-cat-body{padding:0 20px 8px;border-top:1px solid var(--line)}
.fq-item{padding:16px 0;border-bottom:1px solid rgba(15,45,35,.08)}
.fq-item:last-child{border-bottom:0}
.fq-item h3{font:600 1rem/1.4 var(--font-body);letter-spacing:0;margin:0 0 6px}
.fq-item h3 a:hover{text-decoration:underline}
.fq-item .fq-a{font:400 .95rem/1.65 var(--font-body);color:#33463d}
.fq-item .fq-a p{margin:0}
.fq-item .fq-a a{color:var(--emerald-dark);text-decoration:underline}
.fq-item:target{background:#e6f4ea;margin:0 -12px;padding:16px 12px;border-radius:8px}
.fq-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:860px){.fq-view{margin-left:0}}
@media(max-width:600px){
 .fq-home{padding:36px 16px 36px;min-height:calc(100vh - 160px);justify-content:flex-start;padding-top:12vh}
 .fq-box{height:48px}.fq-sugg{top:48px}
 .fq-sugg li{padding:10px 16px}
 .fq.is-compact .fq-home{padding:14px 14px 0;gap:12px}
 .fq.is-compact .fq-logo img{width:96px}
 .fq.is-compact .fq-searchwrap{flex-basis:100%}
 .fq-main{padding:0 16px}
 .fq-title{font-size:18px}
 .fq-ans{padding:18px 16px 20px}
 .fq-cta{padding:20px 18px 22px}
 .fq-cat>summary{padding:14px 16px}.fq-cat-body{padding:0 16px 6px}
 .fq-lib{padding:48px 0 96px}
}