/* ClickFq shared capability component styles.
   Extracted verbatim from the identical inline <style> block that
   was duplicated across 45 pages. The <link> that replaced it sits
   at the same head position, so cascade order and rendering are
   unchanged. */

.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;}
.ms-fill{font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24;}
body{font-family:'Inter',sans-serif;background:#F7F8FA;color:#1A202C;}
.btn{display:inline-flex;align-items:center;gap:6px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;border-radius:9999px;cursor:pointer;border:none;white-space:nowrap;transition:all .15s;}
.btn:active{transform:scale(.97);}
.btn-lg{height:48px;padding:0 28px;font-size:15px;}.btn-md{height:40px;padding:0 20px;font-size:13px;}.btn-sm{height:32px;padding:0 14px;font-size:12px;}
.btn-pri{background:var(--cfq-blue,#0A2540);color:#fff;}.btn-pri:hover{background:var(--cfq-blue,#0A2540);}
.btn-sec{background:transparent;color:var(--cfq-blue,#0A2540);border:1.5px solid #0A2540;}.btn-sec:hover{background:#dbeeff;}
.btn-ghost{background:transparent;color:#4A5568;border:1.5px solid #CBD5E0;}.btn-ghost:hover{background:#F7F8FA;}
.btn-wht{background:#fff;color:var(--cfq-blue,#0A2540);}.btn-wht:hover{background:#dbeeff;}
.btn-wht-o{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.45);}.btn-wht-o:hover{background:rgba(255,255,255,.1);}
.nav-link{font-size:13px;font-weight:500;color:#4A5568;cursor:pointer;padding:4px 0;border-bottom:2px solid transparent;transition:all .15s;font-family:'Bricolage Grotesque',sans-serif;text-decoration:none;}
.nav-link:hover,.nav-link.active{color:var(--cfq-blue,#0A2540);border-bottom-color:var(--cfq-blue,#0A2540);}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-family:'Bricolage Grotesque',sans-serif;}
.badge{display:inline-flex;align-items:center;border-radius:9999px;font-size:11px;font-weight:700;font-family:'Bricolage Grotesque',sans-serif;height:22px;padding:0 10px;}
.bd-blue{background:#dbeeff;color:var(--cfq-blue,#0A2540);}.bd-green{background:#e6f5ec;color:#1f8040;}.bd-purple{background:#F0EEFF;color:#4A39B5;}.bd-amber{background:#FFFBEB;color:#92600A;}.bd-gray{background:#F1F5F9;color:#4A5568;}.bd-red{background:#FEF2F2;color:#991B1B;}
.card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;}
.hero-bg{background:linear-gradient(135deg,var(--cfq-blue,#0A2540) 0%,#123253 40%,#1a3e6a 72%,#1E4B7E 100%);}
.bento{background:#fff;border:1px solid #E2E8F0;border-radius:20px;padding:28px;transition:all .2s;}
.bento:hover{border-color:var(--cfq-blue,#0A2540);box-shadow:0 8px 32px rgba(43,108,176,.1);}
.phase-card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:24px;position:relative;}
.phase-num{font-family:'Bricolage Grotesque',sans-serif;font-weight:900;font-size:48px;color:#dbeeff;line-height:1;position:absolute;top:16px;right:20px;}
.challenge-card{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:18px;border-left:3px solid #e8242c;}
.sidebar-sticky{position:sticky;top:80px;}
.faq-item{background:#fff;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;margin-bottom:8px;}
.faq-q{padding:16px 18px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:13px;color:#1A202C;}
.faq-a{display:none;padding:0 18px 16px;font-size:13px;color:#4A5568;line-height:1.7;}
.faq-a.open{display:block;}
.vl-banner{background:linear-gradient(135deg,var(--cfq-blue,#0A2540),#0e3357);border-radius:16px;padding:24px 28px;}
.prose-body{font-size:15px;color:#4A5568;line-height:1.8;}
.prose-body h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:22px;color:#1A202C;margin-top:32px;margin-bottom:12px;letter-spacing:-.02em;}
.prose-body h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:17px;color:#1A202C;margin-top:22px;margin-bottom:8px;}
.prose-body p{margin-bottom:14px;}.prose-body ul{padding-left:20px;margin-bottom:14px;}.prose-body li{margin-bottom:6px;}
.prose-body strong{color:#1A202C;font-weight:600;}.prose-body a{color:var(--cfq-blue,#0A2540);text-decoration:underline;text-underline-offset:3px;}
.interlink-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;text-decoration:none;transition:all .15s;}
.interlink-card:hover{border-color:var(--cfq-blue,#0A2540);box-shadow:0 4px 12px rgba(43,108,176,.1);transform:translateY(-1px);}

