/* =========================================================
   Shared FAQ block styles — /ttk, /specializations, /counters,
   /gadgets, /sights.
   Extracted 2026-07-14 from byte-identical inline <style> blocks
   on all five pages (each page uses its own class prefix — ttk-,
   sp-, ct-, gd-, sg- — for the same FAQ markup shape, so rules
   below use grouped selectors rather than a shared class name;
   no HTML/GEN-region changes were needed or made).
   Relies on custom properties defined in each page's own inline
   <style> :root block (--surface, --surface2, --line, --line-2,
   --text, --dim, --ease) — those aliases stay page-local.
   ========================================================= */
.ttk-faq,.sp-faq,.ct-faq,.gd-faq,.sg-faq{margin:40px 0 0}
.ttk-faq>h2,.sp-faq>h2,.ct-faq>h2,.gd-faq>h2,.sg-faq>h2{font-family:'Barlow Condensed',Inter,sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(1.5rem,1.1rem+2vw,2.2rem);letter-spacing:.5px;margin:0 0 14px;background:linear-gradient(180deg,#fff,#AEB7D2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ttk-faq-item,.sp-faq-item,.ct-faq-item,.gd-faq-item,.sg-faq-item{padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:0 0 10px;transition:border-color .22s var(--ease),background .22s var(--ease)}
.ttk-faq-item:hover,.sp-faq-item:hover,.ct-faq-item:hover,.gd-faq-item:hover,.sg-faq-item:hover{border-color:var(--line-2);background:var(--surface2)}
.ttk-faq-q,.sp-faq-q,.ct-faq-q,.gd-faq-q,.sg-faq-q{font-size:1rem;font-weight:700;margin:0 0 6px;color:var(--text)}
.ttk-faq-a,.sp-faq-a,.ct-faq-a,.gd-faq-a,.sg-faq-a{margin:0;color:var(--dim);font-size:.94rem}