:root{--color-primary:#2563eb;--color-primary-light:#eff6ff;--color-primary-dark:#1d4ed8;--color-or:#bf9000;--color-or-light:#ffe9a3;--color-vert:#00b050;--color-vert-light:#c1ffdd;--color-rose:#ff33cc;--color-rose-light:#ffd1f3;--color-jaune:#e6c000;--color-jaune-light:#ffffb3;--color-bleu:#00b0f0;--color-bleu-light:#c1efff;--color-rouge:#c00000;--color-rouge-light:#ff9b9b;--color-text:#1f2937;--color-text-light:#4b5563;--color-text-muted:#9ca3af;--color-bg:#f9fafb;--color-surface:#ffffff;--color-border:#e5e7eb;--gradient-rainbow:linear-gradient(
    90deg,
    #c00000 0%,
    #e64500 5%,
    #ff7700 10%,
    #ffaa00 15%,
    #e6c000 20%,
    #ffe600 25%,
    #ccff00 30%,
    #66cc00 35%,
    #00b050 40%,
    #00cc88 45%,
    #00cccc 50%,
    #00b0f0 55%,
    #0066ff 60%,
    #0033cc 65%,
    #6600cc 70%,
    #9900ff 75%,
    #cc00ff 80%,
    #ff33cc 85%,
    #ff0066 90%,
    #ff0033 95%,
    #c00000 100%
  );--font-heading:'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-body:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.04);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.06);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.08);--transition-fast:150ms ease;--transition-base:200ms ease}*,*::before,*::after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.3;margin:0 0 var(--space-md);color:var(--color-text)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark);text-decoration:underline}img{max-width:100%;height:auto;display:block}.full-image{width:100%;margin:var(--space-lg)0;border-radius:var(--radius-md)}.icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1;flex-shrink:0}.icon svg{width:1em;height:1em;display:block}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--color-surface);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.app-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-rainbow);opacity:.7}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:var(--space-md)var(--space-lg)}.logo{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text);text-decoration:none;font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700}.logo:hover{color:var(--color-text);text-decoration:none}.logo-icon{width:32px;height:32px}.menu-toggle{display:none;background:0 0;border:none;width:44px;height:44px;cursor:pointer;position:relative;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.menu-toggle:hover{background:var(--color-bg)}.hamburger{width:24px;height:2px;background:var(--color-text);position:relative;transition:background var(--transition-fast)}.hamburger::before,.hamburger::after{content:'';position:absolute;left:0;width:24px;height:2px;background:var(--color-text);transition:transform var(--transition-fast)}.hamburger::before{top:-8px}.hamburger::after{bottom:-8px}.menu-toggle[aria-expanded=true] .hamburger{background:0 0}.menu-toggle[aria-expanded=true] .hamburger::before{top:0;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .hamburger::after{bottom:0;transform:rotate(-45deg)}.header-nav{display:flex}.header-nav-list{list-style:none;margin:0;padding:0;display:flex;gap:var(--space-xs)}.header-nav-item{margin:0}.header-nav-link{display:block;padding:var(--space-sm)var(--space-md);color:var(--color-text-light);font-family:var(--font-body);font-weight:500;font-size:var(--text-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.header-nav-link:hover{color:var(--color-primary);background:var(--color-primary-light);text-decoration:none}.header-nav-item.active .header-nav-link{color:var(--color-primary);background:var(--color-primary-light)}.has-dropdown{position:relative}.dropdown-toggle{display:flex;align-items:center;gap:var(--space-xs);background:0 0;border:none;cursor:pointer;font-family:inherit}.dropdown-arrow{font-size:18px;transition:transform var(--transition-fast)}.has-dropdown:hover .dropdown-arrow,.has-dropdown:focus-within .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;min-width:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-xs)0;margin-top:var(--space-xs);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition-fast);z-index:100;list-style:none}.has-dropdown:hover .dropdown-menu,.has-dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{margin:0}.dropdown-link{display:block;padding:var(--space-sm)var(--space-md);color:var(--color-text-light);font-size:var(--text-sm);transition:all var(--transition-fast)}.dropdown-link:hover{color:var(--color-primary);background:var(--color-primary-light);text-decoration:none}.mobile-nav{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-surface);z-index:99;display:flex;flex-direction:column;padding-top:80px;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity var(--transition-base),visibility var(--transition-base),transform var(--transition-base)}.mobile-nav.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav-list{list-style:none;margin:0;padding:var(--space-sm)0}.mobile-nav-item{margin:0}.mobile-nav-link{display:block;padding:var(--space-md)var(--space-lg);color:var(--color-text-light);font-weight:500;border-left:3px solid transparent;transition:all var(--transition-fast)}.mobile-nav-link:hover{color:var(--color-primary);background:var(--color-primary-light);text-decoration:none}.mobile-nav-item.active .mobile-nav-link{color:var(--color-primary);background:var(--color-primary-light);border-left-color:var(--color-primary)}.mobile-nav-group{border-bottom:1px solid var(--color-border)}.mobile-nav-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-md)var(--space-lg);background:0 0;border:none;color:var(--color-text);font-family:inherit;font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.mobile-nav-toggle:hover{background:var(--color-bg)}.mobile-nav-toggle .icon{font-size:20px;transition:transform var(--transition-fast)}.mobile-nav-toggle[aria-expanded=true] .icon{transform:rotate(180deg)}.mobile-submenu{display:none;list-style:none;margin:0;padding:0 0 var(--space-sm);background:var(--color-bg)}.mobile-nav-toggle[aria-expanded=true]+.mobile-submenu{display:block}.mobile-submenu .mobile-nav-link{padding-left:calc(var(--space-lg) + var(--space-md));font-weight:400;font-size:var(--text-sm)}.app-main{flex:1;padding:var(--space-xl)var(--space-lg);max-width:1200px;margin:0 auto;width:100%}.content-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl);margin-bottom:var(--space-lg);border:1px solid var(--color-border)}.page-title{margin:0 0 var(--space-lg);font-size:var(--text-3xl);font-weight:700;color:var(--color-text)}.breadcrumb{margin-bottom:var(--space-lg)}.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:var(--space-xs)}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.breadcrumb-link:hover{color:var(--color-primary);background:var(--color-primary-light);text-decoration:none}.breadcrumb-home-icon{font-size:1.125rem}.breadcrumb-home-text{display:none}.breadcrumb-separator{color:var(--color-text-muted);font-size:1.125rem;opacity:.5}.breadcrumb-current .breadcrumb-text{color:var(--color-text);font-size:var(--text-sm);font-weight:600}@media(min-width:640px){.breadcrumb-home-text{display:inline}}.page-header{margin-bottom:var(--space-md)}.back-link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;transition:color var(--transition-fast)}.back-link:hover{color:var(--color-primary);text-decoration:none}.back-link .icon{font-size:1.25rem}.page-content{font-size:var(--text-base);line-height:1.8}.page-content p{margin:0 0 var(--space-md)}.page-content ul,.page-content ol{margin:0 0 var(--space-md);padding-left:var(--space-lg)}.page-content li{margin-bottom:var(--space-sm)}.page-content strong,.page-content b{font-weight:600;color:var(--color-text)}.sub-nav,.sub-nav-top{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin:var(--space-lg)0}.sub-nav-top{margin-top:0}.sub-nav-link{display:inline-block;padding:var(--space-sm)var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast)}.sub-nav-link:hover{background:var(--color-primary);color:var(--color-surface);border-color:var(--color-primary);text-decoration:none}.strategies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md);margin:var(--space-lg)0}.strategy-card{display:flex;align-items:center;justify-content:center;padding:var(--space-lg);border-radius:var(--radius-lg);border:2px solid;text-align:center;font-family:var(--font-heading);font-weight:600;font-size:var(--text-base);min-height:100px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.strategy-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);text-decoration:none}.strategy-title{color:var(--color-text)}.page-footer-text{margin-top:var(--space-xl);color:var(--color-text-light)}.ajustement-schema{max-width:620px;margin:var(--space-lg)auto}.ajustement-schema svg{width:100%;height:auto}.ajustement-schema a,.ajustement-schema a:hover{text-decoration:none}[id]{scroll-margin-top:100px}.strategy-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-md)}.strategy-header .page-title{margin-bottom:0}.strategy-picto{width:56px;height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--strategy-light-color);border:1px solid var(--strategy-color);border-radius:var(--radius-lg);color:var(--strategy-color);color:color-mix(in oklch,var(--strategy-color),black 25%)}.strategy-picto svg{width:60%;height:60%}.strategy-definition{font-size:var(--text-lg);line-height:1.8;color:var(--color-text);margin-bottom:var(--space-lg)}.strategy-definition p{margin:0 0 var(--space-md)}.strategy-definition p:last-child{margin-bottom:0}.need-color-dot{display:inline-block;width:16px;height:16px;border-radius:var(--radius-full);margin-right:var(--space-sm);vertical-align:middle}.need-definition{font-size:var(--text-lg);line-height:1.8;color:var(--color-text);margin-bottom:var(--space-lg)}.need-definition p{margin:0 0 var(--space-md)}.need-definition p:last-child{margin-bottom:0}.need-image{width:100%;max-width:400px;margin:var(--space-lg)auto;display:block;border-radius:var(--radius-md)}.color-codes-list{display:flex;flex-direction:column;gap:var(--space-md)}.color-code-item{padding:var(--space-lg);border-radius:var(--radius-lg);border-left:4px solid}.color-code-item h3{margin:0 0 var(--space-sm);font-size:var(--text-lg)}.color-code-description{margin:0;font-size:var(--text-base);line-height:1.7}.related-section{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.related-section h2{font-size:var(--text-base);margin:0 0 var(--space-md);color:var(--color-text-light);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.besoins-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);margin:var(--space-lg)0}.besoin-badge{display:inline-block;padding:var(--space-sm)var(--space-md);border:2px solid var(--besoin-color,var(--color-border));border-radius:var(--radius-full);color:var(--besoin-color,var(--color-text));font-size:var(--text-sm);font-weight:500;background:var(--color-surface);transition:all var(--transition-fast)}.besoin-badge:hover{background:var(--besoin-color,var(--color-primary));color:var(--color-surface);text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow-md)}.app-footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-md)var(--space-lg);font-size:var(--text-sm);color:var(--color-text-muted);position:relative}.app-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-rainbow);opacity:.5}.footer-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.footer-partners{display:flex;gap:2rem;align-items:center}.footer-partners a{display:flex;align-items:center}.footer-logo{height:40px;width:auto;opacity:.7;transition:opacity var(--transition-fast);vertical-align:middle}.footer-logo:hover{opacity:1}.footer-copyright{margin:0;font-size:var(--text-xs)}@media(max-width:600px){.footer-content{flex-direction:column;gap:var(--space-md)}}.centered,.mat-title.centered{text-align:center}.hero{text-align:center;padding:var(--space-3xl)0;background:var(--color-surface);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);border:1px solid var(--color-border)}.hero-title{font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-md);color:var(--color-text)}.hero-subtitle{font-size:var(--text-2xl);color:var(--color-text-light);max-width:600px;margin:0 auto var(--space-md);line-height:1.7}.hero-list{list-style:none;padding:0;margin:0 auto var(--space-xl);max-width:600px;font-size:var(--text-lg);color:var(--color-text-light);line-height:2}.hero-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.section-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg);border:1px solid var(--color-border)}.section-card h2{font-size:var(--text-xl);margin-bottom:var(--space-md);color:var(--color-text)}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center}.column-text p{margin-bottom:var(--space-md)}.column-image{display:flex;justify-content:center}.nuancier-preview{max-width:100%;height:auto;border-radius:var(--radius-md)}@media(max-width:768px){.two-columns{grid-template-columns:1fr;gap:var(--space-lg)}.column-image{order:-1}.nuancier-preview{max-width:80%}}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin:var(--space-xl)0}.feature-card{background:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:transform var(--transition-base),box-shadow var(--transition-base)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-card-primary{border:2px solid var(--color-primary)}a.feature-card-link{display:block;text-decoration:none;color:inherit}a.feature-card-link:hover{text-decoration:none}.feature-card .btn{margin-top:var(--space-md)}.feature-icon{font-size:2.5rem;color:var(--color-primary);margin-bottom:var(--space-md)}.feature-card h2{font-size:var(--text-lg);margin-bottom:var(--space-sm);color:var(--color-text)}.feature-card p{font-size:var(--text-sm);color:var(--color-text-light);margin:0}@media(max-width:768px){.features-grid{grid-template-columns:1fr;gap:var(--space-md)}}.timeline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin:var(--space-lg)0}@media(max-width:900px){.timeline-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.timeline-grid{grid-template-columns:1fr}}.narrative .lead{font-size:var(--text-xl);color:var(--color-text);margin-bottom:var(--space-md)}.use-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-top:var(--space-lg)}.use-case-card{background:var(--color-bg);padding:var(--space-lg);border-radius:var(--radius-lg);text-align:center}.use-case-icon{font-size:2rem;color:var(--color-primary);margin-bottom:var(--space-md);display:block}.use-case-card h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-sm);color:var(--color-text)}.use-case-card p{font-size:var(--text-sm);color:var(--color-text-light);margin:0;line-height:1.6}@media(max-width:768px){.use-cases-grid{grid-template-columns:1fr}}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-top:var(--space-lg)}.testimonial{background:var(--color-bg);padding:var(--space-lg);border-radius:var(--radius-md);font-style:italic;color:var(--color-text-light);border-left:3px solid var(--color-primary)}.testimonial p{margin:0;font-size:var(--text-sm);line-height:1.6}@media(max-width:768px){.testimonials-grid{grid-template-columns:1fr}}.cta-section{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-surface) 100%)}.cta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-top:var(--space-lg)}.cta-card{background:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center}.cta-card-primary{border:2px solid var(--color-primary);box-shadow:var(--shadow-md)}.cta-icon{font-size:2.5rem;color:var(--color-primary);margin-bottom:var(--space-md)}.cta-card h3{font-size:var(--text-lg);margin-bottom:var(--space-sm);color:var(--color-text)}.cta-card p{font-size:var(--text-sm);color:var(--color-text-light);margin-bottom:var(--space-lg);flex-grow:1}.cta-card .btn{margin-top:auto}@media(max-width:768px){.cta-grid{grid-template-columns:1fr}.cta-card-primary{order:-1}}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md)var(--space-xl);border-radius:var(--radius-md);font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);text-decoration:none;transition:all var(--transition-fast);border:none;cursor:pointer}.btn-primary{background:var(--color-primary);color:var(--color-surface)}.btn-primary:hover{background:var(--color-primary-dark);color:var(--color-surface);text-decoration:none}.btn-outline{background:0 0;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--color-surface);text-decoration:none}@media(max-width:768px){:root{--text-3xl:1.75rem;--text-4xl:2rem}.menu-toggle{display:flex;align-items:center;justify-content:center}.header-nav{display:none}.content-card,.section-card{padding:var(--space-lg)}.strategies-grid{grid-template-columns:repeat(2,1fr)}.hero{padding:var(--space-xl)var(--space-lg)}.hero-title{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-xl)}}@media(max-width:480px){.strategies-grid{grid-template-columns:1fr}.header-content{padding:var(--space-md)}.app-main{padding:var(--space-md)}}.references-section{margin-bottom:var(--space-2xl)}.references-section h2{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-xl);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-primary-light)}.references-section h2 .icon{color:var(--color-primary);font-size:1.5rem}.references-list{display:flex;flex-direction:column;gap:var(--space-md)}.reference-card{display:flex;gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-fast)}.reference-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.reference-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border-radius:var(--radius-md);color:var(--color-text-muted)}.reference-icon .icon{font-size:1.25rem}.reference-content{flex:1;min-width:0}.reference-authors{font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs)}.reference-year{font-weight:400;color:var(--color-text-muted);margin-left:var(--space-xs)}.reference-title{font-style:italic;color:var(--color-text-light);margin-bottom:var(--space-sm);line-height:1.5}.reference-source{font-size:var(--text-sm);color:var(--color-text-muted)}.reference-link{display:inline-flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);padding:var(--space-xs)var(--space-sm);background:var(--color-bg);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;color:var(--color-primary);transition:all var(--transition-fast)}.reference-link:hover{background:var(--color-primary);color:#fff;text-decoration:none}.reference-link .icon{font-size:1rem}.reference-badge{display:inline-block;font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-full);margin-left:var(--space-sm)}.reference-badge-pdf{background:#fee2e2;color:#dc2626}.reference-badge-web{background:#dbeafe;color:#2563eb}@media(max-width:640px){.reference-card{flex-direction:column}.reference-icon{width:40px;height:40px}.reference-icon .icon{font-size:1.25rem}}.lead{font-size:var(--text-xl);color:var(--color-text);line-height:1.7;margin-bottom:var(--space-xl)}.info-callout{display:flex;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary);margin-bottom:var(--space-xl)}.callout-icon{flex-shrink:0;color:var(--color-primary)}.callout-icon .icon{font-size:1.75rem}.callout-content{font-size:var(--text-base);line-height:1.7;color:var(--color-text)}.causes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md);margin:var(--space-lg)0 var(--space-xl)}.cause-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md)var(--space-lg);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-fast)}.cause-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}a.cause-card{color:inherit;text-decoration:none}a.cause-card:hover{text-decoration:none}.cause-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.cause-icon .icon{font-size:1.5rem}.cause-content{display:flex;flex-direction:column;gap:var(--space-xs)}.cause-content strong{font-size:var(--text-base);color:var(--color-text)}.cause-source{font-size:var(--text-sm);color:var(--color-text-muted)}.causes-list{list-style:none;padding:0;margin:var(--space-lg)0 var(--space-xl);display:flex;flex-direction:column;gap:var(--space-sm)}.causes-list li{padding:var(--space-md)var(--space-lg);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);display:flex;flex-direction:column;gap:var(--space-xs)}.causes-list li strong{font-size:var(--text-base);color:var(--color-text)}.numbered-steps{list-style:none;counter-reset:step-counter;padding:0;margin:var(--space-lg)0;display:flex;flex-direction:column;gap:var(--space-md)}.numbered-steps>li{counter-increment:step-counter;position:relative;padding:var(--space-md)var(--space-lg)var(--space-md)calc(var(--space-xl) + var(--space-lg));background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.numbered-steps>li::before{content:counter(step-counter);position:absolute;left:var(--space-md);top:var(--space-md);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border-radius:50%;font-family:var(--font-heading);font-weight:700}.numbered-steps>li>strong{display:block;font-size:var(--text-lg);margin-bottom:var(--space-sm)}.numbered-steps ul{margin:var(--space-sm)0;padding-left:var(--space-lg)}.highlight-box{padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin:var(--space-xl)0;font-size:var(--text-lg);line-height:1.7;color:var(--color-text);text-align:center}.reference-note{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted)}.page-content h2 .icon{vertical-align:middle;margin-right:var(--space-sm);color:var(--color-primary)}@media(max-width:640px){.info-callout{flex-direction:column;gap:var(--space-sm)}.causes-grid{grid-template-columns:1fr}.cause-card{padding:var(--space-md)}.cause-icon{width:40px;height:40px}.cause-icon .icon{font-size:1.25rem}.highlight-box{font-size:var(--text-base);padding:var(--space-md)}}.section-nav{display:flex;justify-content:space-between;margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border);gap:.5rem}.section-nav-btn{display:inline-flex;align-items:center;padding:var(--space-sm)var(--space-md);border:2px solid var(--nav-color,var(--color-border));border-radius:var(--radius-full);color:var(--nav-color,var(--color-text));font-size:var(--text-sm);font-weight:500;background:var(--color-surface);text-decoration:none;transition:all var(--transition-fast);max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-nav-btn:hover{background:var(--nav-color,var(--color-primary));color:var(--color-surface);text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow-md)}.section-nav-prev{margin-right:auto}.section-nav-next{margin-left:auto}@media print{.app-header,.header-nav,.mobile-nav,.app-footer,.back-link,.section-nav{display:none}.content-card,.section-card{box-shadow:none;border:none;padding:0}body{background:#fff}}