.section-title { font-size: 30px; font-weight: 700; color: #111111; line-height: 1.15; }
      .section-subtitle { font-size: 14px; color: #7F7F7F; font-family: 'Inter', 'Segoe UI', 'Arial', sans-serif; text-transform: uppercase; letter-spacing: 0.1em; }
      .body-text { font-size: 16px; color: #333333; line-height: 1.7; }
      .small-text { font-size: 14px; color: #7F7F7F; line-height: 1.5; }
      .section-header { margin-bottom: 32px; }
      .section-header .section-subtitle { margin-bottom: 8px; }
      .section-header .section-title { margin-bottom: 12px; }
      .section-divider { width: 48px; height: 3px; background: #8600FF; border-radius: 2px; }
      .info-card { background: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 8px; transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease; }
      .info-card:hover { border-color: #8600FF; box-shadow: 0 4px 8px rgba(0,0,0,0.08); transform: translateY(-2px); }
      .nav-link { color: #333333; transition: color 200ms ease; }
      .nav-link:hover { color: #002FA7; }
      .nav-active { color: #002FA7; font-weight: 600; }
      .dropdown-menu { opacity: 0; visibility: hidden; transform: translate(0, -8px); transition: opacity 200ms ease, visibility 200ms ease, transform 200ms ease; z-index: 60; box-shadow: 0 8px 16px rgba(0,0,0,0.10); }
      .nav-dropdown:hover .dropdown-menu, .nav-dropdown.dropdown-open .dropdown-menu { opacity: 1; visibility: visible; transform: translate(0, 0); }
      .footer-title { color: #FFFFFF; font-weight: 600; font-size: 14px; }
      .footer-link { color: rgba(255,255,255,0.55); font-size: 14px; transition: color 200ms ease; }
      .footer-link:hover { color: #FFFF00; }
      .footer-text { color: rgba(255,255,255,0.55); font-size: 14px; line-height: 1.5; }
      .btn-primary { background: #002FA7; color: #FFFFFF; }
      .btn-primary:hover { background: #00268A; }
      /* Case Detail Page Styles */
      .case-meta-card { background: #fff; border: 1px solid #E5E5E5; border-radius: 8px; padding: 16px; transition: border-color 200ms ease; }
      .case-meta-card:hover { border-color: #668AE0; }
      .metric-card { background: #fff; border: 1px solid #E5E5E5; border-radius: 8px; padding: 24px; transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease; }
      .metric-card:hover { border-color: #002FA7; box-shadow: 0 4px 8px rgba(0,0,0,0.08); transform: translateY(-2px); }
      .challenge-card { background: #fff; border: 1px solid #E5E5E5; border-left: 3px solid #FF0000; border-radius: 8px; padding: 20px; }
      .phase-card { background: #fff; border: 1px solid #E5E5E5; border-radius: 8px; padding: 20px; transition: border-color 200ms ease; }
      .phase-card:hover { border-color: #668AE0; }
      .phase-num { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 9999px; background: #002FA7; color: #fff; font-weight: 700; font-family: 'DIN', 'Inter', 'Roboto Mono', monospace; font-size: 14px; }
      .product-card-related { transition: border-color .18s cubic-bezier(.2,.8,.2,1), transform .18s cubic-bezier(.2,.8,.2,1); }
      .product-card-related:hover { border-color: #002FA7; transform: translateY(-2px); }
      .case-card-related { background: #F7F8FA; border: 1px solid #E5E5E5; border-radius: 8px; padding: 20px; transition: border-color .18s cubic-bezier(.2,.8,.2,1), transform .18s cubic-bezier(.2,.8,.2,1); }
      .case-card-related:hover { border-color: #002FA7; transform: translateY(-2px); }
      .read-link { transition: color .15s ease; }
      .read-link:hover { color: #00268A; }
      .read-link .arrow { transition: transform .15s ease; display:inline-flex; }
      .read-link:hover .arrow { transform: translateX(2px); }
      @media (prefers-reduced-motion: reduce) {
        .info-card, .metric-card, .phase-card, .product-card-related, .case-card-related, .read-link, .read-link .arrow { transition: none !important; }
        .info-card:hover, .metric-card:hover, .product-card-related:hover, .case-card-related:hover, .read-link:hover .arrow { transform: none !important; }
      }
    
      /* fexlink-mobile-overflow-fix */
      @media (max-width: 640px){
        h1,h2,h3,[style*="word-break:keep-all"]{word-break:normal !important;overflow-wrap:anywhere !important;}
        .overflow-hidden{overflow:hidden;}
        img,svg{max-width:100%;}
        *{min-width:0;}
      }