@jjlmoya/utils-finance 1.18.0 → 1.20.0

package/src/tool/lotteryOptimizer/i18n/tr.ts

@@ -5,7 +5,7 @@ import type { LotteryOptimizerUI } from '../ui';
 
 const slug = 'piyango-optimize-edici-olasilik-hesaplayici';
 const title = 'Piyango Optimize Edici ve Olasılık Hesaplayıcı';
-const description = 'İspanya Noel Piyangosu, Euromillions ve Bonoloto’daki olasılıklarınızı analiz edin. İdeal bilet sayısını ve bahsinizin beklenen değerini hesaplayın.';
+const description = 'İspanya Noel Piyangosu, Euromillions ve Bonoloto\'daki olasılıklarınızı analiz edin. İdeal bilet sayısını ve bahsinizin beklenen değerini hesaplayın.';
 
 const faqData = [
   {
@@ -18,7 +18,7 @@ const faqData = [
   },
   {
     question: 'İspanya Noel Piyangosu (El Gordo) oynamak gerçekten mantıklı mı?',
-    answer: 'Tamamen matematiksel bir bakış açısıyla, hayır. Toplanan paranın sadece %70’i dağıtılır. Ancak, büyük ikramiye olasılığı (100.000’de 1), Euromillions’tan (140 milyonda 1) çok daha yüksektir.',
+    answer: 'Tamamen matematiksel bir bakış açısıyla, hayır. Toplanan paranın sadece %70\'i dağıtılır. Ancak, büyük ikramiye olasılığı (100.000\'de 1), Euromillions\'tan (140 milyonda 1) çok daha yüksektir.',
   },
   {
     question: 'İstatistiklerle şansımı artırabilir miyim?',
@@ -68,7 +68,7 @@ const gameTranslations = {
   },
   nino: {
     name: 'Çocuk Piyangosu (El Niño)',
-    description: 'Noel’e göre amorti olasılığını üç katına çıkarır.',
+    description: 'Noel\'e göre amorti olasılığını üç katına çıkarır.',
   },
   euromillones: {
     name: 'Euromillions',
@@ -76,7 +76,7 @@ const gameTranslations = {
   },
   primitiva: {
     name: 'La Primitiva',
-    description: 'İspanya’nın en eski piyangosu. Zor ama daha ucuz.',
+    description: 'İspanya\'nın en eski piyangosu. Zor ama daha ucuz.',
   },
   bonoloto: {
     name: 'Bonoloto',

package/src/tool/lotteryOptimizer/i18n/zh.ts

@@ -14,7 +14,7 @@ const faqData = [
   },
   {
     question: '是买很多不同的号码好，还是买很多张同一个号码好？',
-    answer: '如果您是为了中“点儿什么”，分散号码会增加您获得小奖的概率。如果您是为了头奖，买一个号码和多个号码对头奖的概率是一样的，但如果中了，奖金会更高。',
+    answer: '如果您是为了中"点儿什么"，分散号码会增加您获得小奖的概率。如果您是为了头奖，买一个号码和多个号码对头奖的概率是一样的，但如果中了，奖金会更高。',
   },
   {
     question: '玩西班牙圣诞彩票 (El Gordo) 真的划算吗？',
@@ -25,7 +25,7 @@ const faqData = [
     answer: '不。彩票开奖是独立的随机过程。昨天开出的号码绝对不会影响今天开出的号码。每个号码在每次开奖中的概率都是完全一样的。',
   },
   {
-    question: '对比表中的“难度”是什么意思？',
+    question: '对比表中的"难度"是什么意思？',
     answer: '它是衡量赢得头奖难易程度的相对指标。容易（小于 20 万分之一）、困难（小于 2000 万分之一）、极难（大于 2000 万分之一）。',
   },
 ];
@@ -45,7 +45,7 @@ const howToData = [
   },
   {
     name: '评估风险/收益',
-    text: '查看数学期望，以了解统计学上您每投入一欧元相当于“捐献”了多少钱。',
+    text: '查看数学期望，以了解统计学上您每投入一欧元相当于"捐献"了多少钱。',
   },
 ];
 

package/src/tool/mortgage/i18n/de.ts

@@ -105,7 +105,7 @@ export const content: ToolLocaleContent<MortgageUI> = {
     },
     {
       type: 'title',
-      text: 'Die „Falle“ des Annuitätendarlehens: Die Zusammensetzung Ihrer Rate verstehen',
+      text: 'Die "Falle" des Annuitätendarlehens: Die Zusammensetzung Ihrer Rate verstehen',
       level: 3,
     },
     {

package/src/tool/mortgage/i18n/fr.ts

@@ -96,7 +96,7 @@ export const content: ToolLocaleContent<MortgageUI> = {
   seo: [
     {
       type: 'title',
-      text: 'Guide Complet du Crédit Immobilier : Comprendre l\'Amortissement',
+      text: 'Guide Complet du Crédit Immobilier: Comprendre l\'Amortissement',
       level: 2,
     },
     {
@@ -105,7 +105,7 @@ export const content: ToolLocaleContent<MortgageUI> = {
     },
     {
       type: 'title',
-      text: 'Le "Piège" des Intérêts Prépondérants : Comprendre Votre Ventilation de Paiement',
+      text: 'Le "Piège" des Intérêts Prépondérants: Comprendre Votre Ventilation de Paiement',
       level: 3,
     },
     {
@@ -132,7 +132,7 @@ export const content: ToolLocaleContent<MortgageUI> = {
     },
     {
       type: 'title',
-      text: 'Contexte 2026 : Taux Fixe vs Variable',
+      text: 'Contexte 2026: Taux Fixe vs Variable',
       level: 3,
     },
     {
@@ -168,7 +168,7 @@ export const content: ToolLocaleContent<MortgageUI> = {
     },
     {
       type: 'tip',
-      title: 'Taux Fixe vs Variable : Cela Dépend de Votre Profil',
+      title: 'Taux Fixe vs Variable: Cela Dépend de Votre Profil',
       html: '<p><strong>Choisissez Taux Fixe si :</strong> Votre budget est serré, vous recherchez la certitude, vous ne tolérez pas les surprises de paiement.</p><p><strong>Choisissez Taux Variable si :</strong> Vous avez un coussin financier, vous croyez que les taux baisseront, votre crédit est petit ou à court terme.</p>',
     },
   ],

package/src/tool/mortgage/i18n/id.ts

@@ -105,7 +105,7 @@ export const content: ToolLocaleContent<MortgageUI> = {
     },
     {
       type: 'title',
-      text: '„Jebakan” Sistem Prancis: Memahami Komposisi Angsuran Anda',
+      text: '"Jebakan" Sistem Prancis: Memahami Komposisi Angsuran Anda',
       level: 3,
     },
     {

package/src/tool/mortgage/i18n/it.ts

@@ -6,13 +6,13 @@ import type { MortgageUI } from '../ui';
 const slug = 'mutuo';
 const title = 'Simulatore di Mutuo e Piano di Ammortamento alla Francese';
 const description =
-  'Calcola la tua rata mensile del mutuo, scopri quanto pagherai d’interessi e visualizza istantaneamente il tuo piano di ammortamento completo.';
+  'Calcola la tua rata mensile del mutuo, scopri quanto pagherai d\'interessi e visualizza istantaneamente il tuo piano di ammortamento completo.';
 
 const faqData = [
   {
-    question: 'Cos’è il sistema di ammortamento francese?',
+    question: 'Cos\'è il sistema di ammortamento francese?',
     answer:
-      'È il sistema più utilizzato. La rata mensile rimane costante, ma all’inizio paghi quasi solo interessi e pochissimo capitale. Alla fine, avviene il contrario. Per questo estinguere anticipatamente il mutuo è più vantaggioso nei primi anni.',
+      'È il sistema più utilizzato. La rata mensile rimane costante, ma all\'inizio paghi quasi solo interessi e pochissimo capitale. Alla fine, avviene il contrario. Per questo estinguere anticipatamente il mutuo è più vantaggioso nei primi anni.',
   },
   {
     question: 'Tasso fisso o variabile nel 2026?',
@@ -33,12 +33,12 @@ const faqData = [
 
 const howToData = [
   {
-    name: 'Inserire l’importo del prestito',
+    name: 'Inserire l\'importo del prestito',
     text: 'Scrivi la cifra totale che devi richiedere alla banca (sottraendo i tuoi risparmi versati come anticipo).',
   },
   {
     name: 'Regolare il tasso di interesse',
-    text: 'Inserisci il TAN (Tasso Annuo Nominale) offerto dall’istituto. Puoi confrontare tra tasso fisso o variabile.',
+    text: 'Inserisci il TAN (Tasso Annuo Nominale) offerto dall\'istituto. Puoi confrontare tra tasso fisso o variabile.',
   },
   {
     name: 'Scegliere la durata del rimborso',
@@ -46,7 +46,7 @@ const howToData = [
   },
   {
     name: 'Analizzare il piano di ammortamento',
-    text: 'Controlla mese per mese l’evoluzione del tuo debito e quanta parte della tua rata è destinata agli interessi rispetto al capitale.',
+    text: 'Controlla mese per mese l\'evoluzione del tuo debito e quanta parte della tua rata è destinata agli interessi rispetto al capitale.',
   },
 ];
 
@@ -105,7 +105,7 @@ export const content: ToolLocaleContent<MortgageUI> = {
     },
     {
       type: 'title',
-      text: 'La „Trappola” del Sistema Francese: Capire la Composizione della tua Rata',
+      text: 'La "Trappola" del Sistema Francese: Capire la Composizione della tua Rata',
       level: 3,
     },
     {
@@ -115,7 +115,7 @@ export const content: ToolLocaleContent<MortgageUI> = {
     {
       type: 'tip',
       title: 'Come si Evolverà la tua Rata',
-      html: '<p><strong>All’inizio (Anni 1-10):</strong> Paghi quasi solo INTERESSI e restituisci pochissimo capitale. Su un mutuo di 250.000€ al 3%, il tuo primo pagamento potrebbe essere per l’80% composto da interessi.</p><p><strong>A metà (Anni 11-25):</strong> La proporzione si equilibra gradualmente.</p><p><strong>Alla fine (Anni 26-30):</strong> Paghi quasi tutto CAPITALE e pochissimi interessi.</p>',
+      html: '<p><strong>All\'inizio (Anni 1-10):</strong> Paghi quasi solo INTERESSI e restituisci pochissimo capitale. Su un mutuo di 250.000€ al 3%, il tuo primo pagamento potrebbe essere per l\'80% composto da interessi.</p><p><strong>A metà (Anni 11-25):</strong> La proporzione si equilibra gradualmente.</p><p><strong>Alla fine (Anni 26-30):</strong> Paghi quasi tutto CAPITALE e pochissimi interessi.</p>',
     },
     {
       type: 'paragraph',
@@ -128,7 +128,7 @@ export const content: ToolLocaleContent<MortgageUI> = {
     },
     {
       type: 'paragraph',
-      html: 'La Banca d’Italia raccomanda che il mutuo <strong>non superi il 30-35% del tuo reddito netto mensile</strong>. Se superi questa soglia, aumenti significativamente il rischio di default in caso di imprevisti (perdita del lavoro, malattie, ecc.).',
+      html: 'La Banca d\'Italia raccomanda che il mutuo <strong>non superi il 30-35% del tuo reddito netto mensile</strong>. Se superi questa soglia, aumenti significativamente il rischio di default in caso di imprevisti (perdita del lavoro, malattie, ecc.).',
     },
     {
       type: 'title',
@@ -137,7 +137,7 @@ export const content: ToolLocaleContent<MortgageUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Con l’Euribor fluttuante, scegliere tra <strong>Tasso Fisso</strong> o <strong>Tasso Variabile</strong> è una decisione strategica che può costare migliaia di euro all’anno.',
+      html: 'Con l\'Euribor fluttuante, scegliere tra <strong>Tasso Fisso</strong> o <strong>Tasso Variabile</strong> è una decisione strategica che può costare migliaia di euro all\'anno.',
     },
     {
       type: 'comparative',
@@ -145,11 +145,11 @@ export const content: ToolLocaleContent<MortgageUI> = {
       items: [
         {
           title: 'Tasso Fisso',
-          description: 'Paghi un po’ di più ora, ma dormi sereno sapendo che la tua rata non aumenterà mai.',
+          description: 'Paghi un po\' di più ora, ma dormi sereno sapendo che la tua rata non aumenterà mai.',
           points: [
             'Rata prevedibile per 30 anni',
             'Protezione contro il rialzo dei tassi',
-            'Pace mentale in un’economia incerta',
+            'Pace mentale in un\'economia incerta',
             'Ideale per budget limitati',
           ],
         },

package/src/tool/mortgage/i18n/nl.ts

@@ -101,7 +101,7 @@ export const content: ToolLocaleContent<MortgageUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Een hypotheek is waarschijnlijk de grootste financiële verplichting die u in uw leven aangaat. Begrijpen hoe het aflossingssysteem werkt is cruciaal om slimme beslissingen te nemen die u tienduizenden euro’s kunnen besparen.',
+      html: 'Een hypotheek is waarschijnlijk de grootste financiële verplichting die u in uw leven aangaat. Begrijpen hoe het aflossingssysteem werkt is cruciaal om slimme beslissingen te nemen die u tienduizenden euro\'s kunnen besparen.',
     },
     {
       type: 'title',
@@ -137,7 +137,7 @@ export const content: ToolLocaleContent<MortgageUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Met een schommelende rente is de keuze tussen <strong>Vaste Rente</strong> of <strong>Variabele Rente</strong> een strategische beslissing die elk jaar duizenden euro’s kan schelen.',
+      html: 'Met een schommelende rente is de keuze tussen <strong>Vaste Rente</strong> of <strong>Variabele Rente</strong> een strategische beslissing die elk jaar duizenden euro\'s kan schelen.',
     },
     {
       type: 'comparative',

package/src/tool/mortgage/i18n/pl.ts

@@ -105,7 +105,7 @@ export const content: ToolLocaleContent<MortgageUI> = {
     },
     {
       type: 'title',
-      text: '„Pułapka” Systemu Francuskiego: Z czego składa się Twoja rata?',
+      text: '"Pułapka" Systemu Francuskiego: Z czego składa się Twoja rata?',
       level: 3,
     },
     {

package/src/tool/mortgage/i18n/ru.ts

@@ -27,7 +27,7 @@ const faqData = [
   {
     question: 'Какой процент дохода должен уходить на ипотеку?',
     answer:
-      'Общая рекомендация — не превышать 30-35% от вашего чистого ежемесячного дохода (включая другие долги). Превышение этого порога значительно повышает риск неплатежеспособности при непредвиденных обстоятельствах.',
+      'Общая рекомендация - не превышать 30-35% от вашего чистого ежемесячного дохода (включая другие долги). Превышение этого порога значительно повышает риск неплатежеспособности при непредвиденных обстоятельствах.',
   },
 ];
 
@@ -46,7 +46,7 @@ const howToData = [
   },
   {
     name: 'Проанализируйте график платежей',
-    text: 'Просмотрите помесячно, как уменьшается ваш долг и какая часть платежа идет на проценты, а какая — на погашение основного долга.',
+    text: 'Просмотрите помесячно, как уменьшается ваш долг и какая часть платежа идет на проценты, а какая - на погашение основного долга.',
   },
 ];
 
@@ -101,11 +101,11 @@ export const content: ToolLocaleContent<MortgageUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Ипотека — это, вероятно, самый большой долг, который вы возьмете в своей жизни. Понимание того, как работает аннуитетная система погашения, крайне важно для принятия разумных решений, которые могут сэкономить вам сотни тысяч рублей.',
+      html: 'Ипотека - это, вероятно, самый большой долг, который вы возьмете в своей жизни. Понимание того, как работает аннуитетная система погашения, крайне важно для принятия разумных решений, которые могут сэкономить вам сотни тысяч рублей.',
     },
     {
       type: 'title',
-      text: '«Ловушка» аннуитетной системы: состав вашего платежа',
+      text: '"Ловушка" аннуитетной системы: состав вашего платежа',
       level: 3,
     },
     {
@@ -137,7 +137,7 @@ export const content: ToolLocaleContent<MortgageUI> = {
     },
     {
       type: 'paragraph',
-      html: 'В условиях волатильности выбор между <strong>Фиксированной ставкой</strong> или <strong>Переменной ставкой</strong> — это стратегическое решение, которое может стоить сотни тысяч рублей в год.',
+      html: 'В условиях волатильности выбор между <strong>Фиксированной ставкой</strong> или <strong>Переменной ставкой</strong> - это стратегическое решение, которое может стоить сотни тысяч рублей в год.',
     },
     {
       type: 'comparative',

package/src/tool/mortgage/i18n/tr.ts

@@ -15,19 +15,19 @@ const faqData = [
       'En yaygın kullanılan sistemdir. Aylık taksit her zaman aynıdır, ancak başlangıçta ödemenizin neredeyse tamamı faize, çok azı ise ana paraya gider. Sonunda ise durum tam tersidir. Bu nedenle erken ödeme yapmak ilk yıllarda daha karlıdır.',
   },
   {
-    question: '2026’da sabit mi yoksa değişken faiz mi tercih edilmeli?',
+    question: '2026\'da sabit mi yoksa değişken faiz mi tercih edilmeli?',
     answer:
       'Sabit faiz: Şimdi biraz daha fazla ödersiniz ama 30 yıl boyunca huzurla uyursunuz. Değişken faiz: Bugün daha ucuz olabilir, ancak faizler yükselirse taksitleriniz fırlayabilir. Bu, risk toleransınıza bağlıdır.',
   },
   {
     question: '10.000 TL erken ödeme yaparsam ne kadar tasarruf ederim?',
     answer:
-      'Zamana göre değişir. 200.000 TL’lik %3 faizli bir kredinin 1. yılında ödeme yaparsanız 15.000 TL’den fazla faiz tasarrufu sağlayabilirsiniz. 20. yılda yaparsanız tasarruf 2.000 TL’yi zor bulur. Zamanlama kritiktir.',
+      'Zamana göre değişir. 200.000 TL\'lik %3 faizli bir kredinin 1. yılında ödeme yaparsanız 15.000 TL\'den fazla faiz tasarrufu sağlayabilirsiniz. 20. yılda yaparsanız tasarruf 2.000 TL\'yi zor bulur. Zamanlama kritiktir.',
   },
   {
     question: 'Maaşımın yüzde kaçını krediye ayırmalıyım?',
     answer:
-      'Genel tavsiye, aylık net gelirinizin %30-35’ini (diğer borçlar dahil) geçmemesidir. Bu eşiğin aşılması, beklenmedik durumlarda temerrüt riskini önemli ölçüde artırır.',
+      'Genel tavsiye, aylık net gelirinizin %30-35\'ini (diğer borçlar dahil) geçmemesidir. Bu eşiğin aşılması, beklenmedik durumlarda temerrüt riskini önemli ölçüde artırır.',
   },
 ];
 
@@ -105,12 +105,12 @@ export const content: ToolLocaleContent<MortgageUI> = {
     },
     {
       type: 'title',
-      text: 'Fransız Sisteminin „Tuzağı”: Taksit Kompozisyonunu Anlamak',
+      text: 'Fransız Sisteminin "Tuzağı": Taksit Kompozisyonunu Anlamak',
       level: 3,
     },
     {
       type: 'paragraph',
-      html: 'Türkiye’deki çoğu kredi <strong>Fransız Amortisman Sistemi</strong> (eşit taksitli) kullanır. Ana özelliği, aylık taksitin her zaman aynı olmasıdır (sabit faiz durumunda), ancak içindeki ana para ve faiz oranları zamanla köklü bir şekilde değişir.',
+      html: 'Türkiye\'deki çoğu kredi <strong>Fransız Amortisman Sistemi</strong> (eşit taksitli) kullanır. Ana özelliği, aylık taksitin her zaman aynı olmasıdır (sabit faiz durumunda), ancak içindeki ana para ve faiz oranları zamanla köklü bir şekilde değişir.',
     },
     {
       type: 'tip',
@@ -128,7 +128,7 @@ export const content: ToolLocaleContent<MortgageUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Genel tavsiye, kredi taksitlerinizin <strong>aylık net gelirinizin %30-35’ini geçmemesidir</strong>. Bu eşiğin aşılması, iş kaybı, hastalık gibi durumlarda ödeme zorluğu riskini ciddi şekilde artırır.',
+      html: 'Genel tavsiye, kredi taksitlerinizin <strong>aylık net gelirinizin %30-35\'ini geçmemesidir</strong>. Bu eşiğin aşılması, iş kaybı, hastalık gibi durumlarda ödeme zorluğu riskini ciddi şekilde artırır.',
     },
     {
       type: 'title',

package/src/tool/mortgage/i18n/zh.ts

@@ -105,7 +105,7 @@ export const content: ToolLocaleContent<MortgageUI> = {
     },
     {
       type: 'title',
-      text: '等额本息系统的“陷阱”：了解月供的构成',
+      text: '等额本息系统的"陷阱"：了解月供的构成',
       level: 3,
     },
     {

package/src/tool/mortgage/mortgage-calculator.css

@@ -67,6 +67,14 @@
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
     border: 1px solid var(--mortgage-color-border);
     overflow: hidden;
+    width: 100%;
+    max-width: 100%;
+  }
+
+  .mortgage-container *,
+  .mortgage-container *::before,
+  .mortgage-container *::after {
+    box-sizing: border-box;
   }
 
   .mortgage-header {
@@ -79,6 +87,7 @@
     display: flex;
     align-items: center;
     gap: 0.75rem;
+    min-width: 0;
   }
 
   .mortgage-header-icon {
@@ -101,6 +110,7 @@
     font-weight: 700;
     color: var(--mortgage-color-text-primary);
     margin: 0;
+    overflow-wrap: anywhere;
   }
 
   .mortgage-grid {
@@ -108,6 +118,7 @@
     grid-template-columns: 1fr;
     gap: 0;
     padding: 0;
+    min-width: 0;
   }
 
   @media (min-width: 1024px) {
@@ -125,6 +136,7 @@
     flex-direction: column;
     gap: 2rem;
     border-right: 1px solid var(--mortgage-color-border);
+    min-width: 0;
   }
 
   @media (max-width: 1023px) {
@@ -139,6 +151,7 @@
     display: flex;
     flex-direction: column;
     gap: 2.5rem;
+    min-width: 0;
   }
 
   .mortgage-input-group {
@@ -271,6 +284,7 @@
     font-weight: 900;
     letter-spacing: -0.02em;
     margin-bottom: 0.5rem;
+    overflow-wrap: anywhere;
   }
 
   .mortgage-payment-duration {
@@ -335,6 +349,7 @@
     font-size: 1.25rem;
     font-weight: 700;
     color: var(--mortgage-color-text-primary);
+    overflow-wrap: anywhere;
   }
 
   .mortgage-section {
@@ -379,6 +394,7 @@
     text-transform: uppercase;
     letter-spacing: 0.05em;
     color: var(--mortgage-color-text-light);
+    gap: 0.75rem;
   }
 
   .mortgage-timeline-label-optimized {
@@ -466,6 +482,7 @@
     gap: 1rem;
     font-size: 0.875rem;
     color: var(--mortgage-color-text-secondary);
+    min-width: 0;
   }
 
   .mortgage-breakdown-item {
@@ -534,15 +551,55 @@
     overflow-x: auto;
     max-height: 500px;
     overflow-y: auto;
+    width: 100%;
   }
 
   .mortgage-table {
     width: 100%;
+    min-width: 560px;
     text-align: left;
     border-collapse: collapse;
     font-size: 0.75rem;
   }
 
+  @media (max-width: 640px) {
+    .mortgage-header,
+    .mortgage-left,
+    .mortgage-right {
+      padding: 1rem;
+    }
+
+    .mortgage-input-row,
+    .mortgage-savings-grid {
+      grid-template-columns: 1fr;
+    }
+
+    .mortgage-payment-card,
+    .mortgage-savings-card {
+      padding: 1rem;
+    }
+
+    .mortgage-payment-value {
+      font-size: 2rem;
+    }
+
+    .mortgage-timeline-header,
+    .mortgage-breakdown-summary,
+    .mortgage-table-header {
+      align-items: flex-start;
+      flex-direction: column;
+    }
+
+    .mortgage-breakdown-bar {
+      height: 3rem;
+      font-size: 0.625rem;
+    }
+
+    .mortgage-table-container {
+      border-radius: 0.75rem;
+    }
+  }
+
   .mortgage-table thead {
     position: sticky;
     top: 0;
@@ -636,4 +693,4 @@
     color: var(--mortgage-color-success);
     text-transform: uppercase;
     letter-spacing: 0.05em;
-  }
+  }

package/src/tool/percentageCalculator/i18n/de.ts

@@ -17,7 +17,7 @@ const faqData = [
   {
     question: 'Ist er für die Berechnung der Mehrwertsteuer oder von Steuern geeignet?',
     answer:
-      'Ja, Block 4 („Prozentsatz addieren oder subtrahieren“) ist genau für Fälle wie die Anwendung einer MwSt. von 19 % auf einen Basispreis oder die Berechnung einer negativen Einkommensteuer konzipiert.',
+      'Ja, Block 4 ("Prozentsatz addieren oder subtrahieren") ist genau für Fälle wie die Anwendung einer MwSt. von 19 % auf einen Basispreis oder die Berechnung einer negativen Einkommensteuer konzipiert.',
   },
   {
     question: 'Können Dezimalzahlen und negative Zahlen verarbeitet werden?',
@@ -38,7 +38,7 @@ const howToData = [
   },
   {
     name: 'Geben Sie die Zahlen ein',
-    text: 'Füllen Sie die Felder „X“ und „Y“ aus. Machen Sie sich keine Sorgen um die Reihenfolge, der Text jedes Blocks führt Sie visuell.',
+    text: 'Füllen Sie die Felder "X" und "Y" aus. Machen Sie sich keine Sorgen um die Reihenfolge, der Text jedes Blocks führt Sie visuell.',
   },
   {
     name: 'Kopieren Sie das Sofortergebnis',
@@ -106,7 +106,7 @@ export const content: ToolLocaleContent<PercentageCalculatorUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Unser 4 in 1 Prozentrechner gruppiert die am häufigsten nachgefragten Szenarien. Sie müssen nicht mehr bei Google nach „wie berechnet man 20 Prozent“ oder „Formel zur Prozentrechnung“ suchen. Sie haben die vier wesentlichen Operationen an einem Ort, interaktiv und mit sofortigen Ergebnissen.',
+      html: 'Unser 4 in 1 Prozentrechner gruppiert die am häufigsten nachgefragten Szenarien. Sie müssen nicht mehr bei Google nach "wie berechnet man 20 Prozent" oder "Formel zur Prozentrechnung" suchen. Sie haben die vier wesentlichen Operationen an einem Ort, interaktiv und mit sofortigen Ergebnissen.',
     },
     {
       type: 'title',
@@ -148,7 +148,7 @@ export const content: ToolLocaleContent<PercentageCalculatorUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Oft blockieren wir, wenn wir große Prozentsätze oder Dezimalzahlen sehen, aber es gibt einige mathematische „Tricks“, die Ihnen das Leben erleichtern können. Der bekannteste ist die <strong>Reversibilität von Prozentsätzen</strong>.',
+      html: 'Oft blockieren wir, wenn wir große Prozentsätze oder Dezimalzahlen sehen, aber es gibt einige mathematische "Tricks", die Ihnen das Leben erleichtern können. Der bekannteste ist die <strong>Reversibilität von Prozentsätzen</strong>.',
     },
     {
       type: 'tip',

package/src/tool/percentageCalculator/i18n/en.ts

@@ -153,7 +153,7 @@ export const content: ToolLocaleContent<PercentageCalculatorUI> = {
     {
       type: 'tip',
       title: 'The Reversibility Trick',
-      html: '<p>Did you know that X% of Y equals Y% of X exactly? For example, if you\'re asked to calculate 18% of 50 in your head, it sounds complicated. But flip it around—50% of 18 is easy: it\'s 9! This works for absolutely any numbers and is an amazing lifesaver in daily calculations.</p>',
+      html: '<p>Did you know that X% of Y equals Y% of X exactly? For example, if you\'re asked to calculate 18% of 50 in your head, it sounds complicated. But flip it around-50% of 18 is easy: it\'s 9! This works for absolutely any numbers and is an amazing lifesaver in daily calculations.</p>',
     },
     {
       type: 'title',

package/src/tool/percentageCalculator/i18n/es.ts

@@ -190,12 +190,12 @@ export const content: ToolLocaleContent<PercentageCalculatorUI> = {
   ui: {
     labelTitle: 'Calculadora de Porcentajes',
     labelCase1Title: 'Caso 1',
-    labelCase1Question: 'Cuánto es el X% de Y?',
+    labelCase1Question: '¿Cuánto es el X% de Y?',
     labelCase1Placeholder1: 'X',
     labelCase1Placeholder2: 'Y',
     labelCase1Formula: 'Fórmula: (X / 100) × Y',
     labelCase2Title: 'Caso 2',
-    labelCase2Question: 'Qué porcentaje es X de Y?',
+    labelCase2Question: '¿Qué porcentaje es X de Y?',
     labelCase2Placeholder1: 'X',
     labelCase2Placeholder2: 'Y',
     labelCase2Formula: 'Fórmula: (X / Y) × 100',

package/src/tool/percentageCalculator/i18n/fr.ts

@@ -92,7 +92,7 @@ export const content: ToolLocaleContent<PercentageCalculatorUI> = {
   seo: [
     {
       type: 'title',
-      text: 'Calculatrice de Pourcentages 4-en-1 : Maîtrisez les Calculs Rapides',
+      text: 'Calculatrice de Pourcentages 4-en-1: Maîtrisez les Calculs Rapides',
       level: 2,
     },
     {
@@ -153,7 +153,7 @@ export const content: ToolLocaleContent<PercentageCalculatorUI> = {
     {
       type: 'tip',
       title: 'L\'Astuce de Réversibilité',
-      html: '<p>Saviez-vous que X% de Y est exactement égal à Y% de X? Par exemple, si on vous demande de calculer 18% de 50 de tête, cela semble compliqué. Mais inversez-le—50% de 18 est facile: c\'est 9! Cela fonctionne pour absolument tous les nombres et c\'est une astuce incroyable au quotidien.</p>',
+      html: '<p>Saviez-vous que X% de Y est exactement égal à Y% de X? Par exemple, si on vous demande de calculer 18% de 50 de tête, cela semble compliqué. Mais inversez-le-50% de 18 est facile: c\'est 9! Cela fonctionne pour absolument tous les nombres et c\'est une astuce incroyable au quotidien.</p>',
     },
     {
       type: 'title',