/* Scoped styles for linked pages (How It Works, About, FAQs, Support)
   These do not rely on Tailwind. They are namespaced under #linkedRoot
   so Bootstrap styles cannot override them. */

#linkedRoot{background:#F7F7F8;color:#1A1D22}
#linkedRoot .ji-container{max-width:72rem;margin:0 auto;padding:0 1.5rem}

/* Header */
#linkedRoot .ji-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-bottom:1px solid #E5E7EB}
#linkedRoot .ji-header .bar{display:flex;justify-content:center;align-items:center;padding:1rem 0}
#linkedRoot .ji-brand{display:flex;align-items:center;gap:.75rem;color:#1A1D22;font-weight:600}
#linkedRoot .ji-badge{width:36px;height:36px;border-radius:12px;background:#C8A95B;display:grid;place-items:center;color:#fff;font-weight:700}
#linkedRoot .ji-nav{display:flex;gap:.5rem;flex-wrap:nowrap;align-items:center;justify-content:center;background:#F7F7F8;padding:.25rem;border-radius:9999px;border:1px solid #E5E7EB;overflow-x:auto}
#linkedRoot .ji-nav a{padding:.5rem .9rem;border-radius:9999px;font-weight:600;border:1px solid transparent;color:#3B424B;background:transparent;cursor:pointer;text-decoration:none;white-space:nowrap}
#linkedRoot .ji-nav a:hover{background:#F1F5F9}
#linkedRoot .ji-nav a:focus{outline:none}
#linkedRoot .ji-nav a:focus-visible{outline:3px solid #5F93C0;outline-offset:2px}
#linkedRoot .ji-nav a[aria-current="page"]{background:#E6F0F8;color:#1B3B5A;border-color:#5F93C0;box-shadow:0 2px 6px rgba(31,84,130,.15)}

/* Hero */
#linkedRoot .ji-hero{background:linear-gradient(to bottom,#E6F0F8,#fff);border-bottom:1px solid #E5E7EB;text-align:center;padding:3.5rem 0}
#linkedRoot .ji-hero .eyebrow{color:#6B7280;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
#linkedRoot .ji-hero h1{margin:.5rem 0 0;font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#1A1D22}
#linkedRoot .ji-hero p{color:#3B424B;max-width:48rem;margin:1rem auto 0}

/* Cards and grids */
#linkedRoot .ji-cardgrid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
#linkedRoot .ji-card{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:1.25rem;box-shadow:0 10px 30px rgba(0,0,0,.08)}

/* CTA band */
#linkedRoot .ji-cta-band{margin-top:1.25rem;background:#1B3B5A;color:#fff;border-radius:12px;padding:1rem;display:flex;flex-direction:column}
@media(min-width:768px){#linkedRoot .ji-cta-band{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}}
#linkedRoot .ji-cta-btn{display:inline-block;padding:.75rem 1rem;border-radius:12px;background:#E3C878;color:#1A1D22;font-weight:600;text-decoration:none}
#linkedRoot .ji-cta-btn:hover{background:#C8A95B}

/* Sections */
#linkedRoot .ji-section{padding:3rem 0}

/* About metrics */
#linkedRoot .ji-metric{border:1px solid #E5E7EB;border-radius:12px;padding:1.25rem;text-align:center}
#linkedRoot .ji-metric .v{font-size:1.75rem;font-weight:800;color:#2F5E8A}
#linkedRoot .ji-metric .k{color:#6B7280;margin-top:.25rem}

/* FAQ accordion */
#linkedRoot .ji-accordion{border:1px solid #E5E7EB;border-radius:16px;background:#fff;overflow:hidden}
#linkedRoot .ji-accordion details+details{border-top:1px solid #E5E7EB}
#linkedRoot .ji-accordion summary{list-style:none;cursor:pointer;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between}
#linkedRoot .ji-accordion summary::-webkit-details-marker{display:none}
#linkedRoot .ji-accordion summary::marker{content:''}
#linkedRoot .ji-accordion summary{pointer-events:auto; position:relative; z-index:1}
#linkedRoot .ji-accordion summary .q{font-weight:600;color:#1A1D22}
#linkedRoot .ji-accordion summary .ico{width:1.25rem;text-align:center;color:#6B7280;font-weight:700;margin-left:.75rem;flex-shrink:0}
#linkedRoot .ji-accordion summary .ico::before{content:"+"}
#linkedRoot .ji-accordion details[open] summary .ico::before{content:"−"}
#linkedRoot .ji-accordion .q{font-weight:600;color:#1A1D22}
#linkedRoot .ji-accordion .a{padding:0 1.5rem 1.25rem 1.5rem;color:#3B424B}

/* Forms */
#linkedRoot .ji-form{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:1.5rem;box-shadow:0 10px 30px rgba(0,0,0,.08)}
#linkedRoot .ji-field{margin-bottom:1rem}
#linkedRoot .ji-label{display:block;font-size:.9rem;font-weight:600;color:#1A1D22}
#linkedRoot .ji-input,#linkedRoot .ji-select,#linkedRoot .ji-textarea{width:100%;margin-top:.25rem;border:1px solid #E5E7EB;border-radius:10px;padding:.5rem .75rem;font:inherit}
#linkedRoot .ji-input:focus,#linkedRoot .ji-select:focus,#linkedRoot .ji-textarea:focus{outline:2px solid #5F93C0;outline-offset:0}

/* Footer small badges */
#linkedRoot .ji-footer{border-top:1px solid #E5E7EB;margin-top:2rem}
#linkedRoot .ji-footer-inner{max-width:72rem;margin:0 auto;padding:2.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem}
@media(min-width:768px){#linkedRoot .ji-footer-inner{flex-direction:row;align-items:center;justify-content:space-between}}
#linkedRoot .ji-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:9999px;font-size:.9rem}
#linkedRoot .ji-chip.blue{background:#E6F0F8;color:#1B3B5A}
#linkedRoot .ji-chip.gold{background:#F3E4B2;color:#4B2E4F}