{"id":3231,"date":"2025-12-11T11:37:24","date_gmt":"2025-12-11T10:37:24","guid":{"rendered":"https:\/\/cosyfop.ovh\/?p=3231"},"modified":"2025-12-11T11:37:28","modified_gmt":"2025-12-11T10:37:28","slug":"10-decembre","status":"publish","type":"post","link":"https:\/\/cosyfop.ovh\/en\/10-decembre\/","title":{"rendered":"December 10 \u2014 Independent Unionists, Human Rights Defenders First"},"content":{"rendered":"\n<p><a href=\"https:\/\/www.un.org\/ar\/observances\/human-rights-day\" data-type=\"link\" data-id=\"https:\/\/www.un.org\/ar\/observances\/human-rights-day\" target=\"_blank\" rel=\"noopener\">10 \u062f\u064a\u0633\u0645\u0628\u0631<\/a> \u064a\u064f\u0635\u0627\u062f\u064e\u0641 \u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u0639\u0627\u0644\u0645\u064a \u0644\u062d\u0642\u0648\u0642 \u0627\u0644\u0625\u0646\u0633\u0627\u0646\u060c \u064a\u0645\u0631 \u0647\u0630\u0647 \u0627\u0644\u0633\u0646\u0629 \u0641\u064a \u0638\u0631\u0641 \u0639\u0627\u0644\u0645\u064a \u064a\u062a\u0651\u0633\u0645 \u0628\u062a\u0636\u064a\u064a\u0642 \u0645\u062a\u0632\u0627\u064a\u062f \u0639\u0644\u0649 \u0627\u0644\u062d\u0631\u064a\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629\u060c \u0648\u0628\u0627\u0646\u062d\u0633\u0627\u0631 \u063a\u064a\u0631 \u0645\u0633\u0628\u0648\u0642 \u0644\u062f\u0648\u0631 \u0627\u0644\u0646\u0642\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0644\u0629\u060c \u0648\u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631\u060c \u062a\u062a\u0639\u0627\u0638\u0645 \u0645\u0633\u0624\u0648\u0644\u064a\u062a\u0646\u0627 \u0628\u0635\u0641\u062a\u0646\u0627 \u0645\u0646\u0638\u0645\u0627\u062a \u0646\u0642\u0627\u0628\u064a\u0629 \u0645\u0633\u062a\u0642\u0644\u0629 \u0644\u0645 \u0646\u064f\u0639\u0627\u0645\u064e\u0644 \u064a\u0648\u0645\u064b\u0627 \u0628\u0627\u0639\u062a\u0628\u0627\u0631\u0646\u0627 \u0634\u0631\u0643\u0627\u0621 \u0627\u062c\u062a\u0645\u0627\u0639\u064a\u064a\u0646\u060c \u0628\u0644 \u0643\u062a\u064a\u0627\u0631\u064d \u0645\u064f\u0632\u0639\u062c \u064a\u0631\u0641\u0636 \u0627\u0644\u062e\u0636\u0648\u0639 \u0644\u0645\u0646\u0637\u0642 \u0627\u0644\u0648\u0644\u0627\u0621 \u0627\u0644\u0633\u064a\u0627\u0633\u064a \u0648\u0627\u0644\u0627\u0645\u062a\u062f\u0627\u062f \u0627\u0644\u062d\u0643\u0648\u0645\u064a \u0648\u0627\u0644\u0623\u0645\u0646\u064a .<\/p>\n\n\n\n<p>\u0641\u0627\u0644\u062d\u0642\u064a\u0642\u0629 \u0627\u0644\u062b\u0627\u0628\u062a\u0629 \u0628\u0639\u062f \u0633\u0646\u0648\u0627\u062a \u0645\u0646 \u0627\u0644\u0646\u0636\u0627\u0644 \u0627\u0644\u0646\u0642\u0627\u0628\u064a \u0647\u064a \u0642\u0628\u0644 \u0623\u0646 \u0646\u0643\u0648\u0646 \u0646\u0642\u0627\u0628\u064a\u064a\u0646 \u0628\u0627\u0644\u0645\u0639\u0646\u0649 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u060c \u0646\u062d\u0646 \u0623\u0648\u0644\u0627 \u0648\u0642\u0628\u0644 \u0643\u0644 \u0634\u064a\u0621 \u0645\u062f\u0627\u0641\u0639\u0648\u0646 \u0639\u0646 \u062d\u0642\u0648\u0642 \u0627\u0644\u0625\u0646\u0633\u0627\u0646. <\/p>\n\n\n\n<p>\u0641\u0646\u0636\u0627\u0644\u0646\u0627 \u0644\u0645 \u064a\u0643\u0646 \u064a\u0648\u0645\u064b\u0627 \u0645\u0642\u062a\u0635\u0631\u064b\u0627 \u0639\u0644\u0649 \u0627\u0644\u0645\u0637\u0627\u0644\u0628 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629 \u0623\u0648 \u062a\u062d\u0633\u064a\u0646 \u0634\u0631\u0648\u0637 \u0627\u0644\u0639\u0645\u0644\u060c \u0644\u0623\u0646\u0646\u0627 \u0628\u0628\u0633\u0627\u0637\u0629 \u0644\u0645 \u0646\u064f\u0645\u0646\u064e\u062d \u0627\u0644\u0641\u0631\u0635\u0629 \u0644\u0645\u0645\u0627\u0631\u0633\u0629 \u0623\u0628\u0633\u0637 \u0622\u0644\u064a\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0646\u0642\u0627\u0628\u064a \u0628\u062f\u0623\u064b \u0645\u0646 \u0627\u0644\u0645\u0641\u0627\u0648\u0636\u0629 \u0627\u0644\u062c\u0645\u0627\u0639\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u062d\u0648\u0627\u0631 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u060c \u0648\u0644\u0645 \u0646\u0633\u062a\u0641\u062f \u064a\u0648\u0645\u064b\u0627 \u0645\u0646 \u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\u060c \u0630\u0644\u0643 \u0641\u0642\u0637 \u0644\u0623\u0646\u0646\u0627 \u0627\u062e\u062a\u0631\u0646\u0627 \u0627\u0644\u0627\u0633\u062a\u0642\u0644\u0627\u0644 \u0639\u0646 \u0627\u0644\u0633\u0644\u0637\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629 \u0648\u0623\u062c\u0647\u0632\u062a\u0647\u0627 \u0627\u0644\u0623\u0645\u0646\u064a\u0629.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">10 \u062f\u064a\u0633\u0645\u0628\u0631 <strong>\u0646\u0636\u0627\u0644\u0646\u0627 \u064a\u0628\u062f\u0623 \u0645\u0646 \u0627\u0644\u062d\u0642\u0648\u0642 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/strong><\/h2>\n\n\n\n<p>\u062a\u062c\u0631\u0628\u062a\u0646\u0627 \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0627\u0644\u0646\u0636\u0627\u0644\u064a\u0629 \u062c\u0639\u0644\u062a\u0646\u0627 \u0623\u0642\u0631\u0628 \u0625\u0644\u0649 \u0627\u0644\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u062d\u0642\u0648\u0642\u064a\u0629 \u0645\u0646 \u0627\u0644\u0646\u0642\u0627\u0628\u0627\u062a \u0627\u0644\u0643\u0644\u0627\u0633\u064a\u0643\u064a\u0629\u060c \u0641\u062c\u0648\u0647\u0631 \u0645\u0639\u0631\u0643\u062a\u0646\u0627 \u064a\u062a\u0645\u062d\u0648\u0631 \u062d\u0648\u0644:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u0627\u0644\u062d\u0642 \u0641\u064a \u0627\u0644\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0633\u062a\u0642\u0644 \u0628\u0639\u064a\u062f\u064b\u0627 \u0639\u0646 \u0627\u0644\u062a\u062f\u062e\u0644\u0627\u062a \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0623\u0645\u0646\u064a\u0629.<\/li>\n\n\n\n<li><strong>\u062d<\/strong>\u0631\u064a\u0629 \u0627\u0644\u0639\u0645\u0627\u0644 \u0641\u064a \u0627\u062e\u062a\u064a\u0627\u0631 \u0645\u0645\u062b\u0644\u064a\u0647\u0645 \u062f\u0648\u0646 \u0648\u0635\u0627\u064a\u0629 \u0633\u064a\u0627\u0633\u064a\u0629 \u0623\u0648 \u062a\u0631\u0647\u064a\u0628 \u0623\u0645\u0646\u064a.<\/li>\n\n\n\n<li>\u0627\u0644\u062d\u0642 \u0641\u064a \u062d\u0631\u064a\u0629 \u0627\u0644\u062a\u0639\u0628\u064a\u0631 \u0648\u0641\u064a \u0625\u064a\u0635\u0627\u0644 \u0635\u0648\u062a \u0627\u0644\u0639\u0645\u0627\u0644 \u062e\u0627\u0631\u062c \u0642\u0646\u0648\u0627\u062a \u0627\u0644\u0647\u064a\u0645\u0646\u0629 \u0627\u0644\u0631\u0633\u0645\u064a\u0629.<\/li>\n\n\n\n<li>\u0627\u0644\u062d\u0642 \u0641\u064a \u0627\u0644\u062a\u062c\u0645\u0639 \u0627\u0644\u0633\u0644\u0645\u064a \u0628\u0627\u0639\u062a\u0628\u0627\u0631\u0647 \u0625\u062d\u062f\u0649 \u0627\u0644\u0631\u0643\u0627\u0626\u0632 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0623\u064a \u062d\u0631\u0643\u0629 \u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629 \u062d\u064a\u0629.<\/li>\n<\/ul>\n\n\n\n<p>\u0647\u0630\u0647 \u0627\u0644\u0645\u0628\u0627\u062f\u0626 \u0647\u064a \u0627\u0644\u062a\u064a \u062a\u0631\u0628\u0637\u0646\u0627 \u0628\u0627\u0644\u0645\u062f\u0627\u0641\u0639\u064a\u0646 \u0639\u0646 \u062d\u0642\u0648\u0642 \u0627\u0644\u0625\u0646\u0633\u0627\u0646 \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645\u060c \u0623\u0643\u062b\u0631 \u0645\u0645\u0627 \u062a\u0631\u0628\u0637\u0646\u0627 \u0628\u0627\u0644\u0646\u0642\u0627\u0628\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0627\u0644\u0635\u0641\u0631\u0627\u0621 \u0627\u0644\u062a\u064a \u062a\u062a\u0643\u0627\u062b\u0631 \u0628\u0634\u0643\u0644 \u0645\u062e\u064a\u0641 \u0641\u064a \u0643\u062b\u064a\u0631 \u0645\u0646 \u0627\u0644\u062f\u0648\u0644 \u0648\u0644\u0644\u0623\u0633\u0641 \u062a\u062d\u0643\u0645\u062a \u0641\u064a \u0627\u0644\u0643\u062b\u064a\u0631 \u0645\u0646 \u0627\u0644\u0627\u062a\u062d\u0627\u062f\u0627\u062a \u0627\u0644\u0646\u0642\u0627\u0628\u064a\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u062a\u062d\u0648\u0644 \u062a\u062f\u0631\u064a\u062c\u064a\u064b\u0627 \u0625\u0644\u0649 \u0623\u062f\u0648\u0627\u062a \u0644\u062a\u0623\u0637\u064a\u0631 \u0627\u0644\u0639\u0645\u0627\u0644 \u0628\u062f\u0644 \u062a\u0645\u062b\u064a\u0644\u0647\u0645\u060c \u0644\u0647\u0630\u0627 \u062a\u062a\u0639\u0631\u0636 \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u0646\u0642\u0627\u0628\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0642\u0644\u0629 \u0639\u0627\u0644\u0645\u064a\u064b\u0627 \u0648\u062e\u0635\u0648\u0635\u0627 \u0641\u064a \u0645\u0646\u0637\u0642\u0629 \u0634\u0645\u0627\u0644 \u0625\u0641\u0631\u064a\u0642\u064a\u0627 \u0648\u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637 \u0644\u0636\u0639\u0641 \u063a\u064a\u0631 \u0645\u0633\u0628\u0648\u0642\u060c \u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u0636\u063a\u0648\u0637 \u0627\u0644\u0633\u064a\u0627\u0633\u064a\u0629 \u0648\u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629 \u0648\u062a\u0631\u0627\u062c\u0639 \u0627\u0644\u0641\u0636\u0627\u0621 \u0627\u0644\u0645\u062f\u0646\u064a.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u0634\u0631\u0627\u0643\u0627\u062a \u062f\u0648\u0644\u064a\u0629 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0644\u0645\u0648\u0627\u062c\u0647\u0629 \u0628\u064a\u0626\u0629 \u0639\u062f\u0627\u0626\u064a\u0629<\/strong><\/h2>\n\n\n\n<p>\u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0633\u064a\u0627\u0642\u060c \u062a\u0639\u0645\u0644 \u0627\u0644\u0643\u0646\u0641\u062f\u0631\u0627\u0644\u064a\u0629 \u0627\u0644\u0646\u0642\u0627\u0628\u064a\u0629 \u0644\u0644\u0642\u0648\u0649 \u0627\u0644\u0645\u0646\u062a\u062c\u0629 (<a href=\"https:\/\/cosyfop.ovh\/\u062a\u0639\u0631\u0641-\u0623\u0643\u062b\u0631-\u0639\u0644\u0649-cosyfop\/\" data-type=\"link\" data-id=\"https:\/\/cosyfop.ovh\/\u062a\u0639\u0631\u0641-\u0623\u0643\u062b\u0631-\u0639\u0644\u0649-cosyfop\/\">\u0643\u0648\u0633\u064a\u0641\u0648\u0628<\/a>) \u0648\u0646\u0642\u0627\u0628\u0627\u062a\u0647\u0627 \u0627\u0644\u0645\u0646\u062e\u0631\u0637\u0629 \u062a\u062d\u062a \u0644\u0648\u0627\u0621\u0647\u0627 \u0639\u0644\u0649 \u0628\u0646\u0627\u0621 \u0639\u0644\u0627\u0642\u0627\u062a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0648 \u0642\u0648\u064a\u0629 \u0645\u0639 \u0645\u0646\u0638\u0645\u0627\u062a \u062d\u0642\u0648\u0642 \u0627\u0644\u0625\u0646\u0633\u0627\u0646\u060c \u0644\u064a\u0633 \u0643\u062e\u064a\u0627\u0631 \u062a\u0643\u062a\u064a\u0643\u064a\u060c \u0628\u0644 \u0643\u0642\u0646\u0627\u0639\u0629 \u0639\u0645\u064a\u0642\u0629 \u0628\u0623\u0646 \u0647\u0630\u0647 \u0627\u0644\u0645\u0646\u0638\u0645\u0627\u062a \u062a\u062a\u0642\u0627\u0637\u0639 \u0645\u0639\u0646\u0627 \u0641\u064a \u0627\u0644\u0645\u0628\u0627\u062f\u0626 \u0648\u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0639\u0644\u0649 \u0631\u0623\u0633\u0647\u0627 \u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0643\u0631\u0627\u0645\u0629 \u0627\u0644\u0625\u0646\u0633\u0627\u0646\u064a\u0629 \u0648\u0631\u0641\u0636 \u0643\u0644 \u0623\u0634\u0643\u0627\u0644 \u0627\u0644\u0642\u0645\u0639 \u0648\u0627\u0644\u062a\u0645\u064a\u064a\u0632 \u0648\u0627\u0644\u0648\u0635\u0627\u064a\u0629.<\/p>\n\n\n\n<p>\u064a\u0642\u0648\u0644 \u0631\u0626\u064a\u0633 \u0627\u0644\u0643\u0646\u0641\u062f\u0631\u0627\u0644\u064a\u0629 \u0627\u0644\u0623\u062e \u0631\u0624\u0648\u0641 \u0645\u0644\u0627\u0644 \u0628\u0645\u0646\u0627\u0633\u0628\u0629 \u0647\u0630\u0627 \u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u0639\u0627\u0644\u0645\u064a <\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u0644\u0642\u062f \u0648\u062c\u062f\u0646\u0627 \u0623\u0646\u0641\u0633\u0646\u0627 \u0641\u064a \u0645\u0648\u0627\u062c\u0647\u0629 \u0645\u0632\u062f\u0648\u062c\u0629 \u0641\u0645\u0646 \u062c\u0647\u0629 \u0627\u0644\u062d\u0643\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0631\u0649 \u0641\u064a \u0627\u0644\u0646\u0642\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0644\u0629 \u062a\u0647\u062f\u064a\u062f\u064b\u0627 \u0644\u0627\u062d\u062a\u0643\u0627\u0631\u0647\u0627 \u0644\u0644\u0645\u062c\u0627\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a \u0648\u0627\u0644\u0633\u064a\u0627\u0633\u064a\u060c \u0648\u0645\u0646 \u062c\u0647\u0629 \u0623\u062e\u0631\u0649 \u0627\u0644\u0646\u0642\u0627\u0628\u0627\u062a \u0627\u0644\u0635\u0641\u0631\u0627\u0621 \u0627\u0644\u062a\u064a \u062a\u062d\u0648\u0644\u062a \u0625\u0644\u0649 \u0627\u0645\u062a\u062f\u0627\u062f \u0644\u0644\u0633\u0644\u0637\u0629 \u0628\u062f\u0644 \u0623\u0646 \u062a\u0643\u0648\u0646 \u0635\u0648\u062a\u064b\u0627 \u0644\u0644\u0639\u0645\u0627\u0644.<\/p>\n\n\n\n<p>\u0644\u0647\u0630\u0627 \u0623\u0635\u0628\u062d \u062a\u0639\u0627\u0648\u0646\u0646\u0627 \u0645\u0639 \u0627\u0644\u0645\u0646\u0638\u0645\u0627\u062a \u0627\u0644\u062d\u0642\u0648\u0642\u064a\u0629 \u062c\u0632\u0621\u064b\u0627 \u0645\u0646 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u062a\u0646\u0627 \u0628\u0639\u064a\u062f\u0629 \u0627\u0644\u0645\u062f\u0649 \u0644\u062d\u0645\u0627\u064a\u0629 \u062d\u0631\u064a\u0629 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u060c \u0648\u0644\u0636\u0645\u0627\u0646 \u0623\u0646 \u0635\u0648\u062a \u0627\u0644\u0639\u0645\u0627\u0644 \u0644\u0627 \u064a\u064f\u062f\u0641\u064e\u0646 \u062a\u062d\u062a \u0631\u0643\u0627\u0645 \u0627\u0644\u0642\u0648\u0627\u0646\u064a\u0646 \u0627\u0644\u0645\u0642\u064a\u062f\u0629 \u0623\u0648 \u0627\u0644\u0647\u064a\u0627\u0643\u0644 \u0627\u0644\u0645\u0648\u0627\u0644\u064a\u0629 \u0644\u0644\u062f\u0648\u0644\u0629.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u062d\u0642\u0648\u0642 \u0627\u0644\u0625\u0646\u0633\u0627\u0646 \u0644\u064a\u0633\u062a \u0634\u0639\u0627\u0631\u064b\u0627 \u0628\u0627\u0644\u0646\u0633\u0628\u0629 \u0644\u0646\u0627<\/strong><\/h2>\n\n\n\n<p>\u0641\u064a \u0646\u0641\u0633 \u0627\u0644\u0633\u064a\u0627\u0642 \u064a\u0635\u0631\u062d \u0627\u0644\u0623\u062e \u0631\u0624\u0648\u0641 \u0645\u0644\u0627\u0644 :<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u0641\u064a \u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u0639\u0627\u0644\u0645\u064a \u0644\u062d\u0642\u0648\u0642 \u0627\u0644\u0625\u0646\u0633\u0627\u0646\u060c \u0646\u0624\u0643\u062f \u0627\u0644\u062a\u0632\u0627\u0645\u0646\u0627 \u0627\u0644\u062b\u0627\u0628\u062a \u0628\u0623\u0646 \u0627\u0644\u062f\u0641\u0627\u0639 \u0639\u0646 \u0627\u0644\u062d\u0642\u0648\u0642 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0647\u0648 \u0642\u0644\u0628 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0646\u0642\u0627\u0628\u064a \u0627\u0644\u0645\u0633\u062a\u0642\u0644 \u0648\u0647\u0648 \u0623\u064a\u0636\u0627 \u0645\u0627 \u064a\u0645\u064a\u0632\u0646\u0627 \u0639\u0646 \u0628\u0627\u0642\u064a \u0627\u0644\u0646\u0642\u0627\u0628\u064a\u064a\u0646\u060c \u0648\u0647\u0648 \u0627\u0644\u0633\u0628\u064a\u0644 \u0627\u0644\u0648\u062d\u064a\u062f \u0644\u0628\u0646\u0627\u0621 \u062d\u0631\u0643\u0629 \u062d\u0642\u064a\u0642\u064a\u0629 \u0642\u0627\u062f\u0631\u0629 \u0639\u0644\u0649 \u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0639\u0645\u0627\u0644 \u0648\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u062f\u064a\u0645\u0642\u0631\u0627\u0637\u064a\u0629 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629.<\/p>\n<\/blockquote>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u0646\u062d\u0646 \u062c\u0632\u0621 \u0645\u0646 \u062d\u0631\u0643\u0629 \u0639\u0627\u0644\u0645\u064a\u0629 \u062a\u0624\u0645\u0646 \u0628\u0623\u0646 \u0643\u0631\u0627\u0645\u0629 \u0627\u0644\u0625\u0646\u0633\u0627\u0646 \u062e\u0637 \u0623\u062d\u0645\u0631\u060c \u0648\u0623\u0646 \u0627\u0644\u062d\u0631\u064a\u0629 \u0627\u0644\u0646\u0642\u0627\u0628\u064a\u0629 \u0644\u064a\u0633\u062a \u0627\u0645\u062a\u064a\u0627\u0632\u064b\u0627 \u062a\u0645\u0646\u062d\u0647 \u0627\u0644\u062d\u0643\u0648\u0645\u0627\u062a\u060c \u0628\u0644 \u062d\u0642 \u0623\u0635\u064a\u0644 \u062a\u0646\u062a\u0632\u0639\u0647 \u0627\u0644\u0634\u0639\u0648\u0628 \u0627\u0644\u0645\u0646\u0638\u0645\u0629 \u0648\u0627\u0644\u0648\u0627\u0639\u064a\u0629 \u0628\u062d\u0642\u0648\u0642\u0647\u0627.<\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>\u062a\u0635\u0645\u064a\u0645 \u062e\u0627\u0635 \u0628\u0645\u0646\u0627\u0633\u0628\u0629 \u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u0639\u0627\u0644\u0645\u064a \u0644\u062d\u0642\u0648\u0642 \u0627\u0644\u0625\u0646\u0633\u0627\u0646 <\/strong><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u0627\u0644\u0646\u0642\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0644\u0629: \u062e\u0637 \u0627\u0644\u062f\u0641\u0627\u0639 \u0627\u0644\u0623\u0648\u0644<\/title>\n    \n    <!-- Fonts -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;900&#038;display=swap\" rel=\"stylesheet\">\n    \n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    \n    <!-- Chart.js -->\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n\n    <!-- Config -->\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        sans: ['Cairo', 'sans-serif'],\n                    },\n                    colors: {\n                        brand: {\n                            dark: '#0f172a',  \/\/ slate-900\n                            primary: '#1e40af', \/\/ blue-800 (Trust\/Union)\n                            accent: '#f97316',  \/\/ orange-500 (Urgency\/Action)\n                            light: '#f1f5f9',   \/\/ slate-100\n                            surface: '#ffffff',\n                        }\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    <style>\n        \/* Chart Container Styling Rules *\/\n        .chart-container {\n            position: relative;\n            width: 100%;\n            margin-left: auto;\n            margin-right: auto;\n            \/* Height handling for responsiveness *\/\n            height: 300px; \n            max-height: 400px;\n        }\n        \n        @media (min-width: 768px) {\n            .chart-container {\n                height: 350px;\n            }\n        }\n\n        \/* Custom Scrollbar *\/\n        ::-webkit-scrollbar {\n            width: 10px;\n        }\n        ::-webkit-scrollbar-track {\n            background: #f1f5f9;\n        }\n        ::-webkit-scrollbar-thumb {\n            background: #1e40af;\n            border-radius: 5px;\n        }\n        ::-webkit-scrollbar-thumb:hover {\n            background: #1e3a8a;\n        }\n\n        \/* Connector Lines for Diagram *\/\n        .connector-line {\n            position: absolute;\n            z-index: 0;\n            background-color: #cbd5e1;\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-gray-50 text-gray-800 font-sans leading-relaxed\">\n\n    <!-- Hero Section -->\n    <header class=\"bg-brand-primary text-white py-12 px-4 shadow-lg relative overflow-hidden\">\n        <div class=\"absolute top-0 left-0 w-full h-full opacity-10 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png')]\"><\/div>\n        <div class=\"max-w-6xl mx-auto relative z-10 text-center\">\n            <div class=\"inline-block bg-brand-accent text-white px-4 py-1 rounded-full text-sm font-bold mb-4 animate-pulse\">\n                \u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u0639\u0627\u0644\u0645\u064a \u0644\u062d\u0642\u0648\u0642 \u0627\u0644\u0625\u0646\u0633\u0627\u0646\n            <\/div>\n            <h1 class=\"text-4xl md:text-6xl font-black mb-4 leading-tight\">\n                \u0627\u0644\u0646\u0642\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0644\u0629: <span class=\"text-brand-accent\">\u062e\u0637 \u0627\u0644\u062f\u0641\u0627\u0639 \u0627\u0644\u0623\u0648\u0644<\/span> \u0639\u0646 \u0627\u0644\u0643\u0631\u0627\u0645\u0629\n            <\/h1>\n            <p class=\"text-xl md:text-2xl font-light text-blue-100 max-w-3xl mx-auto\">\n                &#8220;\u0642\u0628\u0644 \u0623\u0646 \u0646\u0643\u0648\u0646 \u0646\u0642\u0627\u0628\u064a\u064a\u0646 \u0628\u0627\u0644\u0645\u0639\u0646\u0649 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u060c \u0646\u062d\u0646 \u0645\u062f\u0627\u0641\u0639\u0648\u0646 \u0639\u0646 \u062d\u0642\u0648\u0642 \u0627\u0644\u0625\u0646\u0633\u0627\u0646.&#8221;\n            <\/p>\n        <\/div>\n    <\/header>\n\n    <!-- Main Content Grid -->\n    <main class=\"max-w-6xl mx-auto px-4 py-12 grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12\">\n\n        <!-- Section 1: Context (Text Card) -->\n        <section class=\"col-span-1 md:col-span-2 bg-white rounded-2xl shadow-md p-8 border-r-4 border-brand-accent\">\n            <h2 class=\"text-2xl font-bold text-brand-primary mb-4 flex items-center gap-2\">\n                <span class=\"text-3xl\">\ud83c\udf0d<\/span> \u0627\u0644\u0633\u064a\u0627\u0642 \u0627\u0644\u0639\u0627\u0644\u0645\u064a \u0648\u0627\u0644\u0645\u062d\u0644\u064a\n            <\/h2>\n            <p class=\"text-lg text-gray-600 mb-6\">\n                \u064a\u0623\u062a\u064a \u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u0639\u0627\u0644\u0645\u064a \u0644\u062d\u0642\u0648\u0642 \u0627\u0644\u0625\u0646\u0633\u0627\u0646 \u0647\u0630\u0627 \u0627\u0644\u0639\u0627\u0645 \u0641\u064a \u0638\u0644 \u0638\u0631\u0641 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a. \u0639\u0627\u0644\u0645\u064a\u0627\u064b\u060c \u0646\u0634\u0647\u062f \u0627\u0646\u062d\u0633\u0627\u0631\u0627\u064b \u0644\u062f\u0648\u0631 \u0627\u0644\u0646\u0642\u0627\u0628\u0627\u062a \u0648\u062a\u0636\u064a\u064a\u0642\u0627\u064b \u0639\u0644\u0649 \u0627\u0644\u062d\u0631\u064a\u0627\u062a. \u0648\u0645\u062d\u0644\u064a\u0627\u064b \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631\u060c \u0646\u0648\u0627\u062c\u0647 \u0648\u0627\u0642\u0639\u0627\u064b \u0646\u062a\u0639\u0627\u0645\u0644 \u0641\u064a\u0647 \u0644\u064a\u0633 \u0643\u0634\u0631\u0643\u0627\u0621 \u0627\u062c\u062a\u0645\u0627\u0639\u064a\u064a\u0646\u060c \u0628\u0644 \u0643\u0640 &#8220;\u062a\u064a\u0627\u0631 \u0645\u0632\u0639\u062c&#8221;.\n            <\/p>\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 text-center\">\n                <div class=\"p-4 bg-blue-50 rounded-lg\">\n                    <div class=\"text-4xl mb-2\">\u26d3\ufe0f<\/div>\n                    <h3 class=\"font-bold text-brand-dark\">\u062a\u0636\u064a\u064a\u0642 \u0627\u0644\u062d\u0631\u064a\u0627\u062a<\/h3>\n                    <p class=\"text-sm text-gray-500\">\u062a\u0635\u0627\u0639\u062f \u0627\u0644\u0636\u063a\u0648\u0637 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/p>\n                <\/div>\n                <div class=\"p-4 bg-orange-50 rounded-lg\">\n                    <div class=\"text-4xl mb-2\">\ud83d\uded1<\/div>\n                    <h3 class=\"font-bold text-brand-dark\">\u063a\u064a\u0627\u0628 \u0627\u0644\u0634\u0631\u0627\u0643\u0629<\/h3>\n                    <p class=\"text-sm text-gray-500\">\u0625\u0642\u0635\u0627\u0621 \u0645\u0646 \u0627\u0644\u062d\u0648\u0627\u0631 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a<\/p>\n                <\/div>\n                <div class=\"p-4 bg-blue-50 rounded-lg\">\n                    <div class=\"text-4xl mb-2\">\ud83d\udee1\ufe0f<\/div>\n                    <h3 class=\"font-bold text-brand-dark\">\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629<\/h3>\n                    <p class=\"text-sm text-gray-500\">\u062a\u062a\u0639\u0627\u0638\u0645 \u0639\u0644\u0649 \u0627\u0644\u0646\u0642\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0644\u0629<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Section 2: Identity (Doughnut Chart) -->\n        <section class=\"col-span-1 bg-white rounded-2xl shadow-md p-6\">\n            <h2 class=\"text-xl font-bold text-brand-primary mb-2\">\u062c\u0648\u0647\u0631 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0646\u0642\u0627\u0628\u064a\u0629<\/h2>\n            <p class=\"text-sm text-gray-500 mb-6\">\n                \u062a\u062d\u0648\u0644 \u062c\u0648\u0647\u0631\u064a \u0641\u064a \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0646\u062a\u064a\u062c\u0629 \u063a\u064a\u0627\u0628 \u0622\u0644\u064a\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0646\u0642\u0627\u0628\u064a \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a. \u0646\u0636\u0627\u0644\u0646\u0627 \u064a\u062a\u062c\u0627\u0648\u0632 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0623\u062c\u0648\u0631 \u0644\u064a\u062f\u0627\u0641\u0639 \u0639\u0646 \u0627\u0644\u0648\u062c\u0648\u062f \u0646\u0641\u0633\u0647.\n            <\/p>\n            \n            <div class=\"chart-container\">\n                <canvas id=\"identityChart\"><\/canvas>\n            <\/div>\n            \n            <div class=\"mt-4 p-4 bg-gray-50 rounded border border-gray-100 text-sm text-center italic text-gray-600\">\n                &#8220;\u0644\u0645 \u0646\u064f\u0645\u0646\u062d \u0627\u0644\u0641\u0631\u0635\u0629 \u0644\u0645\u0645\u0627\u0631\u0633\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0646\u0642\u0627\u0628\u064a\u060c \u0641\u062a\u062d\u0648\u0644\u0646\u0627 \u0644\u062e\u0637 \u062f\u0641\u0627\u0639 \u062d\u0642\u0648\u0642\u064a.&#8221;\n            <\/div>\n        <\/section>\n\n        <!-- Section 3: The 4 Pillars (Radar Chart) -->\n        <section class=\"col-span-1 bg-white rounded-2xl shadow-md p-6\">\n            <h2 class=\"text-xl font-bold text-brand-primary mb-2\">\u0627\u0644\u0631\u0643\u0627\u0626\u0632 \u0627\u0644\u0623\u0631\u0628\u0639\u0629 \u0644\u0644\u0646\u0636\u0627\u0644<\/h2>\n            <p class=\"text-sm text-gray-500 mb-6\">\n                \u0647\u0630\u0647 \u0627\u0644\u062d\u0642\u0648\u0642 \u0644\u064a\u0633\u062a \u0645\u062c\u0631\u062f \u0645\u0637\u0627\u0644\u0628\u060c \u0628\u0644 \u0647\u064a \u0627\u0644\u0647\u0648\u0627\u0621 \u0627\u0644\u0630\u064a \u062a\u062a\u0646\u0641\u0633\u0647 \u0623\u064a \u062d\u0631\u0643\u0629 \u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629 \u062d\u064a\u0629. \u0628\u062f\u0648\u0651\u0646\u0647\u0627\u060c \u0644\u0627 \u0648\u062c\u0648\u062f \u0644\u0644\u0646\u0642\u0627\u0628\u0629.\n            <\/p>\n\n            <div class=\"chart-container\">\n                <canvas id=\"pillarsChart\"><\/canvas>\n            <\/div>\n\n            <div class=\"mt-4 grid grid-cols-2 gap-2 text-xs text-gray-500\">\n                <div class=\"flex items-center gap-1\"><span class=\"w-2 h-2 rounded-full bg-brand-primary\"><\/span>\u0627\u0644\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0633\u062a\u0642\u0644<\/div>\n                <div class=\"flex items-center gap-1\"><span class=\"w-2 h-2 rounded-full bg-brand-primary\"><\/span>\u062d\u0631\u064a\u0629 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0645\u062b\u0644\u064a\u0646<\/div>\n                <div class=\"flex items-center gap-1\"><span class=\"w-2 h-2 rounded-full bg-brand-primary\"><\/span>\u062d\u0631\u064a\u0629 \u0627\u0644\u062a\u0639\u0628\u064a\u0631<\/div>\n                <div class=\"flex items-center gap-1\"><span class=\"w-2 h-2 rounded-full bg-brand-primary\"><\/span>\u0627\u0644\u062a\u062c\u0645\u0639 \u0627\u0644\u0633\u0644\u0645\u064a<\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Section 4: The Landscape (Bar Chart) -->\n        <section class=\"col-span-1 md:col-span-2 bg-white rounded-2xl shadow-md p-6\">\n            <h2 class=\"text-xl font-bold text-brand-primary mb-2\">\u0627\u0644\u0645\u0634\u0647\u062f \u0627\u0644\u0646\u0642\u0627\u0628\u064a: \u0645\u0642\u0627\u0631\u0646\u0629 \u0647\u064a\u0643\u0644\u064a\u0629<\/h2>\n            <p class=\"text-sm text-gray-500 mb-6\">\n                \u0627\u0644\u0641\u0631\u0642 \u0627\u0644\u062c\u0648\u0647\u0631\u064a \u0628\u064a\u0646 \u0627\u0644\u0646\u0642\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0644\u0629 \u0627\u0644\u062a\u064a \u062a\u0645\u062b\u0644 \u0635\u0648\u062a \u0627\u0644\u0639\u0645\u0627\u0644\u060c \u0648\u0628\u064a\u0646 \u0627\u0644\u0646\u0642\u0627\u0628\u0627\u062a &#8220;\u0627\u0644\u0635\u0641\u0631\u0627\u0621&#8221; \u0627\u0644\u062a\u064a \u062a\u0639\u0645\u0644 \u0643\u0623\u062f\u0648\u0627\u062a \u062a\u0623\u0637\u064a\u0631 \u062d\u0643\u0648\u0645\u064a\u0629.\n            <\/p>\n\n            <div class=\"chart-container w-full max-w-2xl mx-auto\">\n                <canvas id=\"landscapeChart\"><\/canvas>\n            <\/div>\n        <\/section>\n\n        <!-- Section 5: Strategy (Process Diagram - CSS Based) -->\n        <section class=\"col-span-1 md:col-span-2 bg-gradient-to-br from-slate-800 to-slate-900 text-white rounded-2xl shadow-xl p-8\">\n            <div class=\"text-center mb-10\">\n                <h2 class=\"text-2xl font-bold text-brand-accent mb-2\">\u0627\u0644\u062a\u062d\u0627\u0644\u0641 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a<\/h2>\n                <p class=\"text-gray-300\">\u0644\u0645\u0627\u0630\u0627 \u0646\u0628\u0646\u064a \u0634\u0631\u0627\u0643\u0627\u062a \u0645\u0639 \u0645\u0646\u0638\u0645\u0627\u062a \u062d\u0642\u0648\u0642 \u0627\u0644\u0625\u0646\u0633\u0627\u0646\u061f<\/p>\n            <\/div>\n\n            <div class=\"flex flex-col md:flex-row justify-center items-center gap-4 relative\">\n                \n                <!-- Step 1 -->\n                <div class=\"relative z-10 w-full md:w-1\/4 p-6 bg-white\/10 backdrop-blur-sm rounded-xl border border-white\/20 text-center transform hover:scale-105 transition duration-300\">\n                    <div class=\"text-4xl mb-3\">\ud83e\udd1d<\/div>\n                    <h3 class=\"font-bold text-lg mb-2\">\u0646\u0642\u0627\u0628\u0627\u062a \u0645\u0633\u062a\u0642\u0644\u0629<\/h3>\n                    <p class=\"text-xs text-gray-300\">\u0643\u0648\u0633\u064a\u0641\u0648\u0628 \u0648\u0634\u0631\u0643\u0627\u0624\u0647\u0627<\/p>\n                <\/div>\n\n                <!-- Connector -->\n                <div class=\"hidden md:block text-2xl text-brand-accent font-bold\">\u2795<\/div>\n                <div class=\"block md:hidden text-2xl text-brand-accent font-bold my-2\">\u2795<\/div>\n\n                <!-- Step 2 -->\n                <div class=\"relative z-10 w-full md:w-1\/4 p-6 bg-white\/10 backdrop-blur-sm rounded-xl border border-white\/20 text-center transform hover:scale-105 transition duration-300\">\n                    <div class=\"text-4xl mb-3\">\u2696\ufe0f<\/div>\n                    <h3 class=\"font-bold text-lg mb-2\">\u0645\u0646\u0638\u0645\u0627\u062a \u062d\u0642\u0648\u0642\u064a\u0629<\/h3>\n                    <p class=\"text-xs text-gray-300\">\u0634\u0631\u0643\u0627\u0621 \u0641\u064a \u0627\u0644\u0645\u0628\u0627\u062f\u0626<\/p>\n                <\/div>\n\n                <!-- Arrow -->\n                <div class=\"hidden md:block text-2xl text-brand-accent font-bold\">\u2794<\/div>\n                <div class=\"block md:hidden text-2xl text-brand-accent font-bold my-2\">\u2b07\ufe0f<\/div>\n\n                <!-- Goal -->\n                <div class=\"relative z-10 w-full md:w-1\/4 p-6 bg-brand-accent text-white rounded-xl shadow-lg shadow-orange-500\/30 text-center transform hover:scale-105 transition duration-300 border-2 border-white\">\n                    <div class=\"text-4xl mb-3\">\ud83d\udee1\ufe0f<\/div>\n                    <h3 class=\"font-bold text-lg mb-2\">\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0643\u0631\u0627\u0645\u0629<\/h3>\n                    <p class=\"text-xs text-white\/90\">\u0631\u0641\u0636 \u0627\u0644\u0642\u0645\u0639 \u0648\u0627\u0644\u0648\u0635\u0627\u064a\u0629<\/p>\n                <\/div>\n\n            <\/div>\n            \n            <div class=\"mt-8 text-center text-sm text-gray-400\">\n                &#8220;\u0627\u0644\u0634\u0631\u0627\u0643\u0629 \u0644\u064a\u0633\u062a \u062e\u064a\u0627\u0631\u0627\u064b \u062a\u0643\u062a\u064a\u0643\u064a\u0627\u064b\u060c \u0628\u0644 \u0642\u0646\u0627\u0639\u0629 \u0631\u0627\u0633\u062e\u0629 \u0628\u0648\u062d\u062f\u0629 \u0627\u0644\u0645\u0635\u064a\u0631.&#8221;\n            <\/div>\n        <\/section>\n\n        <!-- Footer -->\n        <footer class=\"col-span-1 md:col-span-2 text-center mt-8 pb-8\">\n            <div class=\"bg-white p-8 rounded-xl shadow-sm border-t-4 border-brand-primary\">\n                <h3 class=\"text-2xl font-bold text-brand-dark mb-4\">\u062e\u0644\u0627\u0635\u0629 \u0627\u0644\u0642\u0648\u0644<\/h3>\n                <p class=\"text-lg text-gray-600 max-w-2xl mx-auto mb-6\">\n                    \u0641\u064a \u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u0639\u0627\u0644\u0645\u064a \u0644\u062d\u0642\u0648\u0642 \u0627\u0644\u0625\u0646\u0633\u0627\u0646\u060c \u0646\u0624\u0643\u062f \u0623\u0646 \u0627\u0644\u062d\u0631\u064a\u0629 \u0627\u0644\u0646\u0642\u0627\u0628\u064a\u0629 \u0644\u064a\u0633\u062a \u0627\u0645\u062a\u064a\u0627\u0632\u0627\u064b \u062a\u0645\u0646\u062d\u0647 \u0627\u0644\u062d\u0643\u0648\u0645\u0627\u062a\u060c \u0628\u0644 <span class=\"text-brand-accent font-bold\">\u062d\u0642 \u0623\u0635\u064a\u0644<\/span> \u062a\u0646\u062a\u0632\u0639\u0647 \u0627\u0644\u0634\u0639\u0648\u0628 \u0627\u0644\u0648\u0627\u0639\u064a\u0629.\n                <\/p>\n                <div class=\"inline-flex items-center gap-2 bg-brand-primary text-white px-6 py-3 rounded-full font-bold shadow-lg hover:bg-blue-900 transition cursor-pointer\">\n                    <span>\u270a<\/span>\n                    <span>\u0646\u062d\u0646 \u0646\u0642\u0627\u0628\u064a\u0648\u0646.. \u0644\u0623\u0646\u0646\u0627 \u062d\u0642\u0648\u0642\u064a\u0648\u0646 \u0623\u0648\u0644\u0627\u064b<\/span>\n                <\/div>\n            <\/div>\n            <p class=\"mt-8 text-gray-400 text-xs\">\u062a\u0645 \u062a\u0635\u0645\u064a\u0645 \u0647\u0630\u0627 \u0627\u0644\u0625\u0646\u0641\u0648\u062c\u0631\u0627\u0641\u064a\u0643 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0628\u064a\u0627\u0646 \u0627\u0644\u0643\u0646\u0641\u062f\u0631\u0627\u0644\u064a\u0629 \u0627\u0644\u0646\u0642\u0627\u0628\u064a\u0629 \u0644\u0644\u0642\u0648\u0649 \u0627\u0644\u0645\u0646\u062a\u062c\u0629 (\u0643\u0648\u0633\u064a\u0641\u0648\u0628) &#8211; 2024<\/p>\n        <\/footer>\n\n    <\/main>\n\n    <!-- Chart Scripts -->\n    <script>\n        \/\/ Ensure DOM is fully loaded before running Chart.js scripts\n        document.addEventListener('DOMContentLoaded', function() {\n            \n            \/\/ Shared Configs\n            Chart.defaults.font.family = \"'Cairo', sans-serif\";\n            Chart.defaults.color = '#475569';\n            \n            \/\/ 1. Text Wrapping Helper (Mandatory)\n            function formatLabel(str, maxwidth) {\n                if (typeof str !== 'string') return str;\n                var sections = [];\n                var words = str.split(\" \");\n                var temp = \"\";\n                words.forEach(function(item, index) {\n                    if (temp.length > 0) {\n                        var concat = temp + ' ' + item;\n                        if (concat.length > maxwidth) {\n                            sections.push(temp);\n                            temp = \"\";\n                        } else {\n                            if (index == (words.length - 1)) {\n                                sections.push(concat);\n                                return;\n                            } else {\n                                temp = concat;\n                                return;\n                            }\n                        }\n                    }\n                    if (index == (words.length - 1)) {\n                        sections.push(item);\n                        return;\n                    }\n                    if (item.length < maxwidth) {\n                        temp = item;\n                    } else {\n                        sections.push(item);\n                    }\n                });\n                return sections;\n            }\n\n            \/\/ 2. Tooltip Config (Mandatory)\n            const tooltipConfig = {\n                callbacks: {\n                    title: function(tooltipItems) {\n                        const item = tooltipItems[0];\n                        let label = item.chart.data.labels[item.dataIndex];\n                        if (Array.isArray(label)) {\n                            return label.join(' ');\n                        } else {\n                            return label;\n                        }\n                    }\n                }\n            };\n\n            \/\/ --- CHART 1: IDENTITY (Doughnut) ---\n            const identityCanvas = document.getElementById('identityChart');\n            if (identityCanvas) {\n                const identityCtx = identityCanvas.getContext('2d');\n                const identityLabels = ['\u0627\u0644\u062f\u0641\u0627\u0639 \u0639\u0646 \u062d\u0642\u0648\u0642 \u0627\u0644\u0625\u0646\u0633\u0627\u0646', '\u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0646\u0642\u0627\u0628\u064a \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a'];\n                \/\/ We use formatted labels for the chart, but simpler labels for legend to avoid issues\n                const formattedIdentityLabels = identityLabels.map(l => formatLabel(l, 16));\n\n                new Chart(identityCtx, {\n                    type: 'doughnut',\n                    data: {\n                        labels: identityLabels, \/\/ Use string labels for legend compatibility\n                        datasets: [{\n                            data: [80, 20], \n                            backgroundColor: ['#1e40af', '#cbd5e1'], \n                            hoverOffset: 4,\n                            borderWidth: 0\n                        }]\n                    },\n                    options: {\n                        responsive: true,\n                        maintainAspectRatio: false,\n                        plugins: {\n                            legend: {\n                                position: 'bottom',\n                                labels: { padding: 20 }\n                            },\n                            tooltip: {\n                                callbacks: {\n                                    \/\/ Custom tooltip to use the formatted multiline logic if needed\n                                    label: function(context) {\n                                        let label = context.label || '';\n                                        if (label) {\n                                            label += ': ';\n                                        }\n                                        label += context.parsed + '%';\n                                        return label;\n                                    }\n                                }\n                            },\n                            title: {\n                                display: true,\n                                text: '\u0646\u0633\u0628\u0629 \u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0646\u0634\u0627\u0637 \u0627\u0644\u0646\u0642\u0627\u0628\u064a \u0627\u0644\u062d\u0627\u0644\u064a',\n                                padding: { bottom: 20 }\n                            }\n                        },\n                        cutout: '70%'\n                    }\n                });\n            }\n\n            \/\/ --- CHART 2: PILLARS (Radar) ---\n            const pillarsCanvas = document.getElementById('pillarsChart');\n            if (pillarsCanvas) {\n                const pillarsCtx = pillarsCanvas.getContext('2d');\n                const pillarsLabels = ['\u0627\u0644\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0633\u062a\u0642\u0644', '\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0645\u062b\u0644\u064a\u0646', '\u062d\u0631\u064a\u0629 \u0627\u0644\u062a\u0639\u0628\u064a\u0631', '\u0627\u0644\u062a\u062c\u0645\u0639 \u0627\u0644\u0633\u0644\u0645\u064a'];\n                const formattedPillarsLabels = pillarsLabels.map(l => formatLabel(l, 16));\n\n                new Chart(pillarsCtx, {\n                    type: 'radar',\n                    data: {\n                        labels: formattedPillarsLabels,\n                        datasets: [{\n                            label: '\u062f\u0631\u062c\u0629 \u0627\u0644\u0623\u0647\u0645\u064a\u0629 \u0644\u0644\u0646\u0636\u0627\u0644',\n                            data: [100, 100, 100, 100], \n                            fill: true,\n                            backgroundColor: 'rgba(249, 115, 22, 0.2)', \n                            borderColor: '#f97316',\n                            pointBackgroundColor: '#f97316',\n                            pointBorderColor: '#fff',\n                            pointHoverBackgroundColor: '#fff',\n                            pointHoverBorderColor: '#f97316'\n                        }]\n                    },\n                    options: {\n                        responsive: true,\n                        maintainAspectRatio: false,\n                        scales: {\n                            r: {\n                                angleLines: { color: '#e2e8f0' },\n                                grid: { color: '#e2e8f0' },\n                                pointLabels: {\n                                    font: { size: 12, weight: 'bold' },\n                                    color: '#1e40af'\n                                },\n                                ticks: { display: false } \n                            }\n                        },\n                        plugins: {\n                            legend: { display: false },\n                            tooltip: tooltipConfig\n                        }\n                    }\n                });\n            }\n\n            \/\/ --- CHART 3: LANDSCAPE (Bar) ---\n            const landscapeCanvas = document.getElementById('landscapeChart');\n            if (landscapeCanvas) {\n                const landscapeCtx = landscapeCanvas.getContext('2d');\n                \n                \/\/ Preparing data\n                const compLabels = ['\u0627\u0644\u0627\u0633\u062a\u0642\u0644\u0627\u0644\u064a\u0629', '\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0639\u0645\u0627\u0644', '\u0627\u0644\u0648\u0644\u0627\u0621 \u0627\u0644\u0633\u064a\u0627\u0633\u064a'];\n                const compFormatted = compLabels.map(l => formatLabel(l, 16));\n\n                new Chart(landscapeCtx, {\n                    type: 'bar',\n                    data: {\n                        labels: compFormatted,\n                        datasets: [\n                            {\n                                label: '\u0646\u0642\u0627\u0628\u0627\u062a \u0645\u0633\u062a\u0642\u0644\u0629',\n                                data: [95, 90, 10], \n                                backgroundColor: '#1e40af',\n                                borderRadius: 6\n                            },\n                            {\n                                label: '\u0646\u0642\u0627\u0628\u0627\u062a \u062d\u0643\u0648\u0645\u064a\u0629 (\u0635\u0641\u0631\u0627\u0621)',\n                                data: [20, 30, 95], \n                                backgroundColor: '#94a3b8',\n                                borderRadius: 6\n                            }\n                        ]\n                    },\n                    options: {\n                        responsive: true,\n                        maintainAspectRatio: false,\n                        scales: {\n                            y: {\n                                beginAtZero: true,\n                                max: 100,\n                                grid: { color: '#f1f5f9' },\n                                ticks: { display: false } \n                            },\n                            x: {\n                                grid: { display: false }\n                            }\n                        },\n                        plugins: {\n                            legend: { position: 'top' },\n                            tooltip: tooltipConfig\n                        }\n                    }\n                });\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>10 \u062f\u064a\u0633\u0645\u0628\u0631 \u064a\u064f\u0635\u0627\u062f\u064e\u0641 \u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u0639\u0627\u0644\u0645\u064a \u0644\u062d\u0642\u0648\u0642 \u0627\u0644\u0625\u0646\u0633\u0627\u0646\u060c \u064a\u0645\u0631 \u0647\u0630\u0647 \u0627\u0644\u0633\u0646\u0629 \u0641\u064a \u0638\u0631\u0641 \u0639\u0627\u0644\u0645\u064a \u064a\u062a\u0651\u0633\u0645 \u0628\u062a\u0636\u064a\u064a\u0642 \u0645\u062a\u0632\u0627\u064a\u062f \u0639\u0644\u0649 \u0627\u0644\u062d\u0631\u064a\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629\u060c \u0648\u0628\u0627\u0646\u062d\u0633\u0627\u0631 \u063a\u064a\u0631 \u0645\u0633\u0628\u0648\u0642 \u0644\u062f\u0648\u0631 \u0627\u0644\u0646\u0642\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0644\u0629\u060c \u0648\u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631\u060c \u062a\u062a\u0639\u0627\u0638\u0645 \u0645\u0633\u0624\u0648\u0644\u064a\u062a\u0646\u0627 \u0628\u0635\u0641\u062a\u0646\u0627 \u0645\u0646\u0638\u0645\u0627\u062a \u0646\u0642\u0627\u0628\u064a\u0629 \u0645\u0633\u062a\u0642\u0644\u0629 \u0644\u0645 \u0646\u064f\u0639\u0627\u0645\u064e\u0644 \u064a\u0648\u0645\u064b\u0627 \u0628\u0627\u0639\u062a\u0628\u0627\u0631\u0646\u0627 \u0634\u0631\u0643\u0627\u0621 \u0627\u062c\u062a\u0645\u0627\u0639\u064a\u064a\u0646\u060c \u0628\u0644 \u0643\u062a\u064a\u0627\u0631\u064d \u0645\u064f\u0632\u0639\u062c \u064a\u0631\u0641\u0636 \u0627\u0644\u062e\u0636\u0648\u0639 \u0644\u0645\u0646\u0637\u0642 \u0627\u0644\u0648\u0644\u0627\u0621 \u0627\u0644\u0633\u064a\u0627\u0633\u064a \u0648\u0627\u0644\u0627\u0645\u062a\u062f\u0627\u062f \u0627\u0644\u062d\u0643\u0648\u0645\u064a \u0648\u0627\u0644\u0623\u0645\u0646\u064a . \u0641\u0627\u0644\u062d\u0642\u064a\u0642\u0629 \u0627\u0644\u062b\u0627\u0628\u062a\u0629 \u0628\u0639\u062f \u0633\u0646\u0648\u0627\u062a [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":3232,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[141,234,273,177],"class_list":["post-3231","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-141","tag-234","tag-273","tag-177"],"_links":{"self":[{"href":"https:\/\/cosyfop.ovh\/en\/wp-json\/wp\/v2\/posts\/3231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cosyfop.ovh\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cosyfop.ovh\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cosyfop.ovh\/en\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/cosyfop.ovh\/en\/wp-json\/wp\/v2\/comments?post=3231"}],"version-history":[{"count":1,"href":"https:\/\/cosyfop.ovh\/en\/wp-json\/wp\/v2\/posts\/3231\/revisions"}],"predecessor-version":[{"id":3233,"href":"https:\/\/cosyfop.ovh\/en\/wp-json\/wp\/v2\/posts\/3231\/revisions\/3233"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cosyfop.ovh\/en\/wp-json\/wp\/v2\/media\/3232"}],"wp:attachment":[{"href":"https:\/\/cosyfop.ovh\/en\/wp-json\/wp\/v2\/media?parent=3231"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cosyfop.ovh\/en\/wp-json\/wp\/v2\/categories?post=3231"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cosyfop.ovh\/en\/wp-json\/wp\/v2\/tags?post=3231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}