{"id":3146,"date":"2026-01-08T11:30:39","date_gmt":"2026-01-08T08:30:39","guid":{"rendered":"https:\/\/www.letoon.com.tr\/eng\/?page_id=3146"},"modified":"2026-06-16T09:39:22","modified_gmt":"2026-06-16T06:39:22","slug":"academical-articles","status":"publish","type":"page","link":"https:\/\/www.letoon.com.tr\/eng\/academical-articles\/","title":{"rendered":"Academical Articles"},"content":{"rendered":"\n<!-- ============================================================================== -->\n<!-- =================== LETOON ACADEMY: INDEPENDENT TOP HEADER =================== -->\n<!-- ============================================================================== -->\n\n<style>\n  \/* =========================================\n     1. BASIC STRUCTURE & GRID BACKGROUND\n     ========================================= *\/\n  .letoon-header-container {\n    font-family: Arial, sans-serif;\n    color: #444;\n    line-height: 1.6;\n    background-color: #fff;\n    max-width: 1200px;\n    margin: 0 auto;\n    box-sizing: border-box;\n  }\n  .letoon-header-container * { box-sizing: border-box; }\n\n  \/* Grid (Graph Paper) Effect *\/\n  .letoon-header-wrapper {\n    position: relative;\n    padding: 40px;\n    background-image: \n      linear-gradient(#f8f8f8 1px, transparent 1px),\n      linear-gradient(90deg, #f8f8f8 1px, transparent 1px);\n    background-size: 40px 40px;\n    background-color: #fff;\n    \/* Bottom padding for content coming below *\/\n    padding-bottom: 20px; \n  }\n\n  \/* =========================================\n     2. HEADER (BANNER) - DESIGN\n     ========================================= *\/\n  .academy-banner-wrapper {\n    position: relative;\n    width: 100%;\n    min-height: 380px; \/* Height *\/\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    padding: 40px 20px;\n    border-radius: 12px;\n    overflow: hidden;\n    transition: all 0.5s ease;\n    border: 1px solid rgba(0,0,0,0.02);\n    margin-bottom: 40px; \/* Spacing for cards below *\/\n  }\n\n  \/* Vignette Effect Background Layer *\/\n  .academy-banner-wrapper::before {\n    content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n    background-color: #ffffff;\n    \/* Grid continuity *\/\n    background-image: \n      linear-gradient(#f0f0f0 1px, transparent 1px),\n      linear-gradient(90deg, #f0f0f0 1px, transparent 1px);\n    background-size: 40px 40px;\n    z-index: 0;\n    \/* Soft fade mask towards edges *\/\n    mask-image: radial-gradient(circle, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 100%);\n    -webkit-mask-image: radial-gradient(circle, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 100%);\n    opacity: 0.6; \n    transition: transform 0.8s ease;\n  }\n\n  .academy-banner-wrapper:hover::before { transform: scale(1.1); opacity: 0.8; }\n\n  \/* Background Giant Typography (ACADEMY) *\/\n  .academy-bg-typo {\n    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\n    font-family: Arial, sans-serif; font-size: 200px; font-weight: 900; \n    color: transparent;\n    -webkit-text-stroke: 2px rgba(186, 55, 42, 0.04); \n    white-space: nowrap; letter-spacing: -5px; pointer-events: none; z-index: 1;\n    transition: all 0.7s ease;\n  }\n  .academy-banner-wrapper:hover .academy-bg-typo {\n    transform: translate(-50%, -50%) scale(0.95);\n    -webkit-text-stroke: 2px rgba(186, 55, 42, 0.08); letter-spacing: 10px;\n  }\n\n  \/* Foreground Content *\/\n  .academy-content-front {\n    position: relative; z-index: 2; width: 100%; max-width: 800px;\n  }\n\n  .academy-subtitle {\n    font-size: 13px; font-weight: 700; color: #333; \n    text-transform: uppercase; letter-spacing: 3px; margin-bottom: 10px;\n    display: inline-block; position: relative;\n  }\n  \n  .academy-title-main {\n    font-family: Arial, sans-serif; font-size: 48px; font-weight: 900; margin: 10px 0 20px 0; line-height: 1.1;\n    color: #ba372a; \n    text-shadow: 2px 2px 0px rgba(230, 230, 230, 0.5), 0 5px 15px rgba(186, 55, 42, 0.1);\n    letter-spacing: -1px; transition: transform 0.4s ease;\n  }\n  .academy-banner-wrapper:hover .academy-title-main { transform: translateY(-3px); }\n\n  .academy-separator {\n    width: 60px; height: 4px; background-color: #34495e; margin: 20px auto;\n    border-radius: 2px; transition: width 0.5s ease;\n  }\n  .academy-banner-wrapper:hover .academy-separator { width: 120px; background-color: #ba372a; }\n\n  .academy-desc {\n    font-size: 16px; color: #555; font-weight: 400; line-height: 1.7;\n    text-align: justify; \/* Justify text *\/\n  }\n\n  \/* =========================================\n     RESPONSIVE\n     ========================================= *\/\n  @media (max-width: 768px) {\n    .letoon-header-wrapper { padding: 20px; }\n    .academy-bg-typo { font-size: 80px; -webkit-text-stroke: 1px rgba(186, 55, 42, 0.06); }\n    .academy-title-main { font-size: 32px; }\n    .academy-banner-wrapper { padding: 30px 15px; min-height: auto; }\n    .academy-desc { text-align: left; }\n  }\n<\/style>\n\n<div class=\"letoon-header-container\">\n  <div class=\"letoon-header-wrapper\">\n\n    <!-- HEADER (BANNER) -->\n    <div class=\"academy-banner-wrapper\">\n      <!-- Background Text -->\n      <div class=\"academy-bg-typo\">ACADEMY<\/div>\n      \n      <!-- Foreground Content -->\n      <div class=\"academy-content-front\">\n        <span class=\"academy-subtitle\">HMSA ACADEMY<\/span>\n        <h1 class=\"academy-title-main\">Our Articles<\/h1>\n        <div class=\"academy-separator\"><\/div>\n        <div class=\"academy-desc\">\n          At HMSA Academy, we transparently share our work centered around cultural heritage conservation, sustainable architecture, and advanced material technologies. Aiming to carry the aesthetics of the past into the future guided by science, this library provides in-depth analyses on restoration processes, materials science, and conservation theory. Below, you will find a selection of our technical articles and sectoral evaluations.\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- YOU CAN ADD AS MANY ARTICLE CARDS AS YOU WISH AFTER THIS POINT -->\n\n  <\/div> <!-- \/.letoon-header-wrapper -->\n<\/div> <!-- \/.letoon-header-container -->\n\n\n\n<!-- ============================================================================== -->\n<!-- =================== 1. TRIGGER CARD (VISIBLE ON PAGE) ======================== -->\n<!-- ============================================================================== -->\n\n<div id=\"hmsa-trigger-card\" class=\"hmsa-card-wrapper\">\n    <div class=\"hmsa-card-meta\">HMSA ACADEMY<\/div>\n    <h2 class=\"hmsa-card-title\">Sustainable Material Approach in Cultural Heritage Conservation and the HMSA Platform<\/h2>\n    <p class=\"hmsa-card-desc\">\n        A comprehensive review on the integration of the sustainability concept with cultural heritage, material-oriented approaches, and the strategic position of the HMSA Platform in this process.\n    <\/p>\n    \n    <!-- BUTTON GROUP (UPDATED) -->\n    <div class=\"hmsa-action-group\">\n        <!-- Popup Trigger -->\n        <button class=\"hmsa-read-btn\">Qu\u0131ck Read (Popup) &rarr;<\/button>\n        \n        <!-- Page Link -->\n        <a href=\"https:\/\/www.letoon.com.tr\/eng\/sustainable-material-approach-in-cultural-heritage-conservation-and-the-hmsa-platform\/\" \n           target=\"_blank\" \n           class=\"hmsa-page-link\">\n           Read on Page &nearr;\n        <\/a>\n    <\/div>\n<\/div>\n\n<!-- ============================================================================== -->\n<!-- =================== 2. ISOLATED SYSTEM (CSS & JS & MODAL) ==================== -->\n<!-- ============================================================================== -->\n\n<script>\n(function() {\n    \/* \n       HMSA MODAL SYSTEM \n       UPDATE NOTE:\n       - Added Button Group & External Link logic.\n    *\/\n\n    \/\/ A. CSS STYLES\n    const hmsaStyles = `\n        <style>\n            \/* --- TRIGGER CARD STYLES --- *\/\n            #hmsa-trigger-card {\n                font-family: Arial, sans-serif;\n                background: #fff; border-radius: 8px; padding: 30px;\n                box-shadow: 0 5px 20px rgba(0,0,0,0.08); border-left: 5px solid #ba372a;\n                cursor: pointer; transition: transform 0.3s ease; max-width: 800px; margin: 40px auto;\n                box-sizing: border-box; display: block; position: relative; z-index: 1;\n            }\n            #hmsa-trigger-card:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.12); }\n            \n            .hmsa-card-meta { font-size: 11px; color: #999; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }\n            .hmsa-card-title { font-size: 24px; color: #222; font-weight: 800; margin: 0 0 15px 0; line-height: 1.3; }\n            .hmsa-card-desc { font-size: 15px; color: #666; line-height: 1.5; margin: 0 0 20px 0; text-align: justify; }\n\n            \/* --- BUTTON GROUP STYLES (NEW) --- *\/\n            .hmsa-action-group {\n                display: flex;\n                align-items: center;\n                gap: 20px;\n                margin-top: 25px;\n                border-top: 1px solid #f0f0f0;\n                padding-top: 20px;\n            }\n\n            \/* Modal Trigger Button *\/\n            .hmsa-read-btn { \n                background: #ba372a; \n                border: none; \n                color: #fff; \n                font-weight: 700; \n                font-size: 13px; \n                cursor: pointer; \n                padding: 10px 20px; \n                border-radius: 4px;\n                text-transform: uppercase; \n                transition: background 0.3s;\n            }\n            .hmsa-read-btn:hover { background: #962a1f; }\n\n            \/* Page Link *\/\n            .hmsa-page-link {\n                text-decoration: none;\n                color: #555;\n                font-size: 13px;\n                font-weight: 600;\n                border-bottom: 1px solid transparent;\n                transition: all 0.3s;\n                text-transform: uppercase;\n            }\n            .hmsa-page-link:hover {\n                color: #ba372a;\n                border-bottom: 1px solid #ba372a;\n            }\n\n            \/* --- ISOLATED MODAL STYLES --- *\/\n            #hmsa-modal-root {\n                position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n                background-color: rgba(255,255,255,0.99); \n                z-index: 2147483647; \n                opacity: 0; visibility: hidden; transition: opacity 0.3s ease;\n                overflow-y: auto; -webkit-overflow-scrolling: touch;\n                font-family: Arial, sans-serif;\n                box-sizing: border-box;\n            }\n            #hmsa-modal-root.active { opacity: 1; visibility: visible; }\n            \n            #hmsa-modal-root * { box-sizing: border-box; }\n\n            .hmsa-content-container {\n                max-width: 800px; margin: 60px auto 100px auto; padding: 0 30px;\n                color: #333; transform: translateY(20px); transition: transform 0.4s ease;\n            }\n            #hmsa-modal-root.active .hmsa-content-container { transform: translateY(0); }\n\n            .hmsa-close-btn {\n                position: fixed; top: 25px; right: 30px; font-size: 45px; color: #ccc;\n                background: transparent; border: none; cursor: pointer; z-index: 2147483648;\n                line-height: 1; transition: color 0.3s;\n            }\n            .hmsa-close-btn:hover { color: #ba372a; }\n\n            \/* Typography *\/\n            .hmsa-article-title { font-size: 32px; font-weight: 800; color: #111; line-height: 1.25; margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px; }\n            \n            \/* ADDED AUTHOR STYLE *\/\n            .hmsa-author { \n                font-size: 15px; color: #555; margin-bottom: 35px; display: block; font-weight: 400;\n            }\n            .hmsa-author strong { color: #ba372a; font-weight: 700; }\n            .hmsa-author span { color: #888; font-size: 14px; margin-left: 5px; }\n\n            .hmsa-text { font-size: 18px; line-height: 1.7; color: #2c3e50; margin-bottom: 25px; text-align: justify; }\n            \n            .hmsa-intro { \n                font-size: 20px; color: #555; \n                border-left: 4px solid #ba372a; padding-left: 25px; \n                margin-bottom: 40px; font-style: italic; \n                background: #fafafa; padding: 20px 25px; border-radius: 0 8px 8px 0;\n                text-align: justify;\n            }\n            \n            .hmsa-subhead { font-size: 22px; font-weight: 700; color: #2c3e50; margin-top: 40px; margin-bottom: 15px; border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; display:inline-block; }\n\n            .hmsa-list { list-style: none; padding: 0; margin: 30px 0; }\n            .hmsa-list li { \n                position: relative; padding-left: 25px; margin-bottom: 15px; \n                font-size: 17px; line-height: 1.6; color: #444; \n                text-align: justify;\n            }\n            .hmsa-list li::before { content: \"\u2022\"; color: #ba372a; font-size: 24px; position: absolute; left: 0; top: -5px; }\n            .hmsa-list strong { color: #000; }\n\n            \/* --- TABLE STYLES --- *\/\n            .hmsa-table-wrapper { overflow-x: auto; margin: 30px 0; border: 1px solid #eee; border-radius: 8px; }\n            .hmsa-table { width: 100%; border-collapse: collapse; min-width: 600px; font-size: 15px; }\n            .hmsa-table th { background: #f9f9f9; color: #ba372a; font-weight: bold; padding: 15px; text-align: left; border-bottom: 2px solid #ddd; }\n            .hmsa-table td { padding: 15px; border-bottom: 1px solid #eee; color: #444; vertical-align: top; line-height: 1.5; }\n            .hmsa-table tr:last-child td { border-bottom: none; }\n            .hmsa-caption { font-size: 14px; color: #777; margin-top: 5px; text-align: center; font-style: italic; display:block; margin-bottom: 30px; }\n\n            \/* --- CYCLE DIAGRAM --- *\/\n            :root { --hmsa-red: #ba372a; --hmsa-gray: #34495e; }\n            \n            .hmsa-cycle-wrapper {\n                position: relative; width: 100%; height: 550px;\n                display: flex; justify-content: center; align-items: center;\n                margin: 50px 0; font-family: Arial, sans-serif;\n            }\n            .hmsa-cycle-track {\n                position: absolute; width: 400px; height: 400px;\n                border-radius: 50%; border: 2px dashed #e0e0e0; z-index: 0;\n                animation: rotateHmsa 120s linear infinite;\n            }\n            @keyframes rotateHmsa { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n\n            .hmsa-core {\n                position: absolute; width: 170px; height: 170px; background: #fff;\n                border-radius: 50%; display: flex; flex-direction: column;\n                justify-content: center; align-items: center; text-align: center;\n                z-index: 20; box-shadow: 0 10px 40px rgba(0,0,0,0.08); border: 1px solid #eee;\n            }\n            \n            .hmsa-item { position: absolute; width: 200px; text-align: center; cursor: pointer; z-index: 10; display:flex; flex-direction:column; align-items:center; }\n            \n            \/* Items Positioning *\/\n            .hmsa-pos-1 { transform: rotate(210deg) translate(220px) rotate(-210deg); }\n            .hmsa-pos-2 { transform: rotate(330deg) translate(220px) rotate(-330deg); }\n            .hmsa-pos-3 { transform: rotate(30deg) translate(220px) rotate(-30deg); }\n            .hmsa-pos-4 { transform: rotate(90deg) translate(220px) rotate(-90deg); }\n            .hmsa-pos-5 { transform: rotate(150deg) translate(220px) rotate(-150deg); }\n            .hmsa-pos-6 { transform: rotate(270deg) translate(220px) rotate(-270deg); }\n\n            .hmsa-icon-box {\n                width: 45px; height: 45px; background: #fff; border-radius: 50%; \n                display: flex; align-items: center; justify-content: center;\n                box-shadow: 0 4px 10px rgba(0,0,0,0.1); border: 2px solid #eee; font-size: 20px; margin-bottom: 8px;\n                transition: transform 0.3s;\n            }\n            .hmsa-item:hover .hmsa-icon-box { transform: scale(1.15); border-color: #ba372a; }\n            \n            .hmsa-info-card {\n                background: #fff; border: 1px solid #eee; padding: 10px; border-radius: 8px;\n                box-shadow: 0 5px 15px rgba(0,0,0,0.05); width: 100%; transition: transform 0.3s;\n            }\n            .hmsa-item:hover .hmsa-info-card { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); }\n            .hmsa-info-title { font-size: 11px; font-weight: 800; color: #ba372a; display: block; margin-bottom: 3px; text-transform:uppercase; letter-spacing:0.5px; }\n            .hmsa-info-text { font-size: 11px; color: #666; margin: 0; line-height: 1.3; }\n\n            \/* Footer & References *\/\n            .hmsa-ref-section { margin-top: 60px; padding-top: 30px; border-top: 1px solid #eee; color: #777; font-size: 14px; }\n            .hmsa-ref-title { font-weight: bold; color: #333; margin-bottom: 10px; display: block; }\n            .hmsa-ref-list { list-style: none; padding: 0; }\n            .hmsa-ref-list li { margin-bottom: 8px; font-size: 13px; text-align: justify; }\n\n            \/* Mobile Responsive *\/\n            @media (max-width: 800px) {\n                #hmsa-trigger-card { width: 92%; margin: 20px auto; }\n                .hmsa-action-group { flex-direction: column; align-items: flex-start; gap: 15px; }\n                .hmsa-content-container { margin-top: 60px; padding: 0 20px; }\n                .hmsa-close-btn { top: 15px; right: 20px; }\n                \n                .hmsa-cycle-wrapper { height: auto; flex-direction: column; margin: 40px 0; }\n                .hmsa-cycle-track { display: none; }\n                .hmsa-core { position: relative; margin-bottom: 30px; }\n                .hmsa-item { position: relative; transform: none; margin-bottom: 20px; width: 100%; flex-direction: row; text-align: left; }\n                .hmsa-icon-box { margin-right: 15px; flex-shrink: 0; margin-bottom: 0; }\n                .hmsa-info-card { text-align: left; }\n            }\n        <\/style>\n    `;\n\n    \/\/ B. MODAL HTML CONTENT\n    const hmsaModalHtml = `\n        <div id=\"hmsa-modal-root\">\n            <button class=\"hmsa-close-btn\" id=\"hmsa-close-action\">&times;<\/button>\n            \n            <div class=\"hmsa-content-container\">\n                <div style=\"font-size:12px; color:#ba372a; font-weight:bold; text-transform:uppercase; margin-bottom:10px;\"><\/div>\n                \n                <!-- TITLE -->\n                <h1 class=\"hmsa-article-title\">Sustainable Material Approach in Cultural Heritage Conservation and the HMSA Platform<\/h1>\n                \n                <!-- AUTHOR INFO (ADDED) -->\n                <div class=\"hmsa-author\">\n                    Author: <strong>M\u00fcge G\u00fcnel<\/strong> <span> \/\/ High Architect & Restoration Specialist<\/span>\n                <\/div>\n                \n                <div class=\"hmsa-text hmsa-intro\">\n                    The concept of sustainability has been addressed in recent years not only as an environmental necessity but as a holistic approach covering economic, social, and cultural dimensions. In this context, the sustainability of cultural heritage requires the preservation of historical structures and their transmission to future generations to be evaluated together with environmental, social, and economic impacts. In particular, material-oriented sustainability approaches are decisive in a wide range from the selection of traditional and contemporary building materials used in historical buildings to maintenance and repair processes. This study examines the position of the Material and Sustainability for Historic Structures Platform (HSMA) in the field of cultural heritage in light of policies and programs developed by institutions such as UNESCO, ICOMOS, and ICCROM. As a result of the literature and policy analysis conducted within the framework of qualitative research, it has been determined that while the concept of sustainability in cultural heritage has gained a strong framework at the conceptual level, there is a distinct need for platforms that systematically support material-centered knowledge production and interdisciplinary interaction. It was concluded that the HSMA Platform can be evaluated as a structure that responds to this need and makes the field of theoretical and applied knowledge focused on sustainable materials visible.\n                <\/div>\n\n                <p class=\"hmsa-text\">\n                    Sustainability, especially with the United Nations 2030 Agenda, is handled as a holistic concept including economic, social, environmental, and cultural dimensions. Sustainability in the field of cultural heritage points not only to physical protection but also to the continuity of cultural identity, craftsmanship, and local knowledge accumulation. Material-oriented sustainability in the conservation of historical buildings has gained increasing importance in recent years. Traditional building materials naturally align with sustainability principles due to their local and low-carbon characteristics. However, the institutionalization of scientific and sectoral information sharing is required to systematically evaluate this potential. This study discusses the positioning of the Material and Sustainability for Historic Structures Platform (HSMA), which was established based on this requirement.\n                <\/p>\n\n                <h3 class=\"hmsa-subhead\">Theoretical Framework and International Structure<\/h3>\n                <p class=\"hmsa-text\">\n                    Sustainability is reflected in the field of cultural heritage through three main planes: Environmental sustainability, cultural\/social sustainability, and economic sustainability. Especially in the context of materials, the low energy consumption and repairable character of traditional materials are evaluated as important elements supporting sustainability. Table 1 below summarizes the main structures addressing the relationship between cultural heritage and sustainability at the institutional level:\n                <\/p>\n\n                <!-- TABLE 1: HIGHLIGHTED INSTITUTIONS -->\n                <div class=\"hmsa-table-wrapper\">\n                    <table class=\"hmsa-table\">\n                        <thead>\n                            <tr>\n                                <th width=\"35%\">Inst\u0131tut\u0131on \/ Platform<\/th>\n                                <th width=\"30%\">Focus Area<\/th>\n                                <th>Reflect\u0131ons \u0131n T\u00fcrkiye<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody>\n                            <tr>\n                                <td><strong>UNESCO World Heritage Centre<\/strong><\/td>\n                                <td>Sustainable development and heritage management<\/td>\n                                <td>World Heritage Sites Management Plans<\/td>\n                            <\/tr>\n                            <tr>\n                                <td><strong>ICOMOS SDGs Working Group<\/strong><\/td>\n                                <td>Heritage and sustainable development goals<\/td>\n                                <td>ICOMOS T\u00fcrkiye activities<\/td>\n                            <\/tr>\n                            <tr>\n                                <td><strong>ICCROM<\/strong><\/td>\n                                <td>Education and capacity building<\/td>\n                                <td>Training and cooperation programs<\/td>\n                            <\/tr>\n                            <tr>\n                                <td><strong>Council of Europe (Faro Convention)<\/strong><\/td>\n                                <td>Community-focused heritage<\/td>\n                                <td>Compliance processes with the convention<\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n                <span class=\"hmsa-caption\">Table 1. Prominent Institutions and Platforms in the Field of Cultural Heritage and Sustainability<br><span style=\"font-weight:normal; font-size:12px;\">(Policy documents of these institutions emphasize that heritage is an active element in sustainable development.)<\/span><\/span>\n\n                <!-- TABLE 2: INSTITUTIONAL STRUCTURES IN TURKIYE -->\n                <div class=\"hmsa-table-wrapper\">\n                    <table class=\"hmsa-table\">\n                        <thead>\n                            <tr>\n                                <th width=\"30%\">Inst\u0131tut\u0131on \/ Structure<\/th>\n                                <th width=\"25%\">Internat\u0131onal Equ\u0131valent<\/th>\n                                <th>Relat\u0131on to H\u0131stor\u0131cal Structures<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody>\n                            <tr>\n                                <td><strong>UNESCO Turkish National Commission<\/strong><\/td>\n                                <td>UNESCO World Heritage Convention<\/td>\n                                <td>Dissemination of sustainability principles in World Heritage Sites and consultancy for site management processes<\/td>\n                            <\/tr>\n                            <tr>\n                                <td><strong>Ministry of Culture and Tourism \u2013 General Directorate of Cultural Assets and Museums<\/strong><\/td>\n                                <td>Coordination with UNESCO \u2013 ICCROM \u2013 ICOMOS<\/td>\n                                <td>Protection of registered cultural assets, restoration support, and observing the balance of protection and usage<\/td>\n                            <\/tr>\n                            <tr>\n                                <td><strong>ICOMOS T\u00fcrkiye National Committee<\/strong><\/td>\n                                <td>ICOMOS International<\/td>\n                                <td>Development of scientific conservation principles and contribution to climate-focused heritage policies<\/td>\n                            <\/tr>\n                            <tr>\n                                <td><strong>Local Governments<\/strong> (esp. World Heritage Site municipalities)<\/td>\n                                <td>Collaborations with UNESCO and Climate Heritage Network<\/td>\n                                <td>Site management, sustainable tourism, and implementation of protection policies on a local scale<\/td>\n                            <\/tr>\n                            <tr>\n                                <td><strong>Universities and Research Centers<\/strong><\/td>\n                                <td>International academic research networks<\/td>\n                                <td>Research and education in sustainable materials, conservation technologies, and risk analysis<\/td>\n                            <\/tr>\n                            <tr>\n                                <td><strong>NGOs and Professional Organizations<\/strong><\/td>\n                                <td>Thematic collaborations with international networks<\/td>\n                                <td>Conservation efforts focused on awareness, advocacy, and social participation<\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n                <span class=\"hmsa-caption\">Table 2. Fundamental Institutional Structures in the Field of Cultural Heritage and Sustainability in T\u00fcrkiye<\/span>\n\n                <h3 class=\"hmsa-subhead\">Material and Sustainability Cycle in Historical Structures<\/h3>\n                <p class=\"hmsa-text\">\n                    Material selection in historical buildings should be evaluated not only by technical criteria but also in the context of cultural, social, and environmental impacts. In this context, the main criteria for evaluating traditional and contemporary materials in terms of sustainability are as follows:\n                <\/p>\n                <ul class=\"hmsa-list\">\n                    <li>Energy and resource efficiency of the production process<\/li>\n                    <li>Local availability and sourcing<\/li>\n                    <li>Repair and reuse possibilities<\/li>\n                    <li>Compatibility of the material with building physics<\/li>\n                    <li>Contribution to local craftsmanship<\/li>\n                    <li>Carbon footprint and life cycle impact<\/li>\n                <\/ul>\n                <p class=\"hmsa-text\">\n                    These criteria demonstrate that sustainability is not only environmental but also a cultural value system.\n                <\/p>\n                <span class=\"hmsa-caption\">Figure 1. Material Sustainability Assessment Framework in Historical Structures<\/span>\n\n                <!-- CYCLE DIAGRAM -->\n                <div class=\"hmsa-cycle-wrapper\">\n                    <div class=\"hmsa-cycle-track\"><\/div>\n                    <div class=\"hmsa-core\">\n                        <div style=\"font-size:32px;\">&#x267b;&#xfe0f;<\/div>\n                        <div style=\"font-weight:bold; font-size:11px; color:#333; margin-top:5px;\">SUSTAINABILITY<br>CYCLE<\/div>\n                    <\/div>\n                    \n                    <div class=\"hmsa-item hmsa-pos-1\">\n                        <div class=\"hmsa-icon-box\">&#x1f9f1;<\/div>\n                        <div class=\"hmsa-info-card\"><span class=\"hmsa-info-title\">MATERIAL<\/span><p class=\"hmsa-info-text\">Traditional and local sources.<\/p><\/div>\n                    <\/div>\n                    <div class=\"hmsa-item hmsa-pos-2\">\n                        <div class=\"hmsa-icon-box\">&#x1f528;<\/div>\n                        <div class=\"hmsa-info-card\"><span class=\"hmsa-info-title\">PRODUCTION<\/span><p class=\"hmsa-info-text\">Energy and resource efficiency.<\/p><\/div>\n                    <\/div>\n                    <div class=\"hmsa-item hmsa-pos-3\">\n                        <div class=\"hmsa-icon-box\">&#x1f343;<\/div>\n                        <div class=\"hmsa-info-card\"><span class=\"hmsa-info-title\">ENVIRONMENT<\/span><p class=\"hmsa-info-text\">Low carbon and life cycle.<\/p><\/div>\n                    <\/div>\n                    <div class=\"hmsa-item hmsa-pos-4\">\n                        <div class=\"hmsa-icon-box\">&#x1f6e1;&#xfe0f;<\/div>\n                        <div class=\"hmsa-info-card\"><span class=\"hmsa-info-title\">REPAIR<\/span><p class=\"hmsa-info-text\">Maintenance and reuse.<\/p><\/div>\n                    <\/div>\n                    <div class=\"hmsa-item hmsa-pos-5\">\n                        <div class=\"hmsa-icon-box\">&#x1f3db;&#xfe0f;<\/div>\n                        <div class=\"hmsa-info-card\"><span class=\"hmsa-info-title\">SOCIETY<\/span><p class=\"hmsa-info-text\">Cultural contribution and craft.<\/p><\/div>\n                    <\/div>\n                    <div class=\"hmsa-item hmsa-pos-6\">\n                        <div class=\"hmsa-icon-box\">\u221e<\/div>\n                        <div class=\"hmsa-info-card\"><span class=\"hmsa-info-title\">OUTPUT<\/span><p class=\"hmsa-info-text\">Long-term sustainability.<\/p><\/div>\n                    <\/div>\n                <\/div>\n                <!-- \/CYCLE -->\n\n                <h3 class=\"hmsa-subhead\">The Context of T\u00fcrkiye and the Positioning of the HMSA Platform<\/h3>\n                <p class=\"hmsa-text\">\n                    Although there is a strong institutional structure regarding the protection of cultural heritage in T\u00fcrkiye, it is observed that interdisciplinary information sharing specific to material sustainability is limited. The HSMA Platform, as a structure aiming to fill this gap:\n                <\/p>\n                <ul class=\"hmsa-list\">\n                    <li>Combines academic knowledge with practical experience,<\/li>\n                    <li>Addresses traditional and new materials with sustainability principles,<\/li>\n                    <li>Makes good practice examples visible,<\/li>\n                    <li>Builds bridges between sectoral and academic actors.<\/li>\n                <\/ul>\n                <p class=\"hmsa-text\">\n                    In this respect, the platform is not only a technical information network but also a structure contributing to the development of cultural sustainability policies.\n                <\/p>\n\n                \n                <p class=\"hmsa-text\">\n                    The sustainability approach offers a mandatory and holistic framework for the protection of cultural heritage. The material-oriented perspective offered by the HSMA Platform will contribute to:\n                <\/p>\n                <ul class=\"hmsa-list\">\n                    <li>Supporting local craftsmanship,<\/li>\n                    <li>Reducing environmental impacts,<\/li>\n                    <li>Disseminating scientific knowledge production in conservation practices.<\/li>\n                <\/ul>\n\n                \n                <p class=\"hmsa-text\">\n                    In the sustainability of cultural heritage, the material scale has a critical role in preserving cultural identity as well as physical permanence. The HSMA Platform can be evaluated as an innovative initiative filling the theoretical and practice-based gap in this field. It is possible for the platform to become a reference center in the national and international arena by producing;\n                <\/p>\n                <ul class=\"hmsa-list\">\n                    <li>Field research,<\/li>\n                    <li>Training programs,<\/li>\n                    <li>Theoretical publications in the upcoming period.<\/li>\n                <\/ul>\n                \n\n                <!-- References -->\n                <div class=\"hmsa-ref-section\">\n                    <span class=\"hmsa-ref-title\">References<\/span>\n                    <ul class=\"hmsa-ref-list\">\n                        <li>Aithal, A. (2018). Sustainability in heritage conservation. International Journal of Heritage Studies, 24(5).<\/li>\n                        <li>ICCROM. (2016). Sustaining cultural heritage: Achievements and challenges.<\/li>\n                        <li>ICOMOS. (2019). Cultural heritage and the sustainable development goals: Policy guidance.<\/li>\n                        <li>UNESCO World Heritage Centre. (2015). Policy for the integration of a sustainable development perspective.<\/li>\n                        <li>United Nations. (2015). Transforming our world: The 2030 Agenda for Sustainable Development.<\/li>\n                        <li>Y\u0131ld\u0131r\u0131m, M., & \u0130nce, F. (2022). K\u00fclt\u00fcrel miras alanlar\u0131nda s\u00fcrd\u00fcr\u00fclebilirlik yakla\u015f\u0131mlar\u0131. Kent Akademisi Dergisi.<\/li>\n                    <\/ul>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    `;\n\n    \/\/ C. INITIALIZATION AND CONTROL LOGIC\n    function initHmsaSystem() {\n        \/\/ 1. Inject HTML and CSS (If missing)\n        if (!document.getElementById('hmsa-modal-root')) {\n            document.head.insertAdjacentHTML('beforeend', hmsaStyles);\n            document.body.insertAdjacentHTML('beforeend', hmsaModalHtml);\n        }\n\n        \/\/ 2. Define Elements\n        const triggerCard = document.getElementById('hmsa-trigger-card');\n        const modalRoot = document.getElementById('hmsa-modal-root');\n        const closeBtn = document.getElementById('hmsa-close-action');\n\n        \/\/ 3. Click Events\n        \/\/ Function to handle opening modal (checks if clicked target is NOT the link)\n        function openModal(e) {\n            \/\/ If the clicked element is the external link, let it function normally (don't open popup)\n            if (e.target.classList.contains('hmsa-page-link')) {\n                return;\n            }\n            e.preventDefault();\n            modalRoot.classList.add('active');\n            document.body.style.overflow = 'hidden'; \/\/ Lock scrolling\n        }\n\n        if (triggerCard) {\n            triggerCard.addEventListener('click', openModal);\n        }\n\n        function closeModal() {\n            modalRoot.classList.remove('active');\n            document.body.style.overflow = ''; \/\/ Unlock scrolling\n        }\n\n        if (closeBtn) closeBtn.addEventListener('click', closeModal);\n\n        \/\/ Close with ESC Key\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape' && modalRoot.classList.contains('active')) {\n                closeModal();\n            }\n        });\n    }\n\n    \/\/ D. Run on Page Load\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initHmsaSystem);\n    } else {\n        initHmsaSystem();\n    }\n\n})();\n<\/script>\n\n\n\n<!-- ============================================================================== -->\n<!-- =================== 1. TRIGGER CARD (VISIBLE ON PAGE) ======================== -->\n<!-- ============================================================================== -->\n\n<div id=\"hmsa-trigger-card-rever\" class=\"hmsa-card-wrapper\">\n    <div class=\"hmsa-card-meta\">HMSA ACADEMY<\/div>\n    <h2 class=\"hmsa-card-title\">What is Reversible Intervention in Cultural Heritage Conservation? What is it Not?<\/h2>\n    <p class=\"hmsa-card-desc\">\n        Cultural heritage structures are assets that cannot be reconstructed due to their historical, aesthetic, and social values. This article discusses the concept of reversible intervention within the context of ethics and sustainability.\n    <\/p>\n    \n    <!-- BUTTON GROUP (ADDED) -->\n    <div class=\"hmsa-action-group\">\n        <!-- Popup Trigger -->\n        <button class=\"hmsa-read-btn\">Qu\u0131ck Read (Popup) &rarr;<\/button>\n        \n        <!-- Page Link (L\u00fctfen Linki Kontrol Ediniz) -->\n        <a href=\"https:\/\/www.letoon.com.tr\/eng\/what-is-reversible-intervention-in-cultural-heritage-conservation-what-is-it-not\/\" \n           target=\"_blank\" \n           class=\"hmsa-page-link\">\n           Read on Page &nearr;\n        <\/a>\n    <\/div>\n<\/div>\n\n<!-- ============================================================================== -->\n<!-- =================== 2. INDEPENDENT SYSTEM (CSS & JS & MODAL) ================= -->\n<!-- ============================================================================== -->\n\n<script>\n(function() {\n    \/* \n       HMSA MODAL SYSTEM - ARTICLE 2 (ENGLISH REVISION)\n       Subject: Reversible Intervention\n       Update: Added Button Group & Link Logic\n    *\/\n\n    \/\/ A. CSS STYLES\n    const hmsaStyles = `\n        <style>\n            \/* --- TRIGGER CARD STYLES --- *\/\n            #hmsa-trigger-card-rever {\n                font-family: Arial, sans-serif;\n                background: #fff; border-radius: 8px; padding: 30px;\n                box-shadow: 0 5px 20px rgba(0,0,0,0.08); border-left: 5px solid #ba372a;\n                cursor: pointer; transition: transform 0.3s ease; max-width: 800px; margin: 40px auto;\n                box-sizing: border-box; display: block; position: relative; z-index: 1;\n            }\n            #hmsa-trigger-card-rever:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.12); }\n            \n            .hmsa-card-meta { font-size: 11px; color: #999; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }\n            .hmsa-card-title { font-size: 24px; color: #222; font-weight: 800; margin: 0 0 15px 0; line-height: 1.3; }\n            .hmsa-card-desc { font-size: 15px; color: #666; line-height: 1.5; margin: 0 0 20px 0; text-align: justify; }\n\n            \/* --- BUTTON GROUP STYLES (NEW) --- *\/\n            .hmsa-action-group {\n                display: flex;\n                align-items: center;\n                gap: 20px;\n                margin-top: 25px;\n                border-top: 1px solid #f0f0f0;\n                padding-top: 20px;\n            }\n\n            \/* Modal Trigger Button *\/\n            .hmsa-read-btn { \n                background: #ba372a; \n                border: none; \n                color: #fff; \n                font-weight: 700; \n                font-size: 13px; \n                cursor: pointer; \n                padding: 10px 20px; \n                border-radius: 4px;\n                text-transform: uppercase; \n                transition: background 0.3s;\n            }\n            .hmsa-read-btn:hover { background: #962a1f; }\n\n            \/* Page Link *\/\n            .hmsa-page-link {\n                text-decoration: none;\n                color: #555;\n                font-size: 13px;\n                font-weight: 600;\n                border-bottom: 1px solid transparent;\n                transition: all 0.3s;\n                text-transform: uppercase;\n            }\n            .hmsa-page-link:hover {\n                color: #ba372a;\n                border-bottom: 1px solid #ba372a;\n            }\n\n            \/* --- ISOLATED MODAL STYLES --- *\/\n            #hmsa-modal-root-rever {\n                position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n                background-color: rgba(255,255,255,0.99); \n                z-index: 2147483647; \n                opacity: 0; visibility: hidden; transition: opacity 0.3s ease;\n                overflow-y: auto; -webkit-overflow-scrolling: touch;\n                font-family: Arial, sans-serif;\n                box-sizing: border-box;\n            }\n            #hmsa-modal-root-rever.active { opacity: 1; visibility: visible; }\n            \n            #hmsa-modal-root-rever * { box-sizing: border-box; }\n\n            .hmsa-content-container {\n                max-width: 800px; margin: 60px auto 100px auto; padding: 0 30px;\n                color: #333; transform: translateY(20px); transition: transform 0.4s ease;\n            }\n            #hmsa-modal-root-rever.active .hmsa-content-container { transform: translateY(0); }\n\n            .hmsa-close-btn {\n                position: fixed; top: 25px; right: 30px; font-size: 45px; color: #ccc;\n                background: transparent; border: none; cursor: pointer; z-index: 2147483648;\n                line-height: 1; transition: color 0.3s;\n            }\n            .hmsa-close-btn:hover { color: #ba372a; }\n\n            \/* Typography *\/\n            .hmsa-article-title { font-size: 30px; font-weight: 800; color: #111; line-height: 1.3; margin-bottom: 10px; }\n            .hmsa-article-subtitle { font-size: 20px; font-weight: 600; color: #444; line-height: 1.4; margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px; display:block; }\n\n            .hmsa-author { \n                font-size: 15px; color: #555; margin-bottom: 35px; display: block; font-weight: 400;\n            }\n            .hmsa-author strong { color: #ba372a; font-weight: 700; }\n            .hmsa-author span { color: #888; font-size: 14px; margin-left: 5px; }\n\n            .hmsa-text { font-size: 18px; line-height: 1.7; color: #2c3e50; margin-bottom: 25px; text-align: justify; }\n            \n            \/* Abstract box style *\/\n            .hmsa-abstract { \n                font-size: 19px; color: #444; \n                border-left: 4px solid #ba372a; padding-left: 25px; \n                margin-bottom: 30px; font-style: italic; \n                background: #fafafa; padding: 20px 25px; border-radius: 0 8px 8px 0;\n                text-align: justify;\n            }\n\n            .hmsa-keywords { font-size: 14px; color: #666; margin-bottom: 40px; display: block; border-bottom: 1px solid #eee; padding-bottom: 20px; }\n            \n            .hmsa-subhead { font-size: 22px; font-weight: 700; color: #2c3e50; margin-top: 40px; margin-bottom: 15px; border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; display:inline-block; }\n\n            \/* Footer & References *\/\n            .hmsa-ref-section { margin-top: 60px; padding-top: 30px; border-top: 1px solid #eee; color: #777; font-size: 14px; }\n            .hmsa-ref-title { font-weight: bold; color: #333; margin-bottom: 10px; display: block; }\n            .hmsa-ref-list { list-style: none; padding: 0; }\n            .hmsa-ref-list li { margin-bottom: 8px; font-size: 13px; text-align: justify; }\n\n            \/* Mobile Responsive *\/\n            @media (max-width: 800px) {\n                #hmsa-trigger-card-rever { width: 92%; margin: 20px auto; }\n                .hmsa-action-group { flex-direction: column; align-items: flex-start; gap: 15px; }\n                .hmsa-content-container { margin-top: 60px; padding: 0 20px; }\n                .hmsa-close-btn { top: 15px; right: 20px; }\n            }\n        <\/style>\n    `;\n\n    \/\/ B. MODAL HTML CONTENT (ENGLISH)\n    const hmsaModalHtml = `\n        <div id=\"hmsa-modal-root-rever\">\n            <button class=\"hmsa-close-btn\" id=\"hmsa-close-action-rever\">&times;<\/button>\n            \n            <div class=\"hmsa-content-container\">\n                <div style=\"font-size:12px; color:#ba372a; font-weight:bold; text-transform:uppercase; margin-bottom:10px;\">HMSA Academy Art\u0131cle Ser\u0131es<\/div>\n                \n                <!-- TITLE & SUBTITLE -->\n                <h1 class=\"hmsa-article-title\">What is Reversible Intervention in Cultural Heritage Conservation? What is it Not?<\/h1>\n                <span class=\"hmsa-article-subtitle\">An Ethical and Sustainable Necessity in Cultural Heritage Conservation<\/span>\n                \n                <!-- AUTHOR -->\n                <div class=\"hmsa-author\">\n                    Author: <strong>M\u00fcge G\u00fcnel<\/strong> <span> \/\/ High Architect & Restoration Specialist<\/span>\n                <\/div>\n                \n                <!-- ABSTRACT -->\n                <div class=\"hmsa-abstract\">\n                    Cultural heritage structures are assets that cannot be reconstructed due to their historical, aesthetic, and social values. Therefore, every intervention on these structures directly affects not only their current state but also future conservation possibilities. This article discusses the concept of \"reversible intervention\" in cultural heritage conservation within the context of sustainability and conservation ethics, arguing why this approach is not a preference but an ethical necessity in light of international conservation texts. The study outlines the conceptual framework of reversibility in line with the Venice Charter, the Burra Charter, and relevant international principles, and examines the long-term effects of irreversible interventions on cultural heritage.\n                <\/div>\n\n                <!-- INTRODUCTION -->\n                <p class=\"hmsa-text\">\n                    Cultural heritage structures are unique documents reflecting the knowledge, technology, and lifestyle of past societies. These structures are not merely physical assets; they are also carriers of historical continuity and cultural memory. However, every intervention on cultural heritage has the potential to produce irreversible consequences. Incorrect material selection, incompatible applications, or overly intrusive approaches can damage the authenticity of the structure and eliminate future conservation possibilities.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    In this context, the concept of \"reversible intervention\" stands out not only as a technical method in cultural heritage conservation but also as an ethical and sustainable approach.\n                <\/p>\n\n                <!-- CONCEPT -->\n                <h3 class=\"hmsa-subhead\">The Concept of Reversible Intervention<\/h3>\n                <p class=\"hmsa-text\">\n                    Reversible intervention means that an application made to a cultural heritage structure can be dismantled or reversed when necessary without causing permanent damage to the structure. However, this concept should not be confused with the intervention being temporary. On the contrary, reversibility implies that the intervention is controlled, measured, and compatible with the original material of the structure.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    Articles 9 and 10 of the Venice Charter (1964) emphasize that restoration must be based on scientific foundations and respect the authenticity of the structure. Although the term \"reversibility\" is not used directly in the Charter, the requirement that the intervention be limited, definable, and distinguishable forms the basis of this approach.\n                <\/p>\n\n                <!-- INTERNATIONAL DOCUMENTS -->\n                <h3 class=\"hmsa-subhead\">Reversibility in International Conservation Documents<\/h3>\n                <p class=\"hmsa-text\">\n                    <strong>The Venice Charter;<\/strong> The Venice Charter is one of the fundamental texts of the contemporary conservation approach in cultural heritage. The Charter states that restoration is an exceptional intervention and its aim should be limited to revealing the historical and aesthetic values of the structure. This approach requires interventions to be reversible and not to create permanent stress on the structure.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    <strong>The Burra Charter;<\/strong> Published by Australia ICOMOS, the Burra Charter (1979, rev. 2013) addresses reversible intervention more explicitly. The Charter argues that interventions on a place of cultural significance should be \"minimal\" and should not restrict future research and conservation possibilities. According to the Burra Charter, the reversibility of an intervention is critical for allowing space for unknown or yet-to-be-developed conservation methods.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    <strong>Other International Approaches;<\/strong> ICOMOS resolutions and UNESCO guidelines also highlight reversibility as one of the key elements of sustainable conservation. The common emphasis in these texts is that interventions should be made considering not only today's technical knowledge but also conservation approaches that may change in the future.\n                <\/p>\n\n                <!-- SUSTAINABILITY -->\n                <h3 class=\"hmsa-subhead\">Reversible Intervention in the Context of Sustainability<\/h3>\n                <p class=\"hmsa-text\">\n                    Sustainability in the field of cultural heritage is often defined solely through environmental impacts or natural materials. However, sustainable conservation essentially aims to preserve the long-term survivability of the structure and the freedom of intervention.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    An irreversible intervention, even if it appears \"successful\" in the short term, may prevent the application of more appropriate or scientific methods in the future. This situation directly contradicts the fundamental principle of sustainability: \"meeting the needs of future generations.\"\n                <\/p>\n\n                <!-- ETHICAL NECESSITY -->\n                <h3 class=\"hmsa-subhead\">Reversibility as an Ethical Necessity<\/h3>\n                <p class=\"hmsa-text\">\n                    Conservation of cultural heritage is not only a technical field of application but also an ethical responsibility. Conservation experts and practitioners are responsible not only for the current state of the structure but also for how it will be perceived and used in the future.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    Reversible intervention is the concrete expression of this ethical responsibility. Being able to reverse an intervention means \"admitting what we do not know\" and opening space for potentially more accurate solutions to be produced in the future.\n                <\/p>\n\n                <!-- LONG TERM EFFECTS -->\n                <h3 class=\"hmsa-subhead\">Long-Term Effects of Irreversible Interventions<\/h3>\n                <p class=\"hmsa-text\">\n                    Intervention materials with higher strength or different expansion coefficients than the original material cause stress accumulation within the structure under environmental conditions. This can lead to irreversible damages such as crack formation, surface detachment, and material loss. Similarly, intense or incorrectly selected chemical cleaning and protection applications disrupt the natural pore structure of the material, reducing its breathability and accelerating secondary deterioration mechanisms such as salt crystallization and moisture accumulation.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    Inappropriate coatings and surface interventions on the structure's original material interrupt the material-environment interaction, rendering deterioration processes invisible. Such interventions do not stop deterioration but merely postpone it; damage is often noticed only when it reaches an irreversible stage.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    In this context, irreversible interventions not only cause physical damage but also eliminate the legibility of the structure's historical layers and its potential for scientific research. The irreversible nature of an intervention makes it impossible to apply more appropriate, scientific, or ethical conservation methods in the future. Therefore, such applications should be evaluated not only as technical errors in terms of cultural heritage conservation but also as approaches that contradict ethical and sustainability principles.\n                <\/p>\n\n                <!-- CONCLUSION -->\n                <h3 class=\"hmsa-subhead\"><\/h3>\n                <p class=\"hmsa-text\">\n                    Reversible intervention is not a technical preference in cultural heritage conservation; it is an ethical, scientific, and sustainable necessity. International conservation texts support this approach, either explicitly or implicitly, emphasizing that interventions must be limited, defined, and reversible.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    Conserving cultural heritage is not about fixing or transforming it; it is about leaving it open to the future and interpretable. Therefore, reversibility should be considered one of the cornerstones of the contemporary conservation approach.\n                <\/p>\n\n                <!-- REFERENCES -->\n                <div class=\"hmsa-ref-section\">\n                    <span class=\"hmsa-ref-title\">References<\/span>\n                    <ul class=\"hmsa-ref-list\">\n                        <li>ICOMOS (1964). International Charter for the Conservation and Restoration of Monuments and Sites (The Venice Charter).<\/li>\n                        <li>Australia ICOMOS (2013). The Burra Charter: The Australia ICOMOS Charter for Places of Cultural Significance.<\/li>\n                        <li>Jokilehto, J. (1999). A History of Architectural Conservation. Butterworth-Heinemann.<\/li>\n                        <li>Feilden, B. M. (2003). Conservation of Historic Buildings. Architectural Press.<\/li>\n                    <\/ul>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    `;\n\n    \/\/ C. INITIALIZATION & LOGIC\n    function initHmsaSystemRever() {\n        \/\/ 1. Inject CSS and HTML if not present\n        if (!document.getElementById('hmsa-modal-root-rever')) {\n            document.head.insertAdjacentHTML('beforeend', hmsaStyles);\n            document.body.insertAdjacentHTML('beforeend', hmsaModalHtml);\n        }\n\n        \/\/ 2. Define Elements\n        const triggerCard = document.getElementById('hmsa-trigger-card-rever');\n        const modalRoot = document.getElementById('hmsa-modal-root-rever');\n        const closeBtn = document.getElementById('hmsa-close-action-rever');\n\n        \/\/ 3. Event Listeners\n        \/\/ Modified to support Button Group Logic\n        function openModal(e) {\n            \/\/ If user clicks the 'Read on Page' link, do NOT open modal\n            if (e.target.classList.contains('hmsa-page-link')) {\n                return;\n            }\n            e.preventDefault();\n            modalRoot.classList.add('active');\n            document.body.style.overflow = 'hidden'; \/\/ Lock scrolling\n        }\n\n        if (triggerCard) {\n            triggerCard.addEventListener('click', openModal);\n        }\n\n        function closeModal() {\n            modalRoot.classList.remove('active');\n            document.body.style.overflow = ''; \/\/ Unlock scrolling\n        }\n\n        if (closeBtn) closeBtn.addEventListener('click', closeModal);\n\n        \/\/ Close on ESC Key\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape' && modalRoot.classList.contains('active')) {\n                closeModal();\n            }\n        });\n    }\n\n    \/\/ D. Run on Load\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initHmsaSystemRever);\n    } else {\n        initHmsaSystemRever();\n    }\n\n})();\n<\/script>\n\n\n\n<!-- ============================================================================== -->\n<!-- =================== HMSA ACADEMY: FULL TEXT CARD START ======================= -->\n<!-- ============================================================================== -->\n\n<!-- 1. VISIBLE TRIGGER CARD -->\n<div id=\"hmsa-trigger-card-fulltext\" class=\"hmsa-card-wrapper\">\n    <div class=\"hmsa-card-meta\">HMSA ACADEMY: CONSERVATION TECHNIQUES<\/div>\n    <h2 class=\"hmsa-card-title\">Unsustainable Restoration: Incorrect Material Selection and Irreversible Damage in Cultural Heritage<\/h2>\n    <p class=\"hmsa-card-desc\">\n        The use of incorrect materials in cultural heritage structures may seem like a solution in the short term but leads to structural and chemical deterioration in the long run. This article examines the vital importance of material compatibility and its critical role in terms of conservation ethics.\n    <\/p>\n    \n    <!-- BUTTON GROUP -->\n    <div class=\"hmsa-action-group\">\n        <!-- Popup Trigger Button -->\n        <button class=\"hmsa-read-btn\">Qu\u0131ck Read (Popup) &rarr;<\/button>\n        \n        <!-- Read on Page Link -->\n        <!-- PLEASE UPDATE THE LINK BELOW TO THE CORRECT ENGLISH PAGE URL -->\n        <a href=\"https:\/\/www.letoon.com.tr\/eng\/unsustainable-restoration-incorrect-material-selection-and-irreversible-damage-in-cultural-heritage\/\" \n           target=\"_blank\" \n           class=\"hmsa-page-link\">\n           Read on Page &nearr;\n        <\/a>\n    <\/div>\n<\/div>\n\n<!-- 2. SYSTEM SCRIPT (CSS + MODAL HTML + JS) -->\n<script>\n(function() {\n    \/* \n       HMSA MODAL SYSTEM - FULL TEXT VERSION (ENGLISH)\n       IDs have \"-fulltext\" suffix to prevent conflicts.\n    *\/\n\n    \/\/ A. CSS STYLES\n    const hmsaStyles = `\n        <style>\n            \/* --- CARD STYLES --- *\/\n            #hmsa-trigger-card-fulltext {\n                font-family: 'Segoe UI', Arial, sans-serif;\n                background: #fff; border-radius: 8px; padding: 30px;\n                box-shadow: 0 5px 20px rgba(0,0,0,0.08); border-left: 5px solid #ba372a;\n                cursor: pointer; transition: transform 0.3s ease; max-width: 800px; margin: 40px auto;\n                box-sizing: border-box; display: block; position: relative; z-index: 1;\n            }\n            #hmsa-trigger-card-fulltext:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.12); }\n            \n            .hmsa-card-meta { font-size: 11px; color: #999; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }\n            .hmsa-card-title { font-size: 24px; color: #222; font-weight: 800; margin: 0 0 15px 0; line-height: 1.3; }\n            .hmsa-card-desc { font-size: 15px; color: #666; line-height: 1.5; margin: 0 0 20px 0; text-align: justify; }\n\n            \/* Button Group *\/\n            .hmsa-action-group {\n                display: flex; align-items: center; gap: 20px;\n                margin-top: 25px; border-top: 1px solid #f0f0f0; padding-top: 20px;\n            }\n            .hmsa-read-btn { \n                background: #ba372a; border: none; color: #fff; font-weight: 700; font-size: 13px; \n                cursor: pointer; padding: 10px 20px; border-radius: 4px; text-transform: uppercase; \n                transition: background 0.3s;\n            }\n            .hmsa-read-btn:hover { background: #962a1f; }\n            .hmsa-page-link {\n                text-decoration: none; color: #555; font-size: 13px; font-weight: 600;\n                border-bottom: 1px solid transparent; transition: all 0.3s; text-transform: uppercase;\n            }\n            .hmsa-page-link:hover { color: #ba372a; border-bottom: 1px solid #ba372a; }\n\n            \/* --- MODAL (POPUP) STYLES --- *\/\n            #hmsa-modal-root-fulltext {\n                position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n                background-color: rgba(255,255,255,0.99); z-index: 2147483647; \n                opacity: 0; visibility: hidden; transition: opacity 0.3s ease;\n                overflow-y: auto; -webkit-overflow-scrolling: touch;\n                font-family: 'Segoe UI', Arial, sans-serif; box-sizing: border-box;\n            }\n            #hmsa-modal-root-fulltext.active { opacity: 1; visibility: visible; }\n            #hmsa-modal-root-fulltext * { box-sizing: border-box; }\n\n            .hmsa-content-container {\n                max-width: 800px; margin: 60px auto 100px auto; padding: 0 30px;\n                color: #333; transform: translateY(20px); transition: transform 0.4s ease;\n            }\n            #hmsa-modal-root-fulltext.active .hmsa-content-container { transform: translateY(0); }\n\n            .hmsa-close-btn {\n                position: fixed; top: 25px; right: 30px; font-size: 45px; color: #ccc;\n                background: transparent; border: none; cursor: pointer; z-index: 2147483648;\n                line-height: 1; transition: color 0.3s;\n            }\n            .hmsa-close-btn:hover { color: #ba372a; }\n\n            \/* Typography *\/\n            .hmsa-header-meta { font-size:12px; color:#ba372a; font-weight:bold; text-transform:uppercase; margin-bottom:10px; }\n            .hmsa-article-title { font-size: 32px; font-weight: 800; color: #111; line-height: 1.3; margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 20px; }\n            \n            .hmsa-author { \n                font-size: 15px; color: #555; margin-bottom: 30px; display: block; font-weight: 400;\n            }\n            .hmsa-author strong { color: #ba372a; font-weight: 700; }\n            .hmsa-author span { color: #888; font-size: 14px; margin-left: 5px; font-style: italic; }\n\n            \/* Abstract Box *\/\n            .hmsa-abstract-box {\n                background-color: #f9f9f9;\n                border-left: 4px solid #ba372a;\n                padding: 20px 25px;\n                margin-bottom: 30px;\n                border-radius: 0 4px 4px 0;\n            }\n            .hmsa-abstract-text { font-size: 16px; line-height: 1.6; color: #555; font-style: italic; margin: 0; text-align: justify; }\n            .hmsa-abstract-label { font-weight: 800; color: #222; font-style: normal; margin-right: 5px; }\n\n            \/* Keywords *\/\n            .hmsa-keywords { font-size: 14px; color: #666; margin-bottom: 40px; font-family: monospace, serif; display:block; }\n            .hmsa-keywords strong { color: #333; }\n\n            \/* Headings & Text *\/\n            .hmsa-subhead { \n                font-size: 22px; font-weight: 700; color: #2c3e50; \n                margin-top: 40px; margin-bottom: 15px; \n                border-bottom: 1px solid #f0f0f0; padding-bottom: 8px; \n                display:block; \n            }\n            .hmsa-text { font-size: 18px; line-height: 1.8; color: #222; margin-bottom: 25px; text-align: justify; }\n\n            \/* Lists *\/\n            .hmsa-list { list-style: disc; padding-left: 20px; margin: 20px 0 30px 20px; }\n            .hmsa-list li { \n                margin-bottom: 10px; font-size: 18px; line-height: 1.6; color: #333; text-align: justify;\n            }\n\n            \/* References *\/\n            .hmsa-ref-section { margin-top: 80px; padding-top: 30px; border-top: 2px solid #eee; background: #fafafa; padding: 30px; border-radius: 8px; }\n            .hmsa-ref-title { font-weight: 800; color: #333; margin-bottom: 15px; display: block; font-size: 18px; }\n            .hmsa-ref-list { list-style: none; padding: 0; }\n            .hmsa-ref-list li { margin-bottom: 10px; font-size: 14px; text-align: left; color: #555; line-height: 1.5; }\n\n            @media (max-width: 800px) {\n                #hmsa-trigger-card-fulltext { width: 92%; margin: 20px auto; }\n                .hmsa-action-group { flex-direction: column; align-items: flex-start; gap: 15px; }\n                .hmsa-content-container { margin-top: 60px; padding: 0 20px; }\n                .hmsa-close-btn { top: 15px; right: 20px; }\n                .hmsa-article-title { font-size: 24px; }\n                .hmsa-text { font-size: 16px; }\n            }\n        <\/style>\n    `;\n\n    \/\/ B. MODAL HTML CONTENT (FULL TEXT - ENGLISH)\n    const hmsaModalHtml = `\n        <div id=\"hmsa-modal-root-fulltext\">\n            <button class=\"hmsa-close-btn\" id=\"hmsa-close-action-fulltext\">&times;<\/button>\n            \n            <div class=\"hmsa-content-container\">\n                <div class=\"hmsa-header-meta\">RESTORATION & CONSERVATION SCIENCE<\/div>\n                \n                <!-- TITLE -->\n                <h1 class=\"hmsa-article-title\">Unsustainable Restoration: Incorrect Material Selection and Irreversible Damage in Cultural Heritage<\/h1>\n                \n                <!-- AUTHOR AREA -->\n                <div class=\"hmsa-author\">\n                    Author: <strong>M\u00fcge G\u00fcnel<\/strong> <span> \/\/ High Architect & Restoration Specialist<\/span>\n                <\/div>\n\n                <!-- ABSTRACT AREA -->\n                <div class=\"hmsa-abstract-box\">\n                    <p class=\"hmsa-abstract-text\">\n                        <span class=\"hmsa-abstract-label\"><\/span>\n                        Material choices made during the conservation and repair process of cultural heritage structures play a decisive role in terms of the structure's authenticity and long-term preservability. The use of incorrect or incompatible materials may seem to provide structural or aesthetic improvement in the short term, but can lead to irreversible damage in the long run. This article discusses the physical, chemical, and structural deterioration caused by incorrect material selection in cultural heritage structures and debates why these damages contradict the principles of reversible intervention and sustainable conservation. Within the framework of international conservation texts and conservation theory, the critical importance of material compatibility in the preservation of cultural heritage is demonstrated.\n                    <\/p>\n                <\/div>\n                \n                <!-- INTRODUCTION -->\n                <h3 class=\"hmsa-subhead\"><\/h3>\n                <p class=\"hmsa-text\">\n                    Cultural heritage structures are shaped by the material knowledge, construction techniques, and environmental conditions of the period in which they were produced. These structures are not merely physical legacies; they are also tangible witnesses of historical knowledge and cultural identity. Therefore, every intervention performed on cultural heritage structures directly affects not only the current state of the structure but also its potential for future preservation.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    One of the most critical mistakes made in conservation and repair processes is the use of materials incompatible with the original structural system. Incorrect material selection often arises from the preference for contemporary products assumed to be \"more durable,\" \"stronger,\" or \"longer-lasting,\" yet these choices lead to serious and irreversible deterioration in the long term.\n                <\/p>\n\n                <!-- SECTION 1 -->\n                <h3 class=\"hmsa-subhead\">The Concept of Material Compatibility in Cultural Heritage Structures<\/h3>\n                <p class=\"hmsa-text\">\n                    Material compatibility refers to the physical, chemical, and mechanical harmony of a new material used for repair or conservation with the original building material. This compatibility must be evaluated not only in terms of material strength but also in conjunction with porosity, water vapor permeability, thermal expansion coefficient, and environmental responses.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    Historical building materials are generally low-strength, high-porosity systems that \"work\" together with environmental conditions. These characteristics are fundamental factors ensuring the structure's longevity. Interventions made with incompatible materials disrupt this balance, accelerating the structure's deterioration processes.\n                <\/p>\n\n                <!-- SECTION 2 -->\n                <h3 class=\"hmsa-subhead\">Main Causes of Incorrect Material Selection<\/h3>\n                <p class=\"hmsa-text\">\n                    Incorrect material selection generally arises from the following reasons:\n                <\/p>\n                <ul class=\"hmsa-list\">\n                    <li>Misinterpretation of the technical superiority of contemporary building materials<\/li>\n                    <li>Prioritizing short-term structural or aesthetic gains<\/li>\n                    <li>Insufficient knowledge regarding the behavioral characteristics of historical materials<\/li>\n                    <li>Decisions focused on ease of application and cost<\/li>\n                <\/ul>\n                <p class=\"hmsa-text\">\n                    This approach leads to the mistake of disregarding the original material logic of cultural heritage structures and treating them like contemporary building systems.\n                <\/p>\n\n                <!-- SECTION 3 -->\n                <h3 class=\"hmsa-subhead\">Multifaceted and Irreversible Deterioration Caused by Incorrect Material Selection<\/h3>\n                <p class=\"hmsa-text\">\n                    Incorrect material selection leads not just to a singular type of deterioration in cultural heritage structures, but to a multifaceted chain of degradation where physical, chemical, and mechanical processes interact with one another. Such interventions often disregard the working principles of the structure's original material system, aiming instead for short-term structural or aesthetic gains. However, unlike contemporary building systems, material behavior in cultural heritage structures operates in a balanced interaction that is flexible, permeable, and responsive to environmental conditions.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    The use of repair materials that are harder, denser, and have lower permeability than the original building material causes stress accumulation within the structure. This situation leads to incompatible deformations between the original material and the repair material, especially during temperature changes and moisture movements; consequently, crack formation, surface detachment, and loss of original material occur. Hard repair materials transfer the load to the original material rather than sharing it; this causes deterioration to occur not in the repair material, but in the irreversible original fabric.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    Incorrect choices made in binding materials are a critical factor accelerating the deterioration process. Lime-based mortars, widely used in historical buildings, act as a buffer regulating moisture movements thanks to their high water vapor permeability and flexible structure. In contrast, the use of cement-based materials instead of original lime-based mortars disrupts this natural balance, causing moisture to be trapped within the structure. Restricted moisture movement triggers crystallization processes, especially of dissolved salts; this accelerates deterioration mechanisms such as blistering, flaking, and surface loss. In most cases, these damages are irreversible and result in the permanent loss of the original building material.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    Surface coatings and incompatible materials applied for protective purposes further complicate deterioration processes. Low-permeability coatings interrupt the material-environment interaction of the structure, preventing moisture from evaporating naturally. Such interventions often render deterioration invisible rather than stopping it; damage continues to progress beneath the coating. The problem is usually noticed at an advanced stage where the coating has failed or the original material has been seriously damaged; at this point, the interventions that can be made remain extremely limited.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    One of the most critical consequences of incorrect material selection is that the intervention becomes irreversible. Loss of original material not only damages the historical and scientific value of the structure but also blocks the way for more appropriate and advanced conservation methods that could be applied in the future. This situation creates a clear contradiction with the principles of \"minimum intervention\" and \"reversible intervention,\" which are accepted as fundamental in the conservation of cultural heritage.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    In this context, incorrect material selection should be evaluated not only as a technical error but as a scientific and ethical problem that directly threatens the authenticity and sustainability of cultural heritage.\n                <\/p>\n\n                <!-- SECTION 4 -->\n                <h3 class=\"hmsa-subhead\">The Ethical and Scientific Dimension of Irreversible Damage<\/h3>\n                <p class=\"hmsa-text\">\n                    Damage caused by incorrect material selection is not only a physical problem; it is also an ethical one. The conservation of cultural heritage requires respect for the authenticity of the structure and its future preservation possibilities. Irreversible interventions limit the conservation process irrevocably by preventing the application of more appropriate or scientific methods that may be developed in the future.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    This directly contradicts the principles of \"minimum intervention,\" \"respect for authenticity,\" and \"responsibility towards future generations\" emphasized in international conservation texts.\n                <\/p>\n\n                <!-- CONCLUSION -->\n                <h3 class=\"hmsa-subhead\"><\/h3>\n                <p class=\"hmsa-text\">\n                    Incorrect material selection is one of the most significant causes of irreversible damage in cultural heritage structures. Such interventions disrupt the structure's original material system, leading to physical, aesthetic, and scientific value loss. In the conservation of cultural heritage, material selection should be based on scientific data, the principle of compatibility, and the concept of reversible intervention, rather than short-term gains.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    Protecting cultural heritage is not about making it stronger; it is about ensuring its transmission to the future by working in harmony with it.\n                <\/p>\n\n                <!-- REFERENCES -->\n                <div class=\"hmsa-ref-section\">\n                    <span class=\"hmsa-ref-title\">References<\/span>\n                    <ul class=\"hmsa-ref-list\">\n                        <li>ICOMOS (1964). International Charter for the Conservation and Restoration of Monuments and Sites (The Venice Charter).<\/li>\n                        <li>Australia ICOMOS (2013). The Burra Charter: The Australia ICOMOS Charter for Places of Cultural Significance.<\/li>\n                        <li>ICOMOS (1994). The Nara Document on Authenticity.<\/li>\n                        <li>UNESCO (1972). Convention Concerning the Protection of the World Cultural and Natural Heritage.<\/li>\n                        <li>Ahunbay, Z. (2019). Tarihi \u00c7evre Koruma ve Restorasyon. YEM Yay\u0131n, \u0130stanbul. (A fundamental guide for conservation studies in T\u00fcrkiye).<\/li>\n                        <li>Jokilehto, J. (2006). \u201cConsiderations on Authenticity and Integrity in World Heritage Context.\u201d City & Time, 2(1).<\/li>\n                        <li>Brandi, C. (2005). Theory of Restoration. Nardini Editore.<\/li>\n                        <li>Mu\u00f1oz Vi\u00f1as, S. (2005). Contemporary Theory of Conservation. Elsevier Butterworth-Heinemann.<\/li>\n                        <li>Feilden, B. M. (2003). Conservation of Historic Buildings. Architectural Press.<\/li>\n                        <li>Stanley-Price, N. (1997). \u201cThe Meaning of Authenticity in Conservation.\u201d Conservation and Management of Archaeological Sites, 1(2).<\/li>\n                        <li>Orba\u015fl\u0131, A. (2008). Architectural Conservation: Principles and Practice. Blackwell Publishing.<\/li>\n                        <li>Orba\u015fl\u0131, A. (2017). \u201cConservation Theory and Practice: Why Do They Diverge?\u201d Journal of Architectural Conservation, 23(1).<\/li>\n                    <\/ul>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    `;\n\n    \/\/ C. INITIALIZATION AND CONTROL LOGIC\n    function initHmsaSystemFullText() {\n        \/\/ 1. Inject HTML and CSS (If missing)\n        if (!document.getElementById('hmsa-modal-root-fulltext')) {\n            document.head.insertAdjacentHTML('beforeend', hmsaStyles);\n            document.body.insertAdjacentHTML('beforeend', hmsaModalHtml);\n        }\n\n        \/\/ 2. Define Elements (Unique IDs)\n        const triggerCard = document.getElementById('hmsa-trigger-card-fulltext');\n        const modalRoot = document.getElementById('hmsa-modal-root-fulltext');\n        const closeBtn = document.getElementById('hmsa-close-action-fulltext');\n\n        \/\/ 3. Click Events\n        function openModal(e) {\n            \/\/ If the clicked element is the link (Read on Page), do not open popup\n            if (e.target.classList.contains('hmsa-page-link')) {\n                return;\n            }\n            e.preventDefault();\n            modalRoot.classList.add('active');\n            document.body.style.overflow = 'hidden'; \n        }\n\n        if (triggerCard) {\n            triggerCard.addEventListener('click', openModal);\n        }\n\n        function closeModal() {\n            modalRoot.classList.remove('active');\n            document.body.style.overflow = '';\n        }\n\n        if (closeBtn) closeBtn.addEventListener('click', closeModal);\n\n        \/\/ Close with ESC Key\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape' && modalRoot.classList.contains('active')) {\n                closeModal();\n            }\n        });\n    }\n\n    \/\/ D. Run on Page Load\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initHmsaSystemFullText);\n    } else {\n        initHmsaSystemFullText();\n    }\n\n})();\n<\/script>\n<!-- =================== HMSA ACADEMY: FULL TEXT CARD END ======================= -->\n\n\n\n<!-- ============================================================================== -->\n<!-- =================== HMSA ACADEMY: FULL TEXT CARD START ======================= -->\n<!-- ============================================================================== -->\n\n<!-- 1. VISIBLE CARD SECTION -->\n<div id=\"hmsa-trigger-card-material-en\" class=\"hmsa-card-wrapper\">\n    <div class=\"hmsa-card-meta\">HMSA ACADEMY: CONSERVATION &#038; REPAIR<\/div>\n    <h2 class=\"hmsa-card-title\">How to Determine the Right Material in Cultural Heritage?<\/h2>\n    <p class=\"hmsa-card-desc\">\n        The success of interventions in cultural heritage structures largely depends on the scientific, technical, and contextual accuracy of material decisions. This article addresses the process within the framework of the Diagnosis\u2013Analysis\u2013Intervention triangle.\n    <\/p>\n    \n    <!-- BUTTON GROUP -->\n    <div class=\"hmsa-action-group\">\n        <!-- Open Popup Button -->\n        <button class=\"hmsa-read-btn\">Qu\u0131ck Read (Popup) &rarr;<\/button>\n        \n        <!-- Go to Page Link (Optional) -->\n        <a href=\"https:\/\/www.letoon.com.tr\/eng\/how-to-make-the-right-material-decision-in-cultural-heritage\/\" \n           target=\"_self\" \n           class=\"hmsa-page-link\">\n           Read on Page &nearr;\n        <\/a>\n    <\/div>\n<\/div>\n\n<!-- 2. SYSTEM SCRIPT (CSS + MODAL HTML + JS) -->\n<script>\n(function() {\n    \/* \n       HMSA MODAL SYSTEM - MATERIAL DECISION (ENGLISH VERSION)\n       IDs have been suffixed with \"-en\" to prevent conflicts if used with the TR version.\n    *\/\n\n    \/\/ A. CSS STYLES\n    const hmsaStyles = `\n        <style>\n            \/* --- CARD STYLES --- *\/\n            #hmsa-trigger-card-material-en {\n                font-family: 'Segoe UI', Arial, sans-serif;\n                background: #fff; border-radius: 8px; padding: 30px;\n                box-shadow: 0 5px 20px rgba(0,0,0,0.08); border-left: 5px solid #ba372a;\n                cursor: pointer; transition: transform 0.3s ease; max-width: 800px; margin: 40px auto;\n                box-sizing: border-box; display: block; position: relative; z-index: 1;\n            }\n            #hmsa-trigger-card-material-en:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.12); }\n            \n            .hmsa-card-meta { font-size: 11px; color: #999; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }\n            .hmsa-card-title { font-size: 24px; color: #222; font-weight: 800; margin: 0 0 15px 0; line-height: 1.3; }\n            .hmsa-card-desc { font-size: 15px; color: #666; line-height: 1.5; margin: 0 0 20px 0; text-align: justify; }\n\n            \/* Button Group *\/\n            .hmsa-action-group {\n                display: flex; align-items: center; gap: 20px;\n                margin-top: 25px; border-top: 1px solid #f0f0f0; padding-top: 20px;\n            }\n            .hmsa-read-btn { \n                background: #ba372a; border: none; color: #fff; font-weight: 700; font-size: 13px; \n                cursor: pointer; padding: 10px 20px; border-radius: 4px; text-transform: uppercase; \n                transition: background 0.3s;\n            }\n            .hmsa-read-btn:hover { background: #962a1f; }\n            .hmsa-page-link {\n                text-decoration: none; color: #555; font-size: 13px; font-weight: 600;\n                border-bottom: 1px solid transparent; transition: all 0.3s; text-transform: uppercase;\n            }\n            .hmsa-page-link:hover { color: #ba372a; border-bottom: 1px solid #ba372a; }\n\n            \/* --- MODAL (POPUP) STYLES --- *\/\n            #hmsa-modal-root-material-en {\n                position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n                background-color: rgba(255,255,255,0.99); z-index: 2147483647; \n                opacity: 0; visibility: hidden; transition: opacity 0.3s ease;\n                overflow-y: auto; -webkit-overflow-scrolling: touch;\n                font-family: 'Segoe UI', Arial, sans-serif; box-sizing: border-box;\n            }\n            #hmsa-modal-root-material-en.active { opacity: 1; visibility: visible; }\n            #hmsa-modal-root-material-en * { box-sizing: border-box; }\n\n            .hmsa-content-container {\n                max-width: 800px; margin: 60px auto 100px auto; padding: 0 30px;\n                color: #333; transform: translateY(20px); transition: transform 0.4s ease;\n            }\n            #hmsa-modal-root-material-en.active .hmsa-content-container { transform: translateY(0); }\n\n            .hmsa-close-btn {\n                position: fixed; top: 25px; right: 30px; font-size: 45px; color: #ccc;\n                background: transparent; border: none; cursor: pointer; z-index: 2147483648;\n                line-height: 1; transition: color 0.3s;\n            }\n            .hmsa-close-btn:hover { color: #ba372a; }\n\n            \/* Typography *\/\n            .hmsa-header-meta { font-size:12px; color:#ba372a; font-weight:bold; text-transform:uppercase; margin-bottom:10px; }\n            .hmsa-article-title { font-size: 32px; font-weight: 800; color: #111; line-height: 1.3; margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 20px; }\n            \n            .hmsa-author { \n                font-size: 15px; color: #555; margin-bottom: 30px; display: block; font-weight: 400;\n            }\n            .hmsa-author strong { color: #ba372a; font-weight: 700; }\n            .hmsa-author span { color: #888; font-size: 14px; margin-left: 5px; font-style: italic; }\n\n            \/* Abstract Box *\/\n            .hmsa-abstract-box {\n                background-color: #f9f9f9;\n                border-left: 4px solid #ba372a;\n                padding: 20px 25px;\n                margin-bottom: 30px;\n                border-radius: 0 4px 4px 0;\n            }\n            .hmsa-abstract-text { font-size: 16px; line-height: 1.6; color: #555; font-style: italic; margin: 0; text-align: justify; }\n            .hmsa-abstract-label { font-weight: 800; color: #222; font-style: normal; margin-right: 5px; }\n\n            \/* Headings and Text *\/\n            .hmsa-subhead { \n                font-size: 22px; font-weight: 700; color: #2c3e50; \n                margin-top: 40px; margin-bottom: 15px; \n                border-bottom: 1px solid #f0f0f0; padding-bottom: 8px; \n                display:block; \n            }\n            .hmsa-text { font-size: 18px; line-height: 1.8; color: #222; margin-bottom: 25px; text-align: justify; }\n            .hmsa-text strong { font-weight: 700; color: #333; }\n\n            \/* Lists *\/\n            .hmsa-list { list-style: disc; padding-left: 20px; margin: 20px 0 30px 20px; }\n            .hmsa-list li { \n                margin-bottom: 10px; font-size: 18px; line-height: 1.6; color: #333; text-align: justify;\n            }\n\n            \/* References *\/\n            .hmsa-ref-section { margin-top: 80px; padding-top: 30px; border-top: 2px solid #eee; background: #fafafa; padding: 30px; border-radius: 8px; }\n            .hmsa-ref-title { font-weight: 800; color: #333; margin-bottom: 15px; display: block; font-size: 18px; }\n            .hmsa-ref-list { list-style: none; padding: 0; }\n            .hmsa-ref-list li { margin-bottom: 10px; font-size: 14px; text-align: left; color: #555; line-height: 1.5; }\n\n            @media (max-width: 800px) {\n                #hmsa-trigger-card-material-en { width: 92%; margin: 20px auto; }\n                .hmsa-action-group { flex-direction: column; align-items: flex-start; gap: 15px; }\n                .hmsa-content-container { margin-top: 60px; padding: 0 20px; }\n                .hmsa-close-btn { top: 15px; right: 20px; }\n                .hmsa-article-title { font-size: 24px; }\n                .hmsa-text { font-size: 16px; }\n            }\n        <\/style>\n    `;\n\n    \/\/ B. MODAL HTML CONTENT (FULL TEXT ENGLISH)\n    const hmsaModalHtml = `\n        <div id=\"hmsa-modal-root-material-en\">\n            <button class=\"hmsa-close-btn\" id=\"hmsa-close-action-material-en\">&times;<\/button>\n            \n            <div class=\"hmsa-content-container\">\n                <div class=\"hmsa-header-meta\">RESTORATION & MATERIALS SCIENCE<\/div>\n                \n                <!-- TITLE -->\n                <h1 class=\"hmsa-article-title\">How to Determine the Right Material in Cultural Heritage? <br><span style=\"font-size:0.7em; font-weight:400; color:#555;\">Diagnosis \u2013 Analysis \u2013 Intervention Triangle<\/span><\/h1>\n                \n                <!-- AUTHOR -->\n                <div class=\"hmsa-author\">\n                    Author: <strong>M\u00fcge G\u00fcnel<\/strong> <span> \/\/ M.Arch & Restoration Specialist<\/span>\n                <\/div>\n\n                <!-- ABSTRACT -->\n                <div class=\"hmsa-abstract-box\">\n                    <p class=\"hmsa-abstract-text\">\n                        <span class=\"hmsa-abstract-label\">ABSTRACT:<\/span>\n                        The success of interventions carried out in cultural heritage structures depends largely on the scientific, technical, and contextual correctness of material decisions. Material choices made without sufficient data or incompatible with the original material of the structure can accelerate physical, chemical, and mechanical deterioration processes, leading to irreversible damage. This article addresses how material decisions should be made in cultural assets within the framework of the diagnosis\u2013analysis\u2013intervention triangle, aiming to reveal the technical requirements of pre-intervention evaluation processes.\n                    <\/p>\n                <\/div>\n                \n                <!-- 1. Introduction -->\n                <h3 class=\"hmsa-subhead\">1. Introduction: Technical Importance of Material Decision<\/h3>\n                <p class=\"hmsa-text\">\n                    Cultural assets are complex systems where construction techniques from different periods, original material compositions, and environmental interactions can be observed simultaneously. Every intervention on these structures is a technical process that redefines the material\u2013environment\u2013structure relationship, beyond merely addressing the current state of deterioration. Therefore, decisions taken in restoration applications must be evaluated not only aesthetically or structurally but also in terms of long-term performance and durability.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    Material selection is one of the most critical technical stages of this process. Choices made without considering original material properties can negatively affect processes such as moisture transfer, salt movements, and mechanical stresses, leading to the emergence of new deterioration mechanisms. Therefore, material decisions must be made through a systematic and data-driven evaluation process.\n                <\/p>\n\n                <!-- 2. Diagnosis -->\n                <h3 class=\"hmsa-subhead\">2. Diagnosis: Reading the Structure and Material<\/h3>\n                <p class=\"hmsa-text\">\n                    The first step of the right material decision is recognizing the structure to be intervened upon. The diagnosis process must rely not only on observation but on scientific and historical data.\n                <\/p>\n                \n                <p class=\"hmsa-text\"><strong>2.1. Historical and Structural Context of the Building<\/strong><\/p>\n                <ul class=\"hmsa-list\">\n                    <li>Construction period and technique<\/li>\n                    <li>Original parts and subsequent period additions<\/li>\n                    <li>Previous interventions experienced by the structure<\/li>\n                <\/ul>\n\n                <p class=\"hmsa-text\"><strong>2.2. Condition of Existing Material<\/strong><\/p>\n                <ul class=\"hmsa-list\">\n                    <li>Type of main materials (stone, brick, mortar, etc.)<\/li>\n                    <li>Deterioration mechanisms (efflorescence, biological growth, carbonation, etc.)<\/li>\n                    <li>Breathability and moisture balance of the material<\/li>\n                <\/ul>\n                <p class=\"hmsa-text\">\n                    Every application where the diagnosis phase is skipped renders the intervention hypothetical.\n                <\/p>\n\n                <!-- 3. Analysis -->\n                <h3 class=\"hmsa-subhead\">3. Analysis: Generating Data-Driven Decisions<\/h3>\n                <p class=\"hmsa-text\">\n                    Information obtained from diagnosis is interpreted during the analysis process. Analysis consists not only of laboratory tests but also covers the material's relationship with the environment and the structure as a whole.\n                <\/p>\n\n                <p class=\"hmsa-text\"><strong>3.1. Material Compatibility Analysis<\/strong><\/p>\n                <ul class=\"hmsa-list\">\n                    <li>Physical compatibility of the new material with the original material<\/li>\n                    <li>Mechanical strength balance<\/li>\n                    <li>Risks of chemical interaction<\/li>\n                <\/ul>\n\n                <p class=\"hmsa-text\"><strong>3.2. Impact Area of the Intervention<\/strong><\/p>\n                <ul class=\"hmsa-list\">\n                    <li>Short, medium, and long-term effects<\/li>\n                    <li>Reversibility of the intervention<\/li>\n                    <li>Impact on possible future interventions<\/li>\n                <\/ul>\n                <p class=\"hmsa-text\">\n                    Analyses performed at this stage ensure the selection of the \"most compatible\" material, not necessarily the \"strongest\" one.\n                <\/p>\n\n                <!-- 4. Intervention -->\n                <h3 class=\"hmsa-subhead\">4. Intervention: Material Selection in Light of Technical Criteria<\/h3>\n                <p class=\"hmsa-text\">\n                    The intervention phase involves transferring the data obtained during the diagnosis and analysis process into practice. At this stage, the selected material must not only repair the existing damage but also ensure long-term compatibility with the original material of the structure. A technically correct material selection must observe the following criteria:\n                <\/p>\n                <ul class=\"hmsa-list\">\n                    <li><strong>Physical Compatibility:<\/strong> Properties such as density, porosity, and water vapor permeability must be balanced with the original material.<\/li>\n                    <li><strong>Mechanical Balance:<\/strong> The new material should be neither more rigid nor significantly weaker than the original material.<\/li>\n                    <li><strong>Chemical Compatibility:<\/strong> Salt crystallization and reaction risks must be minimized.<\/li>\n                    <li><strong>Reversibility:<\/strong> The intervention must be removable or replaceable in the future without causing damage.<\/li>\n                <\/ul>\n                <p class=\"hmsa-text\">\n                    These criteria aim for the intervention to slow down deterioration processes without creating an additional load on the structure.\n                <\/p>\n\n                <!-- 6. Conclusion -->\n                <h3 class=\"hmsa-subhead\">6. Conclusion<\/h3>\n                <p class=\"hmsa-text\">\n                    Making the right material decision in cultural assets is not just a technical preference regarding the application phase; it is a strategic decision directly affecting the historical continuity, authenticity, and long-term performance of the structure. Interventions made without reliance on scientific data and without sufficient analysis of the structure\u2013material\u2013environment relationship may provide visual improvement in the short term, but they accelerate deterioration processes in the medium and long term, often causing irreversible damage.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    The Diagnosis\u2013Analysis\u2013Intervention methodology discussed in this study aims to minimize the margin of error by systematizing the decision-making process in restoration applications. While the diagnosis phase holistically reveals the historical stratification and existing deterioration mechanisms of the structure, the analysis process offers the opportunity to evaluate the physical, mechanical, and chemical compatibility between the original material and the new intervention material through measurable data. The intervention phase ensures that these data are transferred to the field and the application is carried out in a controlled manner.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    Current conservation theories accept that every intervention applied to cultural heritage structures should be reversible, distinguishable, and minimal as a fundamental principle. In this context, correct material selection should be evaluated based on harmony with the original texture, adaptation to environmental conditions, and long-term performance, rather than criteria of high strength or modernity.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    In conclusion, the Diagnosis\u2013Analysis\u2013Intervention approach offers not only a technical method in the conservation of cultural assets but also a framework that strengthens scientific and ethical responsibility awareness. When the right material is determined within the right context, with interdisciplinary knowledge and a critical evaluation process, it will be possible to transmit cultural heritage to future generations healthily.\n                <\/p>\n\n                <!-- REFERENCES -->\n                <div class=\"hmsa-ref-section\">\n                    <span class=\"hmsa-ref-title\">References<\/span>\n                    <ul class=\"hmsa-ref-list\">\n                        <li>1. Brandi, C. (2005). <em>Theory of Restoration<\/em>. (Trans. C. Rockwell), Nardini Editore.<\/li>\n                        <li>2. Torraca, G. (2009). <em>Lectures on Materials Science of Heritage Conservation<\/em>. Getty Conservation Institute.<\/li>\n                        <li>3. Jokilehto, J. (1999). <em>A History of Architectural Conservation<\/em>. Butterworth-Heinemann.<\/li>\n                        <li>4. Ahunbay, Z. (2019). <em>Tarihi \u00c7evre Koruma ve Restorasyon<\/em> (Conservation of Historical Environment and Restoration). YEM Yay\u0131n.<\/li>\n                        <li>5. Eri\u00e7, M. (1994). <em>Yap\u0131 Fizi\u011fi ve Malzemesi<\/em> (Building Physics and Materials). Literat\u00fcr Yay\u0131nc\u0131l\u0131k.<\/li>\n                        <li>6. Mora, P., Mora, L., & Philippot, P. (1984). <em>Conservation of Wall Paintings<\/em>. Butterworths.<\/li>\n                        <li>7. ICOMOS. (1964). <em>The Venice Charter: International Charter for the Conservation and Restoration of Monuments and Sites<\/em>.<\/li>\n                    <\/ul>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    `;\n\n    \/\/ C. INITIALIZATION AND LOGIC\n    function initHmsaSystemMaterialEn() {\n        \/\/ 1. Inject HTML and CSS if not present\n        if (!document.getElementById('hmsa-modal-root-material-en')) {\n            document.head.insertAdjacentHTML('beforeend', hmsaStyles);\n            document.body.insertAdjacentHTML('beforeend', hmsaModalHtml);\n        }\n\n        \/\/ 2. Define Elements\n        const triggerCard = document.getElementById('hmsa-trigger-card-material-en');\n        const modalRoot = document.getElementById('hmsa-modal-root-material-en');\n        const closeBtn = document.getElementById('hmsa-close-action-material-en');\n\n        \/\/ 3. Click Events\n        function openModal(e) {\n            \/\/ If clicking the link, do not open popup\n            if (e.target.classList.contains('hmsa-page-link')) {\n                return;\n            }\n            e.preventDefault();\n            modalRoot.classList.add('active');\n            document.body.style.overflow = 'hidden'; \n        }\n\n        if (triggerCard) {\n            triggerCard.addEventListener('click', openModal);\n        }\n\n        function closeModal() {\n            modalRoot.classList.remove('active');\n            document.body.style.overflow = '';\n        }\n\n        if (closeBtn) closeBtn.addEventListener('click', closeModal);\n\n        \/\/ Close with ESC Key\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape' && modalRoot.classList.contains('active')) {\n                closeModal();\n            }\n        });\n    }\n\n    \/\/ D. Run on Load\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initHmsaSystemMaterialEn);\n    } else {\n        initHmsaSystemMaterialEn();\n    }\n\n})();\n<\/script>\n<!-- =================== HMSA ACADEMY: FULL TEXT CARD END ======================= -->\n\n\n\n<!-- ============================================================================== -->\n<!-- =================== HMSA ACADEMY: INTERVENTION THRESHOLD CARD START ========== -->\n<!-- ============================================================================== -->\n\n<!-- 1. VISIBLE CARD PART (Summary card on the site) -->\n<div id=\"hmsa-trigger-card-esik\" class=\"hmsa-card-wrapper\">\n    <div class=\"hmsa-card-meta\">HMSA ACADEMY: CONSERVATION THEORY &#038; ETHICS<\/div>\n    <h2 class=\"hmsa-card-title\">Intervention Threshold in Conservation: How Much Should We Touch the Structure?<\/h2>\n    <p class=\"hmsa-card-desc\">\n        The fundamental question in restoration is not only what to do, but when, on what scale, and within what limits to intervene. This article focuses on the concept of the &#8220;intervention threshold,&#8221; which determines the direction of the restoration process.\n    <\/p>\n    \n    <!-- BUTTON GROUP -->\n    <div class=\"hmsa-action-group\">\n        <!-- Popup Open Button -->\n        <button class=\"hmsa-read-btn\">Qu\u0131ck Read (Popup) &rarr;<\/button>\n        \n        <!-- Page Link (Optional - Update href for English page) -->\n        <a href=\"https:\/\/www.letoon.com.tr\/intervention-threshold-in-conservation-how-much-should-we-touch-the-structure\/\" class=\"hmsa-page-link\">Read on Page &nearr;<\/a>\n    <\/div>\n<\/div>\n\n<!-- 2. SYSTEM SCRIPT (All Content, Design, and Functions Packed Here) -->\n<script>\n(function() {\n    \/* \n       HMSA MODAL SYSTEM - INTERVENTION THRESHOLD VERSION (ENGLISH)\n       IDs have \"-esik\" suffix to prevent conflicts.\n       Theme Color: Red (#ba372a)\n    *\/\n\n    \/\/ A. CSS STYLES\n    const hmsaStylesEsik = `\n        <style>\n            \/* --- CARD STYLES --- *\/\n            #hmsa-trigger-card-esik {\n                font-family: 'Segoe UI', Arial, sans-serif;\n                background: #fff; border-radius: 8px; padding: 30px;\n                box-shadow: 0 5px 20px rgba(0,0,0,0.08); \n                border-left: 5px solid #ba372a; \/* Red Theme *\/\n                cursor: pointer; transition: transform 0.3s ease; max-width: 800px; margin: 40px auto;\n                box-sizing: border-box; display: block; position: relative; z-index: 1;\n            }\n            #hmsa-trigger-card-esik:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.12); }\n            \n            #hmsa-trigger-card-esik .hmsa-card-meta { font-size: 11px; color: #999; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }\n            #hmsa-trigger-card-esik .hmsa-card-title { font-size: 24px; color: #222; font-weight: 800; margin: 0 0 15px 0; line-height: 1.3; }\n            #hmsa-trigger-card-esik .hmsa-card-desc { font-size: 15px; color: #666; line-height: 1.5; margin: 0 0 20px 0; text-align: justify; }\n\n            \/* Button Group *\/\n            #hmsa-trigger-card-esik .hmsa-action-group {\n                display: flex; align-items: center; gap: 20px;\n                margin-top: 25px; border-top: 1px solid #f0f0f0; padding-top: 20px;\n            }\n            #hmsa-trigger-card-esik .hmsa-read-btn { \n                background: #ba372a; border: none; color: #fff; font-weight: 700; font-size: 13px; \n                cursor: pointer; padding: 10px 20px; border-radius: 4px; text-transform: uppercase; \n                transition: background 0.3s;\n            }\n            #hmsa-trigger-card-esik .hmsa-read-btn:hover { background: #962a1f; }\n            #hmsa-trigger-card-esik .hmsa-page-link {\n                text-decoration: none; color: #555; font-size: 13px; font-weight: 600;\n                border-bottom: 1px solid transparent; transition: all 0.3s; text-transform: uppercase;\n            }\n            #hmsa-trigger-card-esik .hmsa-page-link:hover { color: #ba372a; border-bottom: 1px solid #ba372a; }\n\n            \/* --- MODAL (POPUP) STYLES --- *\/\n            #hmsa-modal-root-esik {\n                position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n                background-color: rgba(255,255,255,0.99); z-index: 2147483647; \n                opacity: 0; visibility: hidden; transition: opacity 0.3s ease;\n                overflow-y: auto; -webkit-overflow-scrolling: touch;\n                font-family: 'Segoe UI', Arial, sans-serif; box-sizing: border-box;\n            }\n            #hmsa-modal-root-esik.active { opacity: 1; visibility: visible; }\n            #hmsa-modal-root-esik * { box-sizing: border-box; }\n\n            .hmsa-content-container-esik {\n                max-width: 800px; margin: 60px auto 100px auto; padding: 0 30px;\n                color: #333; transform: translateY(20px); transition: transform 0.4s ease;\n            }\n            #hmsa-modal-root-esik.active .hmsa-content-container-esik { transform: translateY(0); }\n\n            .hmsa-close-btn-esik {\n                position: fixed; top: 25px; right: 30px; font-size: 45px; color: #ccc;\n                background: transparent; border: none; cursor: pointer; z-index: 2147483648;\n                line-height: 1; transition: color 0.3s;\n            }\n            .hmsa-close-btn-esik:hover { color: #ba372a; }\n\n            \/* Typography *\/\n            .hmsa-header-meta-esik { font-size:12px; color:#ba372a; font-weight:bold; text-transform:uppercase; margin-bottom:10px; }\n            .hmsa-article-title-esik { font-size: 32px; font-weight: 800; color: #111; line-height: 1.3; margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 20px; }\n            \n            .hmsa-author-esik { \n                font-size: 15px; color: #555; margin-bottom: 30px; display: block; font-weight: 400;\n            }\n            .hmsa-author-esik strong { color: #ba372a; font-weight: 700; }\n\n            \/* Abstract Box *\/\n            .hmsa-abstract-box-esik {\n                background-color: #f9f9f9;\n                border-left: 4px solid #ba372a;\n                padding: 20px 25px;\n                margin-bottom: 30px;\n                border-radius: 0 4px 4px 0;\n            }\n            .hmsa-abstract-text-esik { font-size: 16px; line-height: 1.6; color: #555; font-style: italic; margin: 0; text-align: justify; }\n\n            \/* Headings and Text *\/\n            .hmsa-subhead-esik { \n                font-size: 22px; font-weight: 700; color: #ba372a; \n                margin-top: 40px; margin-bottom: 15px; \n                border-bottom: 1px solid #f0f0f0; padding-bottom: 8px; \n                display:block; \n            }\n            .hmsa-text-esik { font-size: 18px; line-height: 1.8; color: #222; margin-bottom: 25px; text-align: justify; }\n            .hmsa-text-esik strong { font-weight: 700; color: #333; }\n\n            \/* Lists *\/\n            .hmsa-list-esik { list-style: disc; padding-left: 20px; margin: 20px 0 30px 20px; }\n            .hmsa-list-esik li { \n                margin-bottom: 10px; font-size: 18px; line-height: 1.6; color: #333; text-align: justify;\n            }\n\n            \/* References *\/\n            .hmsa-ref-section-esik { margin-top: 80px; padding-top: 30px; border-top: 2px solid #eee; background: #fafafa; padding: 30px; border-radius: 8px; }\n            .hmsa-ref-title-esik { font-weight: 800; color: #333; margin-bottom: 15px; display: block; font-size: 18px; }\n            .hmsa-ref-list-esik { list-style: none; padding: 0; }\n            .hmsa-ref-list-esik li { margin-bottom: 10px; font-size: 14px; text-align: left; color: #555; line-height: 1.5; }\n\n            @media (max-width: 800px) {\n                #hmsa-trigger-card-esik { width: 92%; margin: 20px auto; }\n                #hmsa-trigger-card-esik .hmsa-action-group { flex-direction: column; align-items: flex-start; gap: 15px; }\n                .hmsa-content-container-esik { margin-top: 60px; padding: 0 20px; }\n                .hmsa-close-btn-esik { top: 15px; right: 20px; }\n                .hmsa-article-title-esik { font-size: 24px; }\n                .hmsa-text-esik { font-size: 16px; }\n            }\n        <\/style>\n    `;\n\n    \/\/ B. MODAL HTML CONTENT (FULL TEXT)\n    const hmsaModalHtmlEsik = `\n        <div id=\"hmsa-modal-root-esik\">\n            <button class=\"hmsa-close-btn-esik\" id=\"hmsa-close-action-esik\">&times;<\/button>\n            \n            <div class=\"hmsa-content-container-esik\">\n                <div class=\"hmsa-header-meta-esik\">RESTORATION & ETHICS<\/div>\n                \n                <!-- TITLE -->\n                <h1 class=\"hmsa-article-title-esik\">The Intervention Threshold in Conservation: How Much Should We Touch the Structure?<\/h1>\n                \n                <!-- AUTHOR \/ AFFILIATION -->\n                <div class=\"hmsa-author-esik\">\n                    Author: <strong>M\u00fcge G\u00fcnel<\/strong> <span> \/\/ M.Arch & Restoration Specialist<\/span>\n                <\/div>\n\n                <!-- INTRODUCTION (Abstract Box) -->\n                <div class=\"hmsa-abstract-box-esik\">\n                    <h3 style=\"margin-top:0; color:#ba372a; font-size:18px; margin-bottom:10px;\">Introduction<\/h3>\n                    <p class=\"hmsa-abstract-text-esik\">\n                        The restoration process in cultural heritage structures is an interdisciplinary decision-making field shaped by the delicate balance between intervention and abstention. Every intervention made to preserve the structure also carries potential risks regarding the structure's authenticity and historical integrity. Therefore, the fundamental question in restoration is not only what to do, but when, on what scale, and within what limits to intervene.\n                    <\/p>\n                    <p class=\"hmsa-abstract-text-esik\" style=\"margin-top:10px;\">\n                        This article focuses on a fundamental concept that often remains implicit but determines the direction of the restoration process: the intervention threshold. The intervention threshold defines the boundary between interventions necessary for the preservation of the structure and applications that might damage its authenticity.\n                    <\/p>\n                <\/div>\n                \n                <!-- 1. What is the Intervention Threshold? -->\n                <h3 class=\"hmsa-subhead-esik\">What is the Intervention Threshold?<\/h3>\n                <p class=\"hmsa-text-esik\">\n                    The intervention threshold is a conceptual and technical framework that determines the necessity level, scope, and limits of an application to be carried out on a cultural asset. This concept allows the restoration process to be evaluated not only through the operations to be applied but also through the necessity, timing, and even the possibility of non-intervention. Thus, restoration ceases to be a practice based solely on application and becomes an analytical and ethical decision-making process.\n                <\/p>\n                <p class=\"hmsa-text-esik\">\n                    The intervention threshold considers not only the current physical condition of the structure but also its historical, aesthetic, documentary, and usage values. Therefore, intervention decisions made without evaluating the type of decay, its spreading pattern, progression rate, and impact on the whole structure\u2014rather than just the existence of decay\u2014contradict conservation principles. Ignoring the intervention threshold often leads to excessive, incorrectly scaled, or untimely applications.\n                <\/p>\n                <p class=\"hmsa-text-esik\">\n                    Not every decay requires direct intervention. Some surface marks, material aging, and irregularities emerge as natural results of historical processes, usage habits, and environmental conditions. Such traces should be evaluated as important data documenting the lived experience and continuity of the structure.\n                <\/p>\n                <p class=\"hmsa-text-esik\">\n                    The concept of the intervention threshold plays a decisive role at this very point. Distinguishing which traces are historical layers to be preserved and which require technical intervention due to threats to structural integrity, material durability, or long-term preservation is only possible when this threshold is correctly defined. Thus, the restoration process transforms into a conscious conservation practice that proceeds by reading, sorting, and setting limits, rather than erasing and renewing.\n                <\/p>\n\n                <!-- 2. The Decision Not to Intervene is a Choice -->\n                <h3 class=\"hmsa-subhead-esik\">The Decision Not to Intervene is a Choice<\/h3>\n                <p class=\"hmsa-text-esik\">\n                    One of the hardest but most necessary decisions in restoration practice is choosing not to intervene. A common error observed in current practices is the assumption that every technical problem must be solved with an application. This approach contradicts the fundamental principles of the conservation discipline by making the intervention itself the goal.\n                <\/p>\n                <p class=\"hmsa-text-esik\">\n                    However, in conservation theory, the decision not to intervene is a conscious choice that includes strategies such as accepting the current state of the structure, monitoring decay, and postponing intervention. This decision represents an approach that;\n                <\/p>\n                <ul class=\"hmsa-list-esik\">\n                    <li>Preserves the structure's authenticity and historical layers,<\/li>\n                    <li>Reduces the risks of irreversible applications,<\/li>\n                    <li>Enables the transfer of more data, traces, and materials to future generations.<\/li>\n                <\/ul>\n                <p class=\"hmsa-text-esik\">\n                    Therefore, the decision not to intervene is not passivity or negligence; on the contrary, it is an active conservation attitude requiring a high level of knowledge, analysis, foresight, and ethical responsibility.\n                <\/p>\n\n                <!-- 3. Technical Data and Analysis Process -->\n                <h3 class=\"hmsa-subhead-esik\">Technical Data and Analysis Process<\/h3>\n                <p class=\"hmsa-text-esik\">\n                    To correctly define the intervention threshold, decisions must be based on data-driven analyses rather than just visual observation. On-site examinations should be supported by moisture measurements, salt detection, mapping of surface deterioration, reading of material layers, and evaluation of traces of previous interventions.\n                <\/p>\n                <p class=\"hmsa-text-esik\">\n                    These preliminary assessments determine the limits of intervention as well as its necessity. When necessary, laboratory analyses should clarify;\n                <\/p>\n                <ul class=\"hmsa-list-esik\">\n                    <li>Binder and aggregate types,<\/li>\n                    <li>Salt components and crystallization mechanisms,<\/li>\n                    <li>Material degradation processes.<\/li>\n                <\/ul>\n                <p class=\"hmsa-text-esik\">\n                    The obtained technical data moves the intervention decision away from subjective judgments to a scientific ground. Applications not based on the analysis process often produce temporary solutions and cannot go beyond postponing decay processes.\n                <\/p>\n\n                <!-- 4. Sustainability and Intervention Limits -->\n                <h3 class=\"hmsa-subhead-esik\">Sustainability and Intervention Limits<\/h3>\n                <p class=\"hmsa-text-esik\">\n                    The sustainable restoration approach is not limited to the environmental impacts of the materials used. The level of intervention, the compatibility of chosen methods with the structure, and the reversibility of applications are also among the fundamental components of this approach.\n                <\/p>\n                <p class=\"hmsa-text-esik\">\n                    Excessive, unnecessary, or poorly timed interventions, even if they yield successful short-term results, weaken the structure's protectability in the long run. Such applications negatively affect both the authenticity of the structure and the sustainable use of resources by increasing the frequency of maintenance and renewal cycles.\n                <\/p>\n                <p class=\"hmsa-text-esik\">\n                    Therefore, the intervention threshold should be evaluated as the concrete equivalent of sustainability in restoration practice. A correctly defined intervention limit ensures both the long-term preservation of the structure and keeps intervention possibilities open for future generations.\n                <\/p>\n\n                <!-- 5. Conclusion -->\n                <h3 class=\"hmsa-subhead-esik\">Conclusion<\/h3>\n                <p class=\"hmsa-text-esik\">\n                    Restoration in cultural heritage structures is defined not by the intensity of application but by the ability to stop at the right place. The concept of the intervention threshold carries restoration beyond being a technical operation, making it a scientific and ethical decision-making process.\n                <\/p>\n                <p class=\"hmsa-text-esik\">\n                    The real responsibility in restoration is to evaluate not only how much we can intervene in the structure but also how much we should *not* intervene. Success in conservation is often hidden in what is consciously not done, rather than what is done.\n                <\/p>\n\n                <!-- REFERENCES -->\n                <div class=\"hmsa-ref-section-esik\">\n                    <span class=\"hmsa-ref-title-esik\">References<\/span>\n                    <ul class=\"hmsa-ref-list-esik\">\n                        <li>ICOMOS. Principles for the Analysis, Conservation and Structural Restoration of Architectural Heritage. 2003.<\/li>\n                        <li>Jokilehto, J. A History of Architectural Conservation. Routledge, 1999.<\/li>\n                        <li>Feilden, B. M. Conservation of Historic Buildings. Architectural Press, 2003.<\/li>\n                        <li>Brandi, C. Theory of Restoration. Nardini Editore, 2005.<\/li>\n                        <li>Ashurst, J., & Ashurst, N. Practical Building Conservation. English Heritage Series, 1988\u20131998.<\/li>\n                        <li>Torraca, G. Lectures on Materials Science for Architectural Conservation. ICCROM, 2009.<\/li>\n                        <li>Stanley-Price, N. (ed.). Conservation: Principles, Dilemmas and Uncomfortable Truths. ICCROM, 2009.<\/li>\n                        <li>Matero, F. G. \u201cLoss, Compensation, and Authenticity in Architectural Conservation.\u201d Journal of the Society of Architectural Historians, 1993.<\/li>\n                        <li>Mu\u00f1oz Vi\u00f1as, S. Contemporary Theory of Conservation. Routledge, 2005.<\/li>\n                    <\/ul>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    `;\n\n    \/\/ C. INITIALIZATION AND CONTROL LOGIC\n    function initHmsaSystemEsik() {\n        \/\/ 1. Inject CSS and HTML if not already present\n        if (!document.getElementById('hmsa-modal-root-esik')) {\n            document.head.insertAdjacentHTML('beforeend', hmsaStylesEsik);\n            document.body.insertAdjacentHTML('beforeend', hmsaModalHtmlEsik);\n        }\n\n        \/\/ 2. Define Elements\n        const triggerCard = document.getElementById('hmsa-trigger-card-esik');\n        const modalRoot = document.getElementById('hmsa-modal-root-esik');\n        const closeBtn = document.getElementById('hmsa-close-action-esik');\n\n        \/\/ 3. Event Listeners\n        function openModal(e) {\n            \/\/ Prevent popup if clicking the specific page link\n            if (e.target.classList.contains('hmsa-page-link')) {\n                return;\n            }\n            e.preventDefault();\n            modalRoot.classList.add('active');\n            document.body.style.overflow = 'hidden'; \/\/ Prevent background scrolling\n        }\n\n        if (triggerCard) {\n            triggerCard.addEventListener('click', openModal);\n        }\n\n        function closeModal() {\n            modalRoot.classList.remove('active');\n            document.body.style.overflow = '';\n        }\n\n        \/\/ Close button control\n        const freshCloseBtn = document.getElementById('hmsa-close-action-esik');\n        if (freshCloseBtn) freshCloseBtn.addEventListener('click', closeModal);\n\n        \/\/ Close with ESC Key\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape' && modalRoot.classList.contains('active')) {\n                closeModal();\n            }\n        });\n    }\n\n    \/\/ D. Run on Page Load\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initHmsaSystemEsik);\n    } else {\n        initHmsaSystemEsik();\n    }\n\n})();\n<\/script>\n<!-- =================== HMSA ACADEMY: INTERVENTION THRESHOLD CARD END ============ -->\n\n\n\n<!-- ============================================================================== -->\n<!-- =================== HMSA ACADEMY: DOCUMENTATION CARD START =================== -->\n<!-- ============================================================================== -->\n\n<!-- 1. VISIBLE CARD SECTION (The summary card on the site) -->\n<div id=\"hmsa-trigger-card-belgeleme\" class=\"hmsa-card-wrapper\">\n    <div class=\"hmsa-card-meta\">HMSA ACADEMY: DOCUMENTATION &#038; ANALYSIS<\/div>\n    <h2 class=\"hmsa-card-title\">Documentation and Reading in Conservation Decisions: What Does the Structure Say, When Does Intervention Begin?<\/h2>\n    <p class=\"hmsa-card-desc\">\n        Documentation is not merely a technical process of recording the structure&#8217;s current state; it is an active decision-making mechanism that defines the limits of intervention. This article discusses the risks and ethical dimensions of interventions initiated without reading the structure.\n    <\/p>\n    \n    <!-- BUTTON GROUP -->\n    <div class=\"hmsa-action-group\">\n        <!-- Button to Open Popup -->\n        <button class=\"hmsa-read-btn\">Qu\u0131ck Read (Popup) &rarr;<\/button>\n        \n        <!-- Link to Full Page (Optional) -->\n        <a href=\"https:\/\/www.letoon.com.tr\/eng\/documentation-and-reading-in-conservation-decisions-what-does-the-structure-say-when-does-intervention-begin\/\" class=\"hmsa-page-link\">Read on Page &nearr;<\/a>\n    <\/div>\n<\/div>\n\n<!-- 2. SYSTEM SCRIPT (Content, Design, and Functions) -->\n<script>\n(function() {\n    \/* \n       HMSA MODAL SYSTEM - DOCUMENTATION VERSION (ENGLISH)\n       IDs have the \"-belgeleme\" suffix to prevent conflicts.\n       Theme Color: Red (#ba372a)\n    *\/\n\n    \/\/ A. CSS STYLES\n    const hmsaStylesBelgeleme = `\n        <style>\n            \/* --- CARD STYLES --- *\/\n            #hmsa-trigger-card-belgeleme {\n                font-family: 'Segoe UI', Arial, sans-serif;\n                background: #fff; border-radius: 8px; padding: 30px;\n                box-shadow: 0 5px 20px rgba(0,0,0,0.08); \n                border-left: 5px solid #ba372a; \/* Red Theme *\/\n                cursor: pointer; transition: transform 0.3s ease; max-width: 800px; margin: 40px auto;\n                box-sizing: border-box; display: block; position: relative; z-index: 1;\n            }\n            #hmsa-trigger-card-belgeleme:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.12); }\n            \n            #hmsa-trigger-card-belgeleme .hmsa-card-meta { font-size: 11px; color: #999; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }\n            #hmsa-trigger-card-belgeleme .hmsa-card-title { font-size: 24px; color: #222; font-weight: 800; margin: 0 0 15px 0; line-height: 1.3; }\n            #hmsa-trigger-card-belgeleme .hmsa-card-desc { font-size: 15px; color: #666; line-height: 1.5; margin: 0 0 20px 0; text-align: justify; }\n\n            \/* Button Group *\/\n            #hmsa-trigger-card-belgeleme .hmsa-action-group {\n                display: flex; align-items: center; gap: 20px;\n                margin-top: 25px; border-top: 1px solid #f0f0f0; padding-top: 20px;\n            }\n            #hmsa-trigger-card-belgeleme .hmsa-read-btn { \n                background: #ba372a; border: none; color: #fff; font-weight: 700; font-size: 13px; \n                cursor: pointer; padding: 10px 20px; border-radius: 4px; text-transform: uppercase; \n                transition: background 0.3s;\n            }\n            #hmsa-trigger-card-belgeleme .hmsa-read-btn:hover { background: #962a1f; }\n            #hmsa-trigger-card-belgeleme .hmsa-page-link {\n                text-decoration: none; color: #555; font-size: 13px; font-weight: 600;\n                border-bottom: 1px solid transparent; transition: all 0.3s; text-transform: uppercase;\n            }\n            #hmsa-trigger-card-belgeleme .hmsa-page-link:hover { color: #ba372a; border-bottom: 1px solid #ba372a; }\n\n            \/* --- MODAL (POPUP) STYLES --- *\/\n            #hmsa-modal-root-belgeleme {\n                position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n                background-color: rgba(255,255,255,0.99); z-index: 2147483647; \n                opacity: 0; visibility: hidden; transition: opacity 0.3s ease;\n                overflow-y: auto; -webkit-overflow-scrolling: touch;\n                font-family: 'Segoe UI', Arial, sans-serif; box-sizing: border-box;\n            }\n            #hmsa-modal-root-belgeleme.active { opacity: 1; visibility: visible; }\n            #hmsa-modal-root-belgeleme * { box-sizing: border-box; }\n\n            .hmsa-content-container-belgeleme {\n                max-width: 800px; margin: 60px auto 100px auto; padding: 0 30px;\n                color: #333; transform: translateY(20px); transition: transform 0.4s ease;\n            }\n            #hmsa-modal-root-belgeleme.active .hmsa-content-container-belgeleme { transform: translateY(0); }\n\n            .hmsa-close-btn-belgeleme {\n                position: fixed; top: 25px; right: 30px; font-size: 45px; color: #ccc;\n                background: transparent; border: none; cursor: pointer; z-index: 2147483648;\n                line-height: 1; transition: color 0.3s;\n            }\n            .hmsa-close-btn-belgeleme:hover { color: #ba372a; }\n\n            \/* Typography *\/\n            .hmsa-header-meta-belgeleme { font-size:12px; color:#ba372a; font-weight:bold; text-transform:uppercase; margin-bottom:10px; }\n            .hmsa-article-title-belgeleme { font-size: 32px; font-weight: 800; color: #111; line-height: 1.3; margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 20px; }\n            \n            .hmsa-author-belgeleme { \n                font-size: 15px; color: #555; margin-bottom: 30px; display: block; font-weight: 400;\n            }\n            .hmsa-author-belgeleme strong { color: #ba372a; font-weight: 700; }\n\n            \/* Abstract Box *\/\n            .hmsa-abstract-box-belgeleme {\n                background-color: #f9f9f9;\n                border-left: 4px solid #ba372a;\n                padding: 20px 25px;\n                margin-bottom: 30px;\n                border-radius: 0 4px 4px 0;\n            }\n            .hmsa-abstract-text-belgeleme { font-size: 16px; line-height: 1.6; color: #555; font-style: italic; margin: 0; text-align: justify; }\n\n            \/* Headings and Text *\/\n            .hmsa-subhead-belgeleme { \n                font-size: 22px; font-weight: 700; color: #ba372a; \n                margin-top: 40px; margin-bottom: 15px; \n                border-bottom: 1px solid #f0f0f0; padding-bottom: 8px; \n                display:block; \n            }\n            .hmsa-text-belgeleme { font-size: 18px; line-height: 1.8; color: #222; margin-bottom: 25px; text-align: justify; }\n            .hmsa-text-belgeleme strong { font-weight: 700; color: #333; }\n\n            \/* Lists *\/\n            .hmsa-list-belgeleme { list-style: disc; padding-left: 20px; margin: 20px 0 30px 20px; }\n            .hmsa-list-belgeleme li { \n                margin-bottom: 10px; font-size: 18px; line-height: 1.6; color: #333; text-align: justify;\n            }\n\n            \/* References *\/\n            .hmsa-ref-section-belgeleme { margin-top: 80px; padding-top: 30px; border-top: 2px solid #eee; background: #fafafa; padding: 30px; border-radius: 8px; }\n            .hmsa-ref-title-belgeleme { font-weight: 800; color: #333; margin-bottom: 15px; display: block; font-size: 18px; }\n            .hmsa-ref-list-belgeleme { list-style: none; padding: 0; }\n            .hmsa-ref-list-belgeleme li { margin-bottom: 10px; font-size: 14px; text-align: left; color: #555; line-height: 1.5; }\n\n            @media (max-width: 800px) {\n                #hmsa-trigger-card-belgeleme { width: 92%; margin: 20px auto; }\n                #hmsa-trigger-card-belgeleme .hmsa-action-group { flex-direction: column; align-items: flex-start; gap: 15px; }\n                .hmsa-content-container-belgeleme { margin-top: 60px; padding: 0 20px; }\n                .hmsa-close-btn-belgeleme { top: 15px; right: 20px; }\n                .hmsa-article-title-belgeleme { font-size: 24px; }\n                .hmsa-text-belgeleme { font-size: 16px; }\n            }\n        <\/style>\n    `;\n\n    \/\/ B. MODAL HTML CONTENT (FULL TEXT - ENGLISH)\n    const hmsaModalHtmlBelgeleme = `\n        <div id=\"hmsa-modal-root-belgeleme\">\n            <button class=\"hmsa-close-btn-belgeleme\" id=\"hmsa-close-action-belgeleme\">&times;<\/button>\n            \n            <div class=\"hmsa-content-container-belgeleme\">\n                <div class=\"hmsa-header-meta-belgeleme\">RESTORATION & DOCUMENTATION<\/div>\n                \n                <!-- TITLE -->\n                <h1 class=\"hmsa-article-title-belgeleme\">Documentation and Reading in Conservation Decisions: What Does the Structure Say, When Does Intervention Begin?<\/h1>\n                \n                <!-- AUTHOR \/ INSTITUTION -->\n                <div class=\"hmsa-author-belgeleme\">\n                    Author: <strong>M\u00fcge G\u00fcnel<\/strong> <span> \/\/ Senior Architect & Restoration Specialist<\/span>\n                <\/div>\n\n                <!-- ABSTRACT BOX -->\n                <div class=\"hmsa-abstract-box-belgeleme\">\n                    <h3 style=\"margin-top:0; color:#ba372a; font-size:18px; margin-bottom:10px;\">Abstract<\/h3>\n                    <p class=\"hmsa-abstract-text-belgeleme\">\n                        This study addresses the processes of documentation and reading the structure, which are among the most critical stages of restoration in cultural heritage buildings, within the context of conservation decisions. The quality of data produced before intervention and how this data is interpreted directly determine the scope, method, and ethical limits of the restoration. Documentation is not just a technical stage recording the current state; it is an active mechanism questioning the necessity, timing, and limits of intervention. The study discusses the irreversible risks of interventions initiated without reading the structure and evaluates the relationship between documentation and intervention in light of conservation theory and international charters.\n                    <\/p>\n                <\/div>\n                \n                <!-- INTRODUCTION -->\n                <h3 class=\"hmsa-subhead-belgeleme\">Introduction<\/h3>\n                <p class=\"hmsa-text-belgeleme\">\n                    The restoration process in cultural heritage structures is not an application area defined solely by physical interventions. The process of documentation and \"reading the structure\" carried out before intervention constitutes the fundamental stages that determine the direction, limits, and ethical framework of the restoration. This process, which is less visible compared to the application, plays a decisive role in grounding conservation decisions on a scientific and sustainable basis.\n                <\/p>\n                <p class=\"hmsa-text-belgeleme\">\n                    Any intervention initiated without producing sufficient data about the structure and interpreting this data can irreversibly damage not only the physical integrity of the structure but also its historical, documentary, and cultural values. Therefore, the critical question in the restoration process is not <em>how<\/em> the intervention will be done, but <em>based on what information<\/em> and <em>when<\/em> it should be initiated.\n                <\/p>\n\n                <!-- DOCUMENTATION: DEFINITION, PURPOSE, AND SCOPE -->\n                <h3 class=\"hmsa-subhead-belgeleme\">Documentation: Definition, Purpose, and Scope<\/h3>\n                <p class=\"hmsa-text-belgeleme\">\n                    Documentation is the systematic recording of the current state of a cultural property. Survey drawings (r\u00f6l\u00f6ve), photographic records, written determinations, material and deterioration maps form the basic tools of this process. However, documentation should not be handled merely as a technical recording activity.\n                <\/p>\n                <p class=\"hmsa-text-belgeleme\">\n                    The documentation process aims to:\n                <\/p>\n                <ul class=\"hmsa-list-belgeleme\">\n                    <li>Understand the structure, not just freeze its current state,<\/li>\n                    <li>Limit the intervention, not legitimize it,<\/li>\n                    <li>Start the application at the right time, not speed it up.<\/li>\n                <\/ul>\n                <p class=\"hmsa-text-belgeleme\">\n                    In this aspect, documentation is not a passive preliminary stage of restoration but an active component of the direct decision-making process.\n                <\/p>\n\n                <!-- READING THE STRUCTURE -->\n                <h3 class=\"hmsa-subhead-belgeleme\">Reading the Structure: From Physical Traces to Historical Data<\/h3>\n                <p class=\"hmsa-text-belgeleme\">\n                    Reading the structure is not limited to detecting visible damages. Stratifications on wall surfaces, material differences, repair traces, and forms of deterioration provide important data regarding the phases the structure has undergone. These traces are often physical witnesses of historical processes not found in written sources.\n                <\/p>\n                <p class=\"hmsa-text-belgeleme\">\n                    Every irregularity or deterioration seen on the structure should be evaluated as data before being handled as a technical problem. This approach makes deterioration not just a defect to be fixed, but an element that produces information about the structure's past when read correctly.\n                <\/p>\n\n                <!-- RISKS OF INTERVENTION WITHOUT READING -->\n                <h3 class=\"hmsa-subhead-belgeleme\">Risks of Intervention Without Reading<\/h3>\n                <p class=\"hmsa-text-belgeleme\">\n                    Restoration applications initiated without sufficiently conducting the documentation and reading process often yield irreversible results. Incorrect periodization, loss of original material, and the production of artificial integrity are at the forefront of these risks.\n                <\/p>\n                <p class=\"hmsa-text-belgeleme\">\n                    Especially in multi-layered structures, when decisions regarding which period to preserve are made without sufficient reading, the structure is either reduced to a single period or hybrid solutions emerge that disrupt historical continuity. This situation weakens the documentary value of the structure while making the scientific quality of the restoration controversial.\n                <\/p>\n\n                <!-- THE ETHICAL RELATIONSHIP BETWEEN DOCUMENTATION AND INTERVENTION -->\n                <h3 class=\"hmsa-subhead-belgeleme\">The Ethical Relationship Between Documentation and Intervention<\/h3>\n                <p class=\"hmsa-text-belgeleme\">\n                    The documentation process functions not as the starter of intervention, but often as a factor that delays, narrows, and forces a rethinking of it. In this respect, documentation is a significant ethical balance element in restoration practice.\n                <\/p>\n                <p class=\"hmsa-text-belgeleme\">\n                    The scope and method of intervention can only become clear as a result of evaluating the data obtained through documentation. This relationship reveals that documentation is not a secondary tool serving the application, but a fundamental decision mechanism that guides and limits the intervention.\n                <\/p>\n\n                <!-- CONCLUSION -->\n                <h3 class=\"hmsa-subhead-belgeleme\">Conclusion<\/h3>\n                <p class=\"hmsa-text-belgeleme\">\n                    In the conservation of cultural heritage, the process of documentation and reading the structure is not the starting point of intervention; it is often a threshold area questioning the necessity of the intervention. Every application made without understanding what the structure says carries the risk of producing information loss, even if it bears a conservation purpose.\n                <\/p>\n                <p class=\"hmsa-text-belgeleme\">\n                    Therefore, success in restoration practice should be measured not only by correct applications but by the ability to stop, wait, and prioritize understanding at the right time. Intervention should begin only when the structure speaks and the obtained data make this intervention mandatory.\n                <\/p>\n\n                <!-- REFERENCES -->\n                <div class=\"hmsa-ref-section-belgeleme\">\n                    <span class=\"hmsa-ref-title-belgeleme\">References<\/span>\n                    <ul class=\"hmsa-ref-list-belgeleme\">\n                        <li>Ahunbay, Z. (2014). Tarihi \u00c7evre Koruma ve Restorasyon. Istanbul: YEM Yay\u0131n.<\/li>\n                        <li>Avrami, E., Mason, R., & de la Torre, M. (2000). Values and Heritage Conservation. Los Angeles: Getty Conservation Institute.<\/li>\n                        <li>Feilden, B. M. (2003). Conservation of Historic Buildings. Oxford: Architectural Press.<\/li>\n                        <li>ICOMOS. (1964). The Venice Charter.<\/li>\n                        <li>ICOMOS Australia. (2013). The Burra Charter.<\/li>\n                        <li>Jokilehto, J. (1999). A History of Architectural Conservation. Oxford.<\/li>\n                        <li>Mu\u00f1oz Vi\u00f1as, S. (2005). Contemporary Theory of Conservation. Oxford.<\/li>\n                    <\/ul>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    `;\n\n    \/\/ C. INITIALIZATION AND CONTROL LOGIC\n    function initHmsaSystemBelgeleme() {\n        \/\/ 1. Inject necessary CSS and HTML\n        if (!document.getElementById('hmsa-modal-root-belgeleme')) {\n            document.head.insertAdjacentHTML('beforeend', hmsaStylesBelgeleme);\n            document.body.insertAdjacentHTML('beforeend', hmsaModalHtmlBelgeleme);\n        }\n\n        \/\/ 2. Define Elements\n        const triggerCard = document.getElementById('hmsa-trigger-card-belgeleme');\n        const modalRoot = document.getElementById('hmsa-modal-root-belgeleme');\n        \n        \/\/ 3. Event Listeners\n        function openModal(e) {\n            if (e.target.classList.contains('hmsa-page-link')) {\n                return;\n            }\n            e.preventDefault();\n            modalRoot.classList.add('active');\n            document.body.style.overflow = 'hidden';\n        }\n\n        if (triggerCard) {\n            triggerCard.addEventListener('click', openModal);\n        }\n\n        function closeModal() {\n            modalRoot.classList.remove('active');\n            document.body.style.overflow = '';\n        }\n\n        const freshCloseBtn = document.getElementById('hmsa-close-action-belgeleme');\n        if (freshCloseBtn) freshCloseBtn.addEventListener('click', closeModal);\n\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape' && modalRoot.classList.contains('active')) {\n                closeModal();\n            }\n        });\n    }\n\n    \/\/ D. Run on Page Load\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initHmsaSystemBelgeleme);\n    } else {\n        initHmsaSystemBelgeleme();\n    }\n\n})();\n<\/script>\n<!-- =================== HMSA ACADEMY: DOCUMENTATION CARD END ===================== -->\n\n\n\n<!-- ============================================================================== -->\n<!-- =================== HMSA ACADEMY: CONSERVATION CARD START ==================== -->\n<!-- ============================================================================== -->\n\n<!-- 1. VISIBLE CARD PART (The summary card on the site) -->\n<div id=\"hmsa-trigger-card-koruma\" class=\"hmsa-card-wrapper\">\n    <div class=\"hmsa-card-meta\">HMSA ACADEMY: CONSERVATION CULTURE &#038; ETHICS<\/div>\n    <h2 class=\"hmsa-card-title\">Building Conservation Consciousness: The Social Value of Architectural Heritage, Intervention Ethics, and Sustainability<\/h2>\n    <p class=\"hmsa-card-desc\">\n        The conservation of architectural heritage implies not merely the repair of physical structures, but a multi-layered process encompassing the continuity of cultural identity, collective memory, and environmental responsibility. This study examines intervention principles and sustainability perspectives.\n    <\/p>\n    \n    <!-- BUTTON GROUP -->\n    <div class=\"hmsa-action-group\">\n        <!-- Popup Open Button -->\n        <button class=\"hmsa-read-btn\">Qu\u0131ck Read (Popup) &rarr;<\/button>\n        \n        <!-- Go to Page Link (Optional) -->\n        <a href=\"https:\/\/www.letoon.com.tr\/eng\/building-conservation-consciousness-the-social-value-of-architectural-heritage-intervention-ethics-and-sustainability\/\" class=\"hmsa-page-link\">Read on Page &nearr;<\/a>\n    <\/div>\n<\/div>\n\n<!-- 2. SYSTEM SCRIPT (Content, Design, and Functions) -->\n<script>\n(function() {\n    \/* \n       HMSA MODAL SYSTEM - CONSERVATION CONSCIOUSNESS VERSION (ENGLISH)\n       IDs are kept as \"-koruma\" to match your structure.\n       Theme Color: Red (#ba372a)\n    *\/\n\n    \/\/ A. CSS STYLES\n    const hmsaStylesKoruma = `\n        <style>\n            \/* --- CARD STYLES --- *\/\n            #hmsa-trigger-card-koruma {\n                font-family: 'Segoe UI', Arial, sans-serif;\n                background: #fff; border-radius: 8px; padding: 30px;\n                box-shadow: 0 5px 20px rgba(0,0,0,0.08); \n                border-left: 5px solid #ba372a; \/* Red Theme *\/\n                cursor: pointer; transition: transform 0.3s ease; max-width: 800px; margin: 40px auto;\n                box-sizing: border-box; display: block; position: relative; z-index: 1;\n            }\n            #hmsa-trigger-card-koruma:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.12); }\n            \n            #hmsa-trigger-card-koruma .hmsa-card-meta { font-size: 11px; color: #999; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }\n            #hmsa-trigger-card-koruma .hmsa-card-title { font-size: 24px; color: #222; font-weight: 800; margin: 0 0 15px 0; line-height: 1.3; }\n            #hmsa-trigger-card-koruma .hmsa-card-desc { font-size: 15px; color: #666; line-height: 1.5; margin: 0 0 20px 0; text-align: justify; }\n\n            \/* Button Group *\/\n            #hmsa-trigger-card-koruma .hmsa-action-group {\n                display: flex; align-items: center; gap: 20px;\n                margin-top: 25px; border-top: 1px solid #f0f0f0; padding-top: 20px;\n            }\n            #hmsa-trigger-card-koruma .hmsa-read-btn { \n                background: #ba372a; border: none; color: #fff; font-weight: 700; font-size: 13px; \n                cursor: pointer; padding: 10px 20px; border-radius: 4px; text-transform: uppercase; \n                transition: background 0.3s;\n            }\n            #hmsa-trigger-card-koruma .hmsa-read-btn:hover { background: #962a1f; }\n            #hmsa-trigger-card-koruma .hmsa-page-link {\n                text-decoration: none; color: #555; font-size: 13px; font-weight: 600;\n                border-bottom: 1px solid transparent; transition: all 0.3s; text-transform: uppercase;\n            }\n            #hmsa-trigger-card-koruma .hmsa-page-link:hover { color: #ba372a; border-bottom: 1px solid #ba372a; }\n\n            \/* --- MODAL (POPUP) STYLES --- *\/\n            #hmsa-modal-root-koruma {\n                position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n                background-color: rgba(255,255,255,0.99); z-index: 2147483647; \n                opacity: 0; visibility: hidden; transition: opacity 0.3s ease;\n                overflow-y: auto; -webkit-overflow-scrolling: touch;\n                font-family: 'Segoe UI', Arial, sans-serif; box-sizing: border-box;\n            }\n            #hmsa-modal-root-koruma.active { opacity: 1; visibility: visible; }\n            #hmsa-modal-root-koruma * { box-sizing: border-box; }\n\n            .hmsa-content-container-koruma {\n                max-width: 800px; margin: 60px auto 100px auto; padding: 0 30px;\n                color: #333; transform: translateY(20px); transition: transform 0.4s ease;\n            }\n            #hmsa-modal-root-koruma.active .hmsa-content-container-koruma { transform: translateY(0); }\n\n            .hmsa-close-btn-koruma {\n                position: fixed; top: 25px; right: 30px; font-size: 45px; color: #ccc;\n                background: transparent; border: none; cursor: pointer; z-index: 2147483648;\n                line-height: 1; transition: color 0.3s;\n            }\n            .hmsa-close-btn-koruma:hover { color: #ba372a; }\n\n            \/* Typography *\/\n            .hmsa-header-meta-koruma { font-size:12px; color:#ba372a; font-weight:bold; text-transform:uppercase; margin-bottom:10px; }\n            .hmsa-article-title-koruma { font-size: 32px; font-weight: 800; color: #111; line-height: 1.3; margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 20px; }\n            \n            .hmsa-author-koruma { \n                font-size: 15px; color: #555; margin-bottom: 30px; display: block; font-weight: 400;\n            }\n            .hmsa-author-koruma strong { color: #ba372a; font-weight: 700; }\n\n            \/* Abstract Box *\/\n            .hmsa-abstract-box-koruma {\n                background-color: #f9f9f9;\n                border-left: 4px solid #ba372a;\n                padding: 20px 25px;\n                margin-bottom: 30px;\n                border-radius: 0 4px 4px 0;\n            }\n            .hmsa-abstract-text-koruma { font-size: 16px; line-height: 1.6; color: #555; font-style: italic; margin: 0; text-align: justify; }\n\n            \/* Headings and Text *\/\n            .hmsa-subhead-koruma { \n                font-size: 22px; font-weight: 700; color: #ba372a; \n                margin-top: 40px; margin-bottom: 15px; \n                border-bottom: 1px solid #f0f0f0; padding-bottom: 8px; \n                display:block; \n            }\n            .hmsa-text-koruma { font-size: 18px; line-height: 1.8; color: #222; margin-bottom: 25px; text-align: justify; }\n            .hmsa-text-koruma strong { font-weight: 700; color: #333; }\n\n            \/* Lists *\/\n            .hmsa-list-koruma { list-style: disc; padding-left: 20px; margin: 20px 0 30px 20px; }\n            .hmsa-list-koruma li { \n                margin-bottom: 10px; font-size: 18px; line-height: 1.6; color: #333; text-align: justify;\n            }\n\n            \/* References *\/\n            .hmsa-ref-section-koruma { margin-top: 80px; padding-top: 30px; border-top: 2px solid #eee; background: #fafafa; padding: 30px; border-radius: 8px; }\n            .hmsa-ref-title-koruma { font-weight: 800; color: #333; margin-bottom: 15px; display: block; font-size: 18px; }\n            .hmsa-ref-list-koruma { list-style: none; padding: 0; }\n            .hmsa-ref-list-koruma li { margin-bottom: 10px; font-size: 14px; text-align: left; color: #555; line-height: 1.5; }\n\n            @media (max-width: 800px) {\n                #hmsa-trigger-card-koruma { width: 92%; margin: 20px auto; }\n                #hmsa-trigger-card-koruma .hmsa-action-group { flex-direction: column; align-items: flex-start; gap: 15px; }\n                .hmsa-content-container-koruma { margin-top: 60px; padding: 0 20px; }\n                .hmsa-close-btn-koruma { top: 15px; right: 20px; }\n                .hmsa-article-title-koruma { font-size: 24px; }\n                .hmsa-text-koruma { font-size: 16px; }\n            }\n        <\/style>\n    `;\n\n    \/\/ B. MODAL HTML CONTENT (FULL ARTICLE - ENGLISH)\n    const hmsaModalHtmlKoruma = `\n        <div id=\"hmsa-modal-root-koruma\">\n            <button class=\"hmsa-close-btn-koruma\" id=\"hmsa-close-action-koruma\">&times;<\/button>\n            \n            <div class=\"hmsa-content-container-koruma\">\n                <div class=\"hmsa-header-meta-koruma\">CONSERVATION CONSCIOUSNESS & SUSTAINABILITY<\/div>\n                \n                <!-- TITLE -->\n                <h1 class=\"hmsa-article-title-koruma\">Building Conservation Consciousness: The Social Value of Architectural Heritage, Intervention Ethics, and Sustainability<\/h1>\n                \n                <!-- AUTHOR INFO -->\n                <div class=\"hmsa-author-koruma\">\n                    Author: <strong>M\u00fcge G\u00fcnel<\/strong> <span> \/\/ M.Arch & Restoration Specialist<\/span>\n                <\/div>\n\n                <!-- ABSTRACT BOX -->\n                <div class=\"hmsa-abstract-box-koruma\">\n                    <h3 style=\"margin-top:0; color:#ba372a; font-size:18px; margin-bottom:10px;\">Abstract<\/h3>\n                    <p class=\"hmsa-abstract-text-koruma\">\n                        The conservation of architectural heritage implies not merely the repair of physical structures, but a multi-layered process encompassing the continuity of cultural identity, collective memory, and environmental responsibility. The fundamental aim of restoration is not to make a structure appear \"old,\" but to preserve its value of authenticity. This study examines conservation consciousness within the framework of intervention principles, material compatibility, and sustainability perspectives, discussing the ethical, technical, and environmental dimensions of a sustainable approach to historic buildings in a holistic manner.\n                        <br><br>\n                        <strong>Keywords:<\/strong> Architectural heritage, authenticity, minimum intervention, sustainability, embodied energy, material compatibility.\n                    <\/p>\n                <\/div>\n                \n                <!-- 1. INTRODUCTION -->\n                <h3 class=\"hmsa-subhead-koruma\">1. Introduction<\/h3>\n                <p class=\"hmsa-text-koruma\">\n                    Preserving historic buildings signifies more than ensuring physical continuity; it involves transmitting collective memory and social identity to the future. In international conservation literature, restoration is defined as the process of preserving a structure possessing historical and aesthetic value by respecting its authenticity (ICOMOS, 1964). This definition highlights the necessity of limiting interventions and prioritizing ethical responsibility.\n                <\/p>\n                <p class=\"hmsa-text-koruma\">\n                    The success of restoration is measured not by the structure looking new, but by its ability to survive while maintaining its original character, materials, and historical layers. In this context, conservation extends beyond a technical field of application to become a realm of cultural and environmental stewardship.\n                <\/p>\n\n                <!-- 2. ETHICS OF INTERVENTION -->\n                <h3 class=\"hmsa-subhead-koruma\">2. Ethics of Intervention and the Principle of Authenticity<\/h3>\n                <p class=\"hmsa-text-koruma\">\n                    The ethical foundations of the conservation discipline are largely rooted in the Venice Charter of 1964. This text, along with subsequent international documents, clearly defined the boundaries of intervention in restoration. These boundaries are shaped around three fundamental principles: minimum intervention, reversibility, and distinguishability.\n                <\/p>\n                <p class=\"hmsa-text-koruma\">\n                    The principle of <strong>minimum intervention<\/strong> prescribes avoiding unnecessary alterations to the structure. Every intervention entails a certain loss of original material. Therefore, interventions must be carried out solely based on structural or material necessities and grounded in scientific justification.\n                <\/p>\n                <p class=\"hmsa-text-koruma\">\n                    The principle of <strong>reversibility<\/strong> emphasizes that restoration is not a permanent transformation but a controlled intervention. It is crucial that a consolidation or completion implemented today can be removed in the future\u2014without damaging the structure\u2014should more advanced techniques emerge. This approach positions restoration as a process open to time and adaptable to development.\n                <\/p>\n                <p class=\"hmsa-text-koruma\">\n                    The principle of <strong>distinguishability<\/strong> requires that new additions be discernible from the original structure by an expert eye. Otherwise, a historical reality is replaced by a fabricated past. The goal of restoration is not to reproduce the past, but to preserve it honestly and authentically.\n                <\/p>\n\n                <!-- 3. MATERIAL COMPATIBILITY -->\n                <h3 class=\"hmsa-subhead-koruma\">3. Material Compatibility and Building Physics Perspective<\/h3>\n                <p class=\"hmsa-text-koruma\">\n                    One of the most critical factors determining the success of intervention in historic buildings is material selection. Traditional building systems typically consist of breathable and flexible materials such as lime-based mortars, natural stone, and timber. These systems allow moisture generated within the structure to be expelled and can adapt to material movements.\n                <\/p>\n                <p class=\"hmsa-text-koruma\">\n                    Conversely, cement-based materials, which became widespread in the modern era, exhibit more rigid behavior despite their high compressive strength. Their low vapor permeability can cause moisture to become trapped within the structure. Over time, this can lead to damages such as salt crystallization, surface loss, and stone decay (Feilden, 2003). Furthermore, the rigid nature of cementitious systems may fail to accommodate the natural movement of historic materials, accelerating crack formation.\n                <\/p>\n                <p class=\"hmsa-text-koruma\">\n                    Therefore, a sustainable conservation approach implies not only the use of eco-friendly materials but also the development of solutions compatible with the physical and chemical properties of existing building materials. Material compatibility is both a technical and ethical necessity of conservation practice.\n                <\/p>\n\n                <!-- 4. SUSTAINABILITY -->\n                <h3 class=\"hmsa-subhead-koruma\">4. Sustainability and Embodied Energy<\/h3>\n                <p class=\"hmsa-text-koruma\">\n                    Today, the discipline of conservation is being re-evaluated in conjunction with the concept of environmental sustainability. The approach that \"the most sustainable building is the one that is already built\" highlights the environmental importance of preserving the existing building stock.\n                <\/p>\n                <p class=\"hmsa-text-koruma\">\n                    The energy expended in the construction of historic buildings\u2014consumed during extraction, transportation, and processing of materials\u2014persists within the structure as \"embodied energy.\" Demolishing these structures constitutes not only a physical loss but also a waste of this energy. Constructing a new building, in turn, requires additional carbon emissions and resource consumption. In this context, conservation is an environmentally friendly approach in terms of reducing carbon footprints (WCED, 1987).\n                <\/p>\n                <p class=\"hmsa-text-koruma\">\n                    Sustainability possesses a cultural dimension as well as an environmental one. Halbwachs' theory of collective memory (1992) states that spaces are carriers of social identity. The destruction of historic buildings leads to a weakening of the bond society establishes with the past. From this perspective, restoration is not merely a physical improvement; it is a repair process that ensures social continuity.\n                <\/p>\n\n                <!-- 5. CONSERVATION CONSCIOUSNESS -->\n                <h3 class=\"hmsa-subhead-koruma\">5. The Social Construction of Conservation Consciousness<\/h3>\n                <p class=\"hmsa-text-koruma\">\n                    Conservation consciousness should not remain limited to the field of expertise; it must permeate various segments of society. Academic studies, the development of application standards, the promotion of sustainable material culture, and transparent decision-making mechanisms play a decisive role in forming this consciousness.\n                <\/p>\n                <p class=\"hmsa-text-koruma\">\n                    While demolishing historic structures to build new, energy-efficient ones may seem like a short-term solution, it incurs long-term cultural and environmental costs. In contrast, keeping the existing structure alive while preserving its authenticity contributes to both environmental sustainability and cultural continuity.\n                <\/p>\n\n                <!-- 6. CONCLUSION -->\n                <h3 class=\"hmsa-subhead-koruma\">6. Conclusion<\/h3>\n                <p class=\"hmsa-text-koruma\">\n                    Conservation consciousness is a holistic approach that considers not only the physical existence of architectural heritage but also its historical, cultural, and environmental values. When principles such as minimum intervention, reversibility, and distinguishability are evaluated alongside material compatibility and sustainability perspectives, restoration ceases to be merely a technical application and transforms into a sphere of ethical responsibility.\n                <\/p>\n                <p class=\"hmsa-text-koruma\">\n                    Preserving historic buildings means retaining embodied energy, reducing carbon footprints, and sustaining collective memory. In this regard, restoration is the concrete expression of respect for the past and responsibility toward the future.\n                <\/p>\n\n                <!-- REFERENCES -->\n                <div class=\"hmsa-ref-section-koruma\">\n                    <span class=\"hmsa-ref-title-koruma\">References<\/span>\n                    <ul class=\"hmsa-ref-list-koruma\">\n                        <li>Burra Charter. (2013). The Australia ICOMOS Charter for Places of Cultural Significance.<\/li>\n                        <li>Feilden, B. M. (2003). Conservation of Historic Buildings. Oxford: Architectural Press.<\/li>\n                        <li>Halbwachs, M. (1992). On Collective Memory. Chicago: University of Chicago Press.<\/li>\n                        <li>ICOMOS. (1964). International Charter for the Conservation and Restoration of Monuments and Sites (The Venice Charter).<\/li>\n                        <li>Jokilehto, J. (1999). A History of Architectural Conservation. Oxford: Butterworth-Heinemann.<\/li>\n                        <li>WCED (World Commission on Environment and Development). (1987). Our Common Future. Oxford: Oxford University Press.<\/li>\n                    <\/ul>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    `;\n\n    \/\/ C. INITIALIZATION AND CONTROL LOGIC\n    function initHmsaSystemKoruma() {\n        \/\/ 1. Inject necessary CSS and HTML\n        if (!document.getElementById('hmsa-modal-root-koruma')) {\n            document.head.insertAdjacentHTML('beforeend', hmsaStylesKoruma);\n            document.body.insertAdjacentHTML('beforeend', hmsaModalHtmlKoruma);\n        }\n\n        \/\/ 2. Define Elements\n        const triggerCard = document.getElementById('hmsa-trigger-card-koruma');\n        const modalRoot = document.getElementById('hmsa-modal-root-koruma');\n        \n        \/\/ 3. Event Listeners\n        function openModal(e) {\n            if (e.target.classList.contains('hmsa-page-link')) {\n                return;\n            }\n            e.preventDefault();\n            modalRoot.classList.add('active');\n            document.body.style.overflow = 'hidden';\n        }\n\n        if (triggerCard) {\n            triggerCard.addEventListener('click', openModal);\n        }\n\n        function closeModal() {\n            modalRoot.classList.remove('active');\n            document.body.style.overflow = '';\n        }\n\n        const freshCloseBtn = document.getElementById('hmsa-close-action-koruma');\n        if (freshCloseBtn) freshCloseBtn.addEventListener('click', closeModal);\n\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape' && modalRoot.classList.contains('active')) {\n                closeModal();\n            }\n        });\n    }\n\n    \/\/ D. Run on Load\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initHmsaSystemKoruma);\n    } else {\n        initHmsaSystemKoruma();\n    }\n\n})();\n<\/script>\n<!-- =================== HMSA ACADEMY: CONSERVATION CARD END ====================== -->\n\n\n\n<!-- ============================================================================== -->\n<!-- =================== HMSA ACADEMY: HBIM & DIGITAL TWIN CARD START ============= -->\n<!-- ============================================================================== -->\n\n<!-- 1. VISIBLE CARD SECTION (Summary card on the site) -->\n<div id=\"hmsa-trigger-card-hbim\" class=\"hmsa-card-wrapper\">\n    <div class=\"hmsa-card-meta\">HMSA ACADEMY: ARCHITECTURE &#038; TECHNOLOGY<\/div>\n    <h2 class=\"hmsa-card-title\">Integration of Sustainability and New Technologies: Historic Building Conservation with HBIM and Digital Twins<\/h2>\n    <p class=\"hmsa-card-desc\">\n        The contribution of digital tools such as HBIM, Digital Twin, photogrammetry, and laser scanning to sustainability and performance analysis in the conservation of historic structures. How can energy efficiency be achieved while preserving the authenticity of the structure through digital modeling?\n    <\/p>\n    \n    <!-- BUTTON GROUP -->\n    <div class=\"hmsa-action-group\">\n        <!-- Popup Open Button -->\n        <button class=\"hmsa-read-btn\">Qu\u0131ck Read (Popup) &rarr;<\/button>\n        \n        <!-- Link to Page (Optional - kept the original link) -->\n        <a href=\"https:\/\/www.letoon.com.tr\/eng\/sustainability-and-integration-of-new-technologies-historic-building-conservation-with-hbim-and-digital-twin\/\" class=\"hmsa-page-link\">Read on Page &nearr;<\/a>\n    <\/div>\n<\/div>\n\n<!-- 2. SYSTEM SCRIPT (All Content, Design, and Functions) -->\n<script>\n(function() {\n    \/* \n       HMSA MODAL SYSTEM - HBIM & DIGITAL TWIN VERSION (ENGLISH)\n       IDs have \"-hbim\" suffix to prevent conflicts.\n       Theme Color: Red (#ba372a)\n    *\/\n\n    \/\/ A. CSS STYLES\n    const hmsaStylesHbim = `\n        <style>\n            \/* --- CARD STYLES --- *\/\n            #hmsa-trigger-card-hbim {\n                font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n                background: #fff; border-radius: 8px; padding: 30px;\n                box-shadow: 0 5px 20px rgba(0,0,0,0.08); \n                border-left: 5px solid #ba372a; \/* Red Theme *\/\n                cursor: pointer; transition: transform 0.3s ease; max-width: 800px; margin: 40px auto;\n                box-sizing: border-box; display: block; position: relative; z-index: 1;\n            }\n            #hmsa-trigger-card-hbim:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.12); }\n            \n            #hmsa-trigger-card-hbim .hmsa-card-meta { font-size: 11px; color: #999; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }\n            #hmsa-trigger-card-hbim .hmsa-card-title { font-size: 24px; color: #222; font-weight: 800; margin: 0 0 15px 0; line-height: 1.3; }\n            #hmsa-trigger-card-hbim .hmsa-card-desc { font-size: 15px; color: #666; line-height: 1.5; margin: 0 0 20px 0; text-align: justify; }\n\n            \/* Button Group *\/\n            #hmsa-trigger-card-hbim .hmsa-action-group {\n                display: flex; align-items: center; gap: 20px;\n                margin-top: 25px; border-top: 1px solid #f0f0f0; padding-top: 20px;\n            }\n            #hmsa-trigger-card-hbim .hmsa-read-btn { \n                background: #ba372a; border: none; color: #fff; font-weight: 700; font-size: 13px; \n                cursor: pointer; padding: 10px 20px; border-radius: 4px; text-transform: uppercase; \n                transition: background 0.3s;\n            }\n            #hmsa-trigger-card-hbim .hmsa-read-btn:hover { background: #962a1f; }\n            #hmsa-trigger-card-hbim .hmsa-page-link {\n                text-decoration: none; color: #555; font-size: 13px; font-weight: 600;\n                border-bottom: 1px solid transparent; transition: all 0.3s; text-transform: uppercase;\n            }\n            #hmsa-trigger-card-hbim .hmsa-page-link:hover { color: #ba372a; border-bottom: 1px solid #ba372a; }\n\n            \/* --- MODAL (POPUP) STYLES --- *\/\n            #hmsa-modal-root-hbim {\n                position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n                background-color: rgba(255,255,255,0.99); z-index: 2147483647; \n                opacity: 0; visibility: hidden; transition: opacity 0.3s ease;\n                overflow-y: auto; -webkit-overflow-scrolling: touch;\n                font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; box-sizing: border-box;\n            }\n            #hmsa-modal-root-hbim.active { opacity: 1; visibility: visible; }\n            #hmsa-modal-root-hbim * { box-sizing: border-box; }\n\n            .hmsa-content-container-hbim {\n                max-width: 800px; margin: 60px auto 100px auto; padding: 0 30px;\n                color: #333; transform: translateY(20px); transition: transform 0.4s ease;\n            }\n            #hmsa-modal-root-hbim.active .hmsa-content-container-hbim { transform: translateY(0); }\n\n            .hmsa-close-btn-hbim {\n                position: fixed; top: 25px; right: 30px; font-size: 45px; color: #ccc;\n                background: transparent; border: none; cursor: pointer; z-index: 2147483648;\n                line-height: 1; transition: color 0.3s;\n            }\n            .hmsa-close-btn-hbim:hover { color: #ba372a; }\n\n            \/* Typography *\/\n            .hmsa-header-meta-hbim { font-size:12px; color:#ba372a; font-weight:bold; text-transform:uppercase; margin-bottom:10px; }\n            .hmsa-article-title-hbim { font-size: 32px; font-weight: 800; color: #111; line-height: 1.3; margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 20px; }\n            \n            .hmsa-author-hbim { \n                font-size: 15px; color: #555; margin-bottom: 30px; display: block; font-weight: 400;\n            }\n            .hmsa-author-hbim strong { color: #ba372a; font-weight: 700; }\n\n            \/* Abstract Box *\/\n            .hmsa-abstract-box-hbim {\n                background-color: #fcfcfc;\n                border-left: 4px solid #ba372a;\n                padding: 20px 25px;\n                margin-bottom: 30px;\n                border-radius: 0 4px 4px 0;\n            }\n            .hmsa-abstract-text-hbim { font-size: 16px; line-height: 1.6; color: #555; font-style: italic; margin: 0; text-align: justify; }\n\n            \/* Headings and Text *\/\n            .hmsa-subhead-hbim { \n                font-size: 22px; font-weight: 700; color: #ba372a; \n                margin-top: 40px; margin-bottom: 15px; \n                border-bottom: 1px solid #f0f0f0; padding-bottom: 8px; \n                display:block; \n            }\n            .hmsa-text-hbim { font-size: 18px; line-height: 1.8; color: #222; margin-bottom: 25px; text-align: justify; }\n            .hmsa-text-hbim strong { font-weight: 700; color: #333; }\n\n            \/* Lists *\/\n            .hmsa-list-hbim { list-style: disc; padding-left: 20px; margin: 20px 0 30px 20px; }\n            .hmsa-list-hbim li { \n                margin-bottom: 10px; font-size: 18px; line-height: 1.6; color: #333; text-align: justify;\n            }\n\n            \/* References *\/\n            .hmsa-ref-section-hbim { margin-top: 80px; padding-top: 30px; border-top: 2px solid #eee; background: #fafafa; padding: 30px; border-radius: 8px; }\n            .hmsa-ref-title-hbim { font-weight: 800; color: #333; margin-bottom: 15px; display: block; font-size: 18px; }\n            .hmsa-ref-list-hbim { list-style: none; padding: 0; }\n            .hmsa-ref-list-hbim li { margin-bottom: 10px; font-size: 14px; text-align: left; color: #555; line-height: 1.5; padding-left: 15px; text-indent: -15px; }\n\n            @media (max-width: 800px) {\n                #hmsa-trigger-card-hbim { width: 92%; margin: 20px auto; }\n                #hmsa-trigger-card-hbim .hmsa-action-group { flex-direction: column; align-items: flex-start; gap: 15px; }\n                .hmsa-content-container-hbim { margin-top: 60px; padding: 0 20px; }\n                .hmsa-close-btn-hbim { top: 15px; right: 20px; }\n                .hmsa-article-title-hbim { font-size: 24px; }\n                .hmsa-text-hbim { font-size: 16px; }\n            }\n        <\/style>\n    `;\n\n    \/\/ B. MODAL HTML CONTENT (FULL ARTICLE - HBIM - ENGLISH)\n    const hmsaModalHtmlHbim = `\n        <div id=\"hmsa-modal-root-hbim\">\n            <button class=\"hmsa-close-btn-hbim\" id=\"hmsa-close-action-hbim\">&times;<\/button>\n            \n            <div class=\"hmsa-content-container-hbim\">\n                <div class=\"hmsa-header-meta-hbim\">HMSA Academy: Architecture & Technology<\/div>\n                \n                <!-- TITLE -->\n                <h1 class=\"hmsa-article-title-hbim\">Integration of Sustainability and New Technologies: Historic Building Conservation with HBIM and Digital Twins<\/h1>\n                \n                <!-- AUTHOR \/ INSTITUTION -->\n                <div class=\"hmsa-author-hbim\">\n                    Author: <strong>M\u00fcge G\u00dcNEL<\/strong> <span> \/\/ M.Arch & Restoration Specialist<\/span>\n                <\/div>\n\n                <!-- ABSTRACT BOX -->\n                <div class=\"hmsa-abstract-box-hbim\">\n                    <h3 style=\"margin-top:0; color:#ba372a; font-size:18px; margin-bottom:10px;\">Abstract<\/h3>\n                    <p class=\"hmsa-abstract-text-hbim\">\n                        The conservation of historic buildings is a multidimensional discipline that necessitates sustainability and advanced technological integration beyond mere physical repair. This article examines the contribution of digital tools such as HBIM (Heritage Building Information Modeling), Digital Twin, photogrammetry, and laser scanning to historic building conservation strategies from the perspective of digital modeling and performance simulations. Through these approaches, it becomes possible to implement interventions with high energy efficiency and low carbon footprint while preserving the authenticity of the structure.\n                    <\/p>\n                <\/div>\n                \n                <!-- 1. INTRODUCTION -->\n                <h3 class=\"hmsa-subhead-hbim\">1. Introduction<\/h3>\n                <p class=\"hmsa-text-hbim\">\n                    The conservation of cultural heritage structures requires not only transmitting traces of the past to the future but also adapting to today's environmental standards. Traditional documentation and restoration methods mostly rely on limited data sets and manual observation. Current digital tools, however, allow us to analyze historic buildings as living organisms. In this way, sustainability principles can be integrated into the restoration process; material waste is prevented, and the thermal, structural, and aesthetic life of the building is extended.\n                <\/p>\n                <p class=\"hmsa-text-hbim\">\n                    HBIM and Digital Twin technologies play a critical role in this process. While HBIM creates a three-dimensional parametric model of the historic structure, the Digital Twin provides real-time data flow between the physical structure and the digital model, offering opportunities for proactive maintenance and risk management. The application of these technologies represents not only a technical innovation but also an approach integrated with cultural and environmental responsibility.\n                <\/p>\n\n                <!-- 2. DIGITAL DOCUMENTATION -->\n                <h3 class=\"hmsa-subhead-hbim\">2. Digital Documentation: From Point Cloud to Smart Model<\/h3>\n                <p class=\"hmsa-text-hbim\">\n                    The digitization process of a historic building begins with data collection. Laser scanning (LiDAR) and photogrammetry capture the geometric and surface characteristics of the structure with high accuracy. Laser scanning records the surface of the structure as a \"point cloud\" consisting of millions of points, while photogrammetry processes color and texture information into the model through high-resolution photographs. These data are transferred to the HBIM platform to create a parametric model. The model is enriched with metadata such as material type, construction period, and deterioration status, functioning as a comprehensive database during the restoration process.\n                <\/p>\n                <p class=\"hmsa-text-hbim\">\n                    The HBIM model offers not only a visual representation but also includes sustainability and facility management dimensions to analyze the building's energy performance, maintenance needs, and carbon emissions. Thus, restoration planning becomes both data-driven and environmentally optimized.\n                <\/p>\n\n                <!-- 3. HBIM AND SUSTAINABILITY -->\n                <h3 class=\"hmsa-subhead-hbim\">3. HBIM and Dimensions of Sustainability<\/h3>\n                <p class=\"hmsa-text-hbim\">\n                    HBIM incorporates 6D and 7D dimensions to achieve the building's sustainability goals. The 6D dimension performs energy performance analyses and carbon emission simulations, allowing for the determination of the best insulation and climatization strategies that can be applied without damaging the historic fabric. The 7D dimension plans the maintenance and repair activities the structure will need throughout its life cycle. Operations such as stone cleaning, wood preservation, or surface improvements are pre-planned via HBIM, preventing unnecessary interventions and resource waste. This approach transforms the philosophy of \"preventive conservation\" into practice.\n                <\/p>\n\n                <!-- 4. DIGITAL TWIN -->\n                <h3 class=\"hmsa-subhead-hbim\">4. Dynamic Conservation: Digital Twin<\/h3>\n                <p class=\"hmsa-text-hbim\">\n                    When real-time data flow is added to the HBIM model, the structure transforms into a Digital Twin. This enables live monitoring of parameters such as humidity changes, crack propagation, and visitor load, especially in large-scale monumental structures. With the digital twin, risks can be detected before they occur, allowing for proactive interventions. Supported by sensors and IoT devices, this system strengthens restoration decisions in terms of both technicality and sustainability.\n                <\/p>\n                <p class=\"hmsa-text-hbim\">\n                    The use of Digital Twins facilitates the planning of maintenance and repair processes while preserving the physical and cultural values of the structure. This method moves beyond traditional observation-based interventions, offering a data-based, controlled, and optimized conservation process.\n                <\/p>\n\n                <!-- 5. PERFORMANCE ANALYSIS -->\n                <h3 class=\"hmsa-subhead-hbim\">5. Performance Analysis and Restoration Decisions<\/h3>\n                <p class=\"hmsa-text-hbim\">\n                    Performance analyses conducted over digital models help in making critical decisions during the restoration process. Hygrothermal analyses determine thermal insulation methods that can be applied without disrupting the moisture balance of the walls. Structural simulations model risks such as earthquakes or ground movements, revealing the weak points of the structure in advance. Additionally, the chemical and physical interaction of newly added materials with original materials is analyzed through simulations. In this way, restoration interventions can be planned to be safe, efficient, and long-lasting.\n                <\/p>\n                \n                <!-- 6. DISCUSSION AND ETHICS -->\n                <h3 class=\"hmsa-subhead-hbim\">6. Discussion and Ethical Dimension<\/h3>\n                <p class=\"hmsa-text-hbim\">\n                    While digital technologies reduce human error in restoration, they bring certain challenges. Data accuracy, software compatibility, and long-term accessibility of data are important discussion topics regarding the digital sustainability of cultural heritage. Issues such as in which format digital twin data will be accessible in the long term, data ownership, and protection constitute the ethical dimension of technology integration. Therefore, digital tools should be evaluated not only technically but also with ethical and managerial responsibility.\n                <\/p>\n\n                <!-- 7. CONCLUSION -->\n                <h3 class=\"hmsa-subhead-hbim\">7. Conclusion<\/h3>\n                <p class=\"hmsa-text-hbim\">\n                    HBIM and Digital Twin technologies are transforming historic building conservation practice from a reactive process to a proactive, data-driven, and sustainable one. This digital ecosystem not only provides energy savings but also supports the preservation of cultural data, maintenance planning, and timely interventions. Future conservation strategies will rely on the correct synthesis of digital technologies with traditional craftsmanship and restoration experience. Preserving both the physical and cultural values of historic buildings becomes possible through the joint application of sustainability and digital innovation.\n                <\/p>\n\n                <!-- REFERENCES -->\n                <div class=\"hmsa-ref-section-hbim\">\n                    <span class=\"hmsa-ref-title-hbim\">References<\/span>\n                    <ul class=\"hmsa-ref-list-hbim\">\n                        <li>G\u00fclsen Akg\u00f6z & Gamze Ergin, \u201cTarihi Yap\u0131lar\u0131n S\u00fcrd\u00fcr\u00fclebilirli\u011finde Dijital \u0130kiz Kullan\u0131m\u0131: Bir \u00c7oklu Durum \u00c7al\u0131\u015fmas\u0131,\u201d yedi: Sanat, Tasar\u0131m ve Bilim Dergisi, 34 (2025): 121\u2013137.<\/li>\n                        <li>P. Jouan & P. Hallot, \u201cDigital Twin: A HBIM-based Methodology to Support Preventive Conservation of Historic Assets,\u201d Int. Archives of Photogramm. Remote Sens. Spatial Inf. Sci., XLII-2\/W15 (2019).<\/li>\n                        <li>\u0130. H. Tarhan & Y. Tarhan, \u201cCultural Heritage Conservation in Digital Era: A Review of Digital Twin and 3D Printing Applications,\u201d Uluda\u011f \u00dcniversitesi M\u00fchendislik Fak\u00fcltesi Dergisi, 30 (2025): 1027\u20131046.<\/li>\n                        <li>\u201cDigital twin models for architectural heritage conservation,\u201d Journal of Building Engineering 112 (2025): 113792.<\/li>\n                    <\/ul>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    `;\n\n    \/\/ C. INITIALIZATION AND CONTROL LOGIC\n    function initHmsaSystemHbim() {\n        \/\/ 1. Inject necessary CSS and HTML into the page\n        if (!document.getElementById('hmsa-modal-root-hbim')) {\n            document.head.insertAdjacentHTML('beforeend', hmsaStylesHbim);\n            document.body.insertAdjacentHTML('beforeend', hmsaModalHtmlHbim);\n        }\n\n        \/\/ 2. Define Elements\n        const triggerCard = document.getElementById('hmsa-trigger-card-hbim');\n        const modalRoot = document.getElementById('hmsa-modal-root-hbim');\n        \n        \/\/ 3. Event Listeners\n        function openModal(e) {\n            \/\/ Do not open popup if the \"Read on Page\" link is clicked\n            if (e.target.classList.contains('hmsa-page-link')) {\n                return;\n            }\n            e.preventDefault();\n            modalRoot.classList.add('active');\n            document.body.style.overflow = 'hidden'; \/\/ Prevent background scrolling\n        }\n\n        if (triggerCard) {\n            triggerCard.addEventListener('click', openModal);\n        }\n\n        function closeModal() {\n            modalRoot.classList.remove('active');\n            document.body.style.overflow = '';\n        }\n\n        const freshCloseBtn = document.getElementById('hmsa-close-action-hbim');\n        if (freshCloseBtn) freshCloseBtn.addEventListener('click', closeModal);\n\n        \/\/ Close with ESC key\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape' && modalRoot.classList.contains('active')) {\n                closeModal();\n            }\n        });\n    }\n\n    \/\/ D. Run on Page Load\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initHmsaSystemHbim);\n    } else {\n        initHmsaSystemHbim();\n    }\n\n})();\n<\/script>\n<!-- =================== HMSA ACADEMY: HBIM & DIGITAL TWIN CARD END =============== -->\n\n\n\n<!-- ============================================================================== -->\n<!-- === HMSA ACADEMY: CULTURAL HERITAGE & MATERIAL SCIENCE CARD START ========== -->\n<!-- ============================================================================== -->\n<!-- 1. VISIBLE CARD SECTION (The summary card on the website) -->\n<div id=\"hmsa-trigger-card-heritage\" class=\"hmsa-card-wrapper\">\n    <div class=\"hmsa-card-meta\">HMSA ACADEMY: CULTURAL HERITAGE &#038; CONSERVATION<\/div>\n    <h2 class=\"hmsa-card-title\">The Conservation of Cultural Heritage in an International Framework: Scientific Guidance of Doctrinal Texts and the Transformation in Material Science<\/h2>\n    <p class=\"hmsa-card-desc\">\n        A comprehensive evaluation of the transformation in material science, sustainability, life cycle, and ethical approaches guided by ICCROM and ICOMOS doctrinal texts in cultural heritage conservation.\n    <\/p>\n<!-- BUTTON GROUP -->\n<div class=\"hmsa-action-group\">\n    <!-- Popup Open Button -->\n    <button class=\"hmsa-read-btn\">Qu\u0131ck Read (Popup) &rarr;<\/button>\n    \n    <!-- Link to Page (You can add the specific page URL into the href) -->\n    <a href=\"https:\/\/www.letoon.com.tr\/eng\/conservation-of-cultural-heritage-in-an-international-framework-scientific-guidance-of-policy-documents-and-the-transformation-in-material-science\/\" class=\"hmsa-page-link\">Read on Page &nearr;<\/a>\n<\/div>\n<\/div>\n\n<!-- 2. SYSTEM SCRIPT (All Content, Design, and Functions) -->\n<script>\n(function() {\n    \/* \n       HMSA MODAL SYSTEM - CULTURAL HERITAGE AND MATERIAL SCIENCE VERSION\n       IDs have the \"-heritage\" suffix to prevent conflicts.\n       Theme Color: Red (#ba372a)\n    *\/\n\n    \/\/ A. CSS STYLES\n    const hmsaStylesHeritage = `\n        <style>\n            \/* --- CARD STYLES --- *\/\n            #hmsa-trigger-card-heritage {\n                font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n                background: #fff; border-radius: 8px; padding: 30px;\n                box-shadow: 0 5px 20px rgba(0,0,0,0.08); \n                border-left: 5px solid #ba372a; \/* Red Theme *\/\n                cursor: pointer; transition: transform 0.3s ease; max-width: 800px; margin: 40px auto;\n                box-sizing: border-box; display: block; position: relative; z-index: 1;\n            }\n            #hmsa-trigger-card-heritage:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.12); }\n            \n            #hmsa-trigger-card-heritage .hmsa-card-meta { font-size: 11px; color: #999; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }\n            #hmsa-trigger-card-heritage .hmsa-card-title { font-size: 24px; color: #222; font-weight: 800; margin: 0 0 15px 0; line-height: 1.3; }\n            #hmsa-trigger-card-heritage .hmsa-card-desc { font-size: 15px; color: #666; line-height: 1.5; margin: 0 0 20px 0; text-align: justify; }\n\n            \/* Button Group *\/\n            #hmsa-trigger-card-heritage .hmsa-action-group {\n                display: flex; align-items: center; gap: 20px;\n                margin-top: 25px; border-top: 1px solid #f0f0f0; padding-top: 20px;\n            }\n            #hmsa-trigger-card-heritage .hmsa-read-btn { \n                background: #ba372a; border: none; color: #fff; font-weight: 700; font-size: 13px; \n                cursor: pointer; padding: 10px 20px; border-radius: 4px; text-transform: uppercase; \n                transition: background 0.3s;\n            }\n            #hmsa-trigger-card-heritage .hmsa-read-btn:hover { background: #962a1f; }\n            #hmsa-trigger-card-heritage .hmsa-page-link {\n                text-decoration: none; color: #555; font-size: 13px; font-weight: 600;\n                border-bottom: 1px solid transparent; transition: all 0.3s; text-transform: uppercase;\n            }\n            #hmsa-trigger-card-heritage .hmsa-page-link:hover { color: #ba372a; border-bottom: 1px solid #ba372a; }\n\n            \/* --- MODAL (POPUP) STYLES --- *\/\n            #hmsa-modal-root-heritage {\n                position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n                background-color: rgba(255,255,255,0.99); z-index: 2147483647; \n                opacity: 0; visibility: hidden; transition: opacity 0.3s ease;\n                overflow-y: auto; -webkit-overflow-scrolling: touch;\n                font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; box-sizing: border-box;\n            }\n            #hmsa-modal-root-heritage.active { opacity: 1; visibility: visible; }\n            #hmsa-modal-root-heritage * { box-sizing: border-box; }\n\n            .hmsa-content-container-heritage {\n                max-width: 800px; margin: 60px auto 100px auto; padding: 0 30px;\n                color: #333; transform: translateY(20px); transition: transform 0.4s ease;\n            }\n            #hmsa-modal-root-heritage.active .hmsa-content-container-heritage { transform: translateY(0); }\n\n            .hmsa-close-btn-heritage {\n                position: fixed; top: 25px; right: 30px; font-size: 45px; color: #ccc;\n                background: transparent; border: none; cursor: pointer; z-index: 2147483648;\n                line-height: 1; transition: color 0.3s;\n            }\n            .hmsa-close-btn-heritage:hover { color: #ba372a; }\n\n            \/* Typography *\/\n            .hmsa-header-meta-heritage { font-size:12px; color:#ba372a; font-weight:bold; text-transform:uppercase; margin-bottom:10px; }\n            .hmsa-article-title-heritage { font-size: 32px; font-weight: 800; color: #111; line-height: 1.3; margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 20px; }\n            \n            .hmsa-author-heritage { \n                font-size: 15px; color: #555; margin-bottom: 30px; display: block; font-weight: 400;\n            }\n            .hmsa-author-heritage strong { color: #ba372a; font-weight: 700; }\n\n            \/* Abstract Box *\/\n            .hmsa-abstract-box-heritage {\n                background-color: #fcfcfc;\n                border-left: 4px solid #ba372a;\n                padding: 20px 25px;\n                margin-bottom: 30px;\n                border-radius: 0 4px 4px 0;\n            }\n            .hmsa-abstract-text-heritage { font-size: 16px; line-height: 1.6; color: #555; font-style: italic; margin: 0; text-align: justify; }\n\n            \/* Headings and Text *\/\n            .hmsa-subhead-heritage { \n                font-size: 22px; font-weight: 700; color: #ba372a; \n                margin-top: 40px; margin-bottom: 15px; \n                border-bottom: 1px solid #f0f0f0; padding-bottom: 8px; \n                display:block; \n            }\n            .hmsa-text-heritage { font-size: 18px; line-height: 1.8; color: #222; margin-bottom: 25px; text-align: justify; }\n            .hmsa-text-heritage strong { font-weight: 700; color: #333; }\n\n            \/* Lists *\/\n            .hmsa-list-heritage { list-style: disc; padding-left: 20px; margin: 20px 0 30px 20px; }\n            .hmsa-list-heritage li { \n                margin-bottom: 10px; font-size: 18px; line-height: 1.6; color: #333; text-align: justify;\n            }\n\n            \/* References *\/\n            .hmsa-ref-section-heritage { margin-top: 80px; padding-top: 30px; border-top: 2px solid #eee; background: #fafafa; padding: 30px; border-radius: 8px; }\n            .hmsa-ref-title-heritage { font-weight: 800; color: #333; margin-bottom: 15px; display: block; font-size: 18px; }\n            .hmsa-ref-list-heritage { list-style: none; padding: 0; }\n            .hmsa-ref-list-heritage li { margin-bottom: 10px; font-size: 14px; text-align: left; color: #555; line-height: 1.5; padding-left: 15px; text-indent: -15px; }\n\n            @media (max-width: 800px) {\n                #hmsa-trigger-card-heritage { width: 92%; margin: 20px auto; }\n                #hmsa-trigger-card-heritage .hmsa-action-group { flex-direction: column; align-items: flex-start; gap: 15px; }\n                .hmsa-content-container-heritage { margin-top: 60px; padding: 0 20px; }\n                .hmsa-close-btn-heritage { top: 15px; right: 20px; }\n                .hmsa-article-title-heritage { font-size: 24px; }\n                .hmsa-text-heritage { font-size: 16px; }\n            }\n        <\/style>\n`;\n\n\/\/ B. MODAL HTML CONTENT (FULL TEXT)\nconst hmsaModalHtmlHeritage = `\n    <div id=\"hmsa-modal-root-heritage\">\n        <button class=\"hmsa-close-btn-heritage\" id=\"hmsa-close-action-heritage\">&times;<\/button>\n        \n        <div class=\"hmsa-content-container-heritage\">\n            <div class=\"hmsa-header-meta-heritage\">HMSA Academy: Cultural Heritage & Conservation<\/div>\n            \n            <!-- TITLE -->\n            <h1 class=\"hmsa-article-title-heritage\">The Conservation of Cultural Heritage in an International Framework: Scientific Guidance of Doctrinal Texts and the Transformation in Material Science<\/h1>\n            \n            <!-- AUTHOR \/ INSTITUTION -->\n            <div class=\"hmsa-author-heritage\">\n                Author: <strong>M\u00fcge G\u00dcNEL<\/strong> <span> \/\/ M.Sc. Architect & Restoration Specialist<\/span>\n            <\/div>\n\n            <!-- ABSTRACT BOX -->\n            <div class=\"hmsa-abstract-box-heritage\">\n                <h3 style=\"margin-top:0; color:#ba372a; font-size:18px; margin-bottom:10px;\">Introduction<\/h3>\n                <p class=\"hmsa-abstract-text-heritage\">\n                    The conservation of cultural heritage is a multidisciplinary field of expertise where ethical principles, sustainability policies, and advanced material science intersect. Decisions regarding intervention in cultural heritage conservation are handled within a framework defined by data-driven, measurable, and ethically responsible parameters.\n                <\/p>\n                <p class=\"hmsa-abstract-text-heritage\" style=\"margin-top:15px;\">\n                    International charters and guiding documents, particularly those adopted since the second half of the 20th century, have established a common terminology and methodology in the conservation field. These documents have not only provided theoretical principles but have also directly influenced technical processes ranging from laboratory analyses to field applications. Consequently, material science has become a tool not only for technical performance but also for ethics and sustainability in the cultural heritage domain.\n                <\/p>\n            <\/div>\n            \n            <!-- SECTION 1 -->\n            <h3 class=\"hmsa-subhead-heritage\">1. ICCROM: Capacity Building and Holistic Sustainability<\/h3>\n            <p class=\"hmsa-text-heritage\">\n                ICCROM (International Centre for the Study of the Preservation and Restoration of Cultural Property) is a globally decisive institution in education, research, and capacity building for the conservation of cultural heritage. The framework developed by ICCROM treats conservation activities not merely as technical interventions, but as sustainable systems with environmental, social, and economic dimensions.\n            <\/p>\n            <p class=\"hmsa-text-heritage\">\n                This approach has brought about three fundamental transformations in material science:\n            <\/p>\n            <p class=\"hmsa-text-heritage\">\n                <strong>Life Cycle Assessment (LCA):<\/strong><br>\n                Today, when selecting a conservation material, not only its physical durability is considered, but also the energy intensity in its production process, its carbon footprint, transportation distance, and its disposability at the end of its useful life. Life Cycle Assessment has encouraged the generation of quantitative data in material selection and has enabled the critical questioning of systems with high environmental costs.\n            <\/p>\n            <p class=\"hmsa-text-heritage\">\n                <strong>Scientific Rehabilitation of Local Material Knowledge:<\/strong><br>\n                ICCROM\u2019s human-centered and context-sensitive approach has promoted the re-evaluation of traditional materials. Historical building materials such as adobe, lime mortar, and natural stone are examined using modern testing methods; they are analyzed in terms of porosity, capillarity, vapor permeability, and mechanical strength, and repositioned as sustainable alternatives. This process forms the intersection of traditional knowledge and modern material science.\n            <\/p>\n            <p class=\"hmsa-text-heritage\">\n                <strong>Preventive Conservation and Monitoring:<\/strong><br>\n                The preventive conservation approach, based on regular monitoring of structural health rather than large-scale and invasive interventions, has gained strength. Thanks to moisture sensors, crack measurement systems, and environmental data loggers, the structural behavior is monitored long-term, thereby reducing the need for aggressive interventions. This paradigm shift has allowed material science to evolve as a proactive rather than reactive discipline.\n            <\/p>\n\n            <!-- SECTION 2 -->\n            <h3 class=\"hmsa-subhead-heritage\">2. ICOMOS: Technical Laboratory Equivalents of Ethical Principles<\/h3>\n            <p class=\"hmsa-text-heritage\">\n                Doctrinal texts developed by ICOMOS form the foundation of the ethical framework in the conservation field. The 1964 Venice Charter and the 1994 Nara Document on Authenticity emphasized that material selection is not merely a technical decision but a cultural and historical one.\n            <\/p>\n            <p class=\"hmsa-text-heritage\">\n                This ethical framework has created three main technical axes in material science:\n            <\/p>\n            <p class=\"hmsa-text-heritage\">\n                <strong>A. Compatibility<\/strong><br>\n                The new material must be physically and chemically compatible with the existing authentic material. Incompatible interventions can lead to long-term problems such as stress cracks, moisture entrapment, or salt accumulation. Therefore, the following analyses have become mandatory in laboratories:\n            <\/p>\n            <ul class=\"hmsa-list-heritage\">\n                <li><strong>Water Vapor Diffusion Coefficient (\u03bc):<\/strong> The \"breathability\" of the material is measured to maintain the moisture balance of the structure.<\/li>\n                <li><strong>Thermal Expansion Coefficient:<\/strong> Stresses that may occur at material interfaces under different temperature conditions are calculated.<\/li>\n                <li><strong>Salt Crystallization Tests:<\/strong> The resistance of porous structures against salt pressure is evaluated.<\/li>\n                <li><strong>Microstructural Analyses:<\/strong> The chemical and mineralogical structure of the material is examined using techniques such as SEM-EDX and XRD.<\/li>\n            <\/ul>\n            <p class=\"hmsa-text-heritage\">\n                <strong>B. Reversibility and Retreatability<\/strong><br>\n                The principle that an intervention can be reversed without damaging the structure when necessary has limited the use of synthetic polymers and epoxy-based binders in particular. Accordingly:\n            <\/p>\n            <ul class=\"hmsa-list-heritage\">\n                <li>Solubility and reversibility tests<\/li>\n                <li>Accelerated aging simulations<\/li>\n                <li>Long-term adherence analyses<\/li>\n            <\/ul>\n            <p class=\"hmsa-text-heritage\">\n                have become an integral part of the material selection process.\n            <\/p>\n            <p class=\"hmsa-text-heritage\">\n                <strong>C. Minimum Intervention and Authenticity<\/strong><br>\n                Conservation science has shifted away from the \"rebuilding\" mindset, adopting an approach of consolidating the existing material. Nanotechnological applications developed in this direction, such as nano-calcium hydroxide (Ca(OH)\u2082), penetrate the microstructure of porous materials like stone and plaster, providing maximum consolidation with minimum intervention. Such innovations materialize the technical equivalents of ethical principles.\n            <\/p>\n\n            <!-- SECTION 3 -->\n            <h3 class=\"hmsa-subhead-heritage\">3. The Interaction Between Policy and the Laboratory<\/h3>\n            <p class=\"hmsa-text-heritage\">\n                The relationship between conservation policies and material science is bidirectional. While doctrinal texts determine research priorities, scientific data also make it possible to update these principles. Today, pre-intervention analysis reports, material compatibility tests, and environmental impact assessments have become mandatory practices in many countries.\n            <\/p>\n            <p class=\"hmsa-text-heritage\">\n                Ethical responsibility is no longer an abstract concept; it is a technical necessity supported by data-driven decision processes. The principle of sustainability encourages the preference for low energy-intensive binders and locally sourced materials. Thus, a continuous flow of information is established between the laboratory and field application.\n            <\/p>\n\n            <!-- SECTION 4 -->\n            <h3 class=\"hmsa-subhead-heritage\">4. Critical Evaluation and Future Perspective<\/h3>\n            <p class=\"hmsa-text-heritage\">\n                While international principles provide a universal frame of reference, the micro-climatic conditions and local craft traditions of each geography are different. True sustainability is possible by balancing top-down defined ethical principles with bottom-up local field data and experience.\n            <\/p>\n            <p class=\"hmsa-text-heritage\">\n                In the future, bio-based self-healing mortars, carbon-negative binder systems, and artificial intelligence-supported damage detection algorithms will advance the principle of minimum intervention even further. These technological developments will strengthen the scientific infrastructure of ethical principles and make intervention decisions more predictable.\n            <\/p>\n\n            <!-- CONCLUSION -->\n            <h3 class=\"hmsa-subhead-heritage\">Conclusion<\/h3>\n            <p class=\"hmsa-text-heritage\">\n                National and international sustainable conservation policies have expanded the technical boundaries of material science and endowed it with a strong ethical direction. Frameworks developed by ICCROM and ICOMOS have placed concepts such as compatibility, reversibility, minimum intervention, and life cycle assessment at the center of conservation practice.\n            <\/p>\n            <p class=\"hmsa-text-heritage\">\n                Today, a conservation material cannot merely be durable and aesthetic; it must also be compatible with the authentic structure, reversible when necessary, and have a minimized environmental impact. This holistic approach is the guarantee of not only preserving the physical presence of cultural heritage but also transmitting its historical and cultural authenticity to future generations.\n            <\/p>\n\n            <!-- REFERENCES -->\n            <div class=\"hmsa-ref-section-heritage\">\n                <span class=\"hmsa-ref-title-heritage\">References<\/span>\n                <ul class=\"hmsa-ref-list-heritage\">\n                    <li>ICOMOS (1964). International Charter for the Conservation and Restoration of Monuments and Sites (Venice Charter).<\/li>\n                    <li>ICOMOS (1994). The Nara Document on Authenticity.<\/li>\n                    <li>ICCROM (2018). Sustainability and Heritage in the 21st Century. Rome: ICCROM.<\/li>\n                <\/ul>\n            <\/div>\n\n        <\/div>\n    <\/div>\n`;\n\n\/\/ C. INITIALIZATION AND CONTROL LOGIC\nfunction initHmsaSystemHeritage() {\n    \/\/ 1. Inject CSS and HTML into the page\n    if (!document.getElementById('hmsa-modal-root-heritage')) {\n        document.head.insertAdjacentHTML('beforeend', hmsaStylesHeritage);\n        document.body.insertAdjacentHTML('beforeend', hmsaModalHtmlHeritage);\n    }\n\n    \/\/ 2. Define Elements\n    const triggerCard = document.getElementById('hmsa-trigger-card-heritage');\n    const modalRoot = document.getElementById('hmsa-modal-root-heritage');\n    \n    \/\/ 3. Event Listeners\n    function openModal(e) {\n        \/\/ Prevent opening popup if \"Read on Page\" link is clicked\n        if (e.target.classList.contains('hmsa-page-link')) {\n            return;\n        }\n        e.preventDefault();\n        modalRoot.classList.add('active');\n        document.body.style.overflow = 'hidden'; \/\/ Prevent background scrolling\n    }\n\n    if (triggerCard) {\n        triggerCard.addEventListener('click', openModal);\n    }\n\n    function closeModal() {\n        modalRoot.classList.remove('active');\n        document.body.style.overflow = '';\n    }\n\n    const freshCloseBtn = document.getElementById('hmsa-close-action-heritage');\n    if (freshCloseBtn) freshCloseBtn.addEventListener('click', closeModal);\n\n    \/\/ Close on ESC key press\n    document.addEventListener('keydown', function(e) {\n        if (e.key === 'Escape' && modalRoot.classList.contains('active')) {\n            closeModal();\n        }\n    });\n}\n\n\/\/ D. Run on Page Load\nif (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initHmsaSystemHeritage);\n} else {\n    initHmsaSystemHeritage();\n}\n})();\n<\/script>\n<!-- =================== HMSA ACADEMY: CULTURAL HERITAGE & MATERIAL SCIENCE CARD END ============ -->\n\n\n\n<!-- ============================================================================== -->\n<!-- === HMSA ACADEMY: TRADITIONAL MATERIALS CARD START (ENGLISH) ================= -->\n<!-- ============================================================================== -->\n\n<!-- 1. VISIBLE CARD SECTION (Summary card displayed on the site) -->\n<div id=\"hmsa-trigger-card-traditional-en\" class=\"hmsa-card-wrapper-en\">\n    <div class=\"hmsa-card-meta-en\">HMSA ACADEMY: LOCAL &#038; TRADITIONAL MATERIALS<\/div>\n    <h2 class=\"hmsa-card-title-en\">Scientific Evaluation of Local and Traditional Building Materials: Sustainability, Performance, and Limitations<\/h2>\n    <p class=\"hmsa-card-desc-en\">\n        A scientific review of the historical role of lime, stone, and organic binders, their advantages within modern sustainability (LCA) criteria, and their engineering limitations.\n    <\/p>\n    \n    <!-- BUTTON GROUP -->\n    <div class=\"hmsa-action-group-en\">\n        <!-- Open Popup Button -->\n        <button class=\"hmsa-read-btn-en\">Qu\u0131ck Read (Popup) &rarr;<\/button>\n        \n        <!-- Go to Page Link (Replace the href with your English page URL) -->\n        <a href=\"https:\/\/www.letoon.com.tr\/eng\/scientific-evaluation-of-local-and-traditional-building-materials-sustainability-performance-and-limits\/\" class=\"hmsa-page-link-en\">Read on Page &nearr;<\/a>\n    <\/div>\n<\/div>\n\n<!-- 2. SYSTEM SCRIPT (Full Content, Design, and Functions) -->\n<script>\n(function() {\n    \/* \n       HMSA MODAL SYSTEM - TRADITIONAL MATERIALS VERSION (ENGLISH)\n       To prevent ID conflicts, \"-en\" suffix has been added to IDs and Classes.\n       Theme Color: Red (#ba372a)\n    *\/\n\n    \/\/ A. CSS STYLES\n    const hmsaStylesTraditionalEn = `\n        <style>\n            \/* --- CARD STYLES --- *\/\n            #hmsa-trigger-card-traditional-en {\n                font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n                background: #fff; border-radius: 8px; padding: 30px;\n                box-shadow: 0 5px 20px rgba(0,0,0,0.08); \n                border-left: 5px solid #ba372a;\n                cursor: pointer; transition: transform 0.3s ease; max-width: 800px; margin: 40px auto;\n                box-sizing: border-box; display: block; position: relative; z-index: 1;\n            }\n            #hmsa-trigger-card-traditional-en:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.12); }\n            \n            #hmsa-trigger-card-traditional-en .hmsa-card-meta-en { font-size: 11px; color: #ba372a; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }\n            #hmsa-trigger-card-traditional-en .hmsa-card-title-en { font-size: 24px; color: #222; font-weight: 800; margin: 0 0 15px 0; line-height: 1.3; }\n            #hmsa-trigger-card-traditional-en .hmsa-card-desc-en { font-size: 15px; color: #666; line-height: 1.5; margin: 0 0 20px 0; text-align: justify; }\n\n            \/* Button Group *\/\n            #hmsa-trigger-card-traditional-en .hmsa-action-group-en {\n                display: flex; align-items: center; gap: 20px;\n                margin-top: 25px; border-top: 1px solid #f0f0f0; padding-top: 20px;\n            }\n            #hmsa-trigger-card-traditional-en .hmsa-read-btn-en { \n                background: #ba372a; border: none; color: #fff; font-weight: 700; font-size: 13px; \n                cursor: pointer; padding: 10px 20px; border-radius: 4px; text-transform: uppercase; \n                transition: background 0.3s;\n            }\n            #hmsa-trigger-card-traditional-en .hmsa-read-btn-en:hover { background: #962a1f; }\n            #hmsa-trigger-card-traditional-en .hmsa-page-link-en {\n                text-decoration: none; color: #555; font-size: 13px; font-weight: 600;\n                border-bottom: 1px solid transparent; transition: all 0.3s; text-transform: uppercase;\n            }\n            #hmsa-trigger-card-traditional-en .hmsa-page-link-en:hover { color: #ba372a; border-bottom: 1px solid #ba372a; }\n\n            \/* --- MODAL (POPUP) STYLES --- *\/\n            #hmsa-modal-root-traditional-en {\n                position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n                background-color: rgba(255,255,255,0.99); z-index: 2147483647; \n                opacity: 0; visibility: hidden; transition: opacity 0.3s ease;\n                overflow-y: auto; -webkit-overflow-scrolling: touch;\n                font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; box-sizing: border-box;\n            }\n            #hmsa-modal-root-traditional-en.active { opacity: 1; visibility: visible; }\n            #hmsa-modal-root-traditional-en * { box-sizing: border-box; }\n\n            .hmsa-content-container-traditional-en {\n                max-width: 800px; margin: 60px auto 100px auto; padding: 0 30px;\n                color: #333; transform: translateY(20px); transition: transform 0.4s ease;\n            }\n            #hmsa-modal-root-traditional-en.active .hmsa-content-container-traditional-en { transform: translateY(0); }\n\n            .hmsa-close-btn-traditional-en {\n                position: fixed; top: 25px; right: 30px; font-size: 45px; color: #ccc;\n                background: transparent; border: none; cursor: pointer; z-index: 2147483648;\n                line-height: 1; transition: color 0.3s;\n            }\n            .hmsa-close-btn-traditional-en:hover { color: #ba372a; }\n\n            \/* Typography *\/\n            .hmsa-header-meta-traditional-en { font-size:13px; color:#ba372a; font-weight:bold; text-transform:uppercase; margin-bottom:10px; letter-spacing: 1px; }\n            .hmsa-article-title-traditional-en { font-size: 34px; font-weight: 800; color: #111; line-height: 1.3; margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 20px; }\n            \n            .hmsa-author-traditional-en { \n                font-size: 15px; color: #666; margin-bottom: 40px; display: block; font-style: italic;\n            }\n            .hmsa-author-traditional-en strong { color: #ba372a; font-weight: 700; font-style: normal; }\n\n            \/* Abstract Box *\/\n            .hmsa-abstract-box-traditional-en {\n                background-color: #fcfcfc;\n                border-left: 5px solid #ba372a;\n                padding: 25px 30px;\n                margin-bottom: 40px;\n                border-radius: 0 4px 4px 0;\n            }\n            .hmsa-abstract-title-traditional-en { font-size: 18px; font-weight: 800; color: #ba372a; margin-top: 0; margin-bottom: 15px; }\n            .hmsa-abstract-text-traditional-en { font-size: 16px; line-height: 1.6; color: #555; font-style: italic; margin: 0; text-align: justify; }\n            .hmsa-abstract-text-traditional-en + .hmsa-abstract-text-traditional-en { margin-top: 15px; }\n\n            \/* Headings and Text *\/\n            .hmsa-subhead-traditional-en { \n                font-size: 24px; font-weight: 700; color: #ba372a; \n                margin-top: 50px; margin-bottom: 20px; \n                border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; \n                display:block; \n            }\n            .hmsa-text-traditional-en { font-size: 18px; line-height: 1.8; color: #222; margin-bottom: 25px; text-align: justify; }\n            .hmsa-text-traditional-en strong { font-weight: 700; color: #333; }\n\n            \/* Lists *\/\n            .hmsa-list-traditional-en { list-style: disc; padding-left: 20px; margin: 20px 0 30px 40px; }\n            .hmsa-list-traditional-en li { \n                margin-bottom: 12px; font-size: 18px; line-height: 1.6; color: #333; text-align: justify;\n            }\n\n            \/* References *\/\n            .hmsa-ref-section-traditional-en { margin-top: 80px; padding: 40px; border-top: 3px solid #eee; background: #f9f9f9; border-radius: 8px; }\n            .hmsa-ref-title-traditional-en { font-weight: 800; color: #333; margin-bottom: 20px; display: block; font-size: 20px; }\n            .hmsa-ref-list-traditional-en { list-style: none; padding: 0; margin: 0; }\n            .hmsa-ref-list-traditional-en li { margin-bottom: 8px; font-size: 14px; text-align: left; color: #666; line-height: 1.5; padding-left: 15px; text-indent: -15px; }\n\n            \/* Mobile Responsiveness *\/\n            @media (max-width: 768px) {\n                #hmsa-trigger-card-traditional-en { width: auto; margin: 20px 15px; padding: 20px; }\n                #hmsa-trigger-card-traditional-en .hmsa-card-title-en { font-size: 20px; }\n                #hmsa-trigger-card-traditional-en .hmsa-action-group-en { flex-direction: column; align-items: flex-start; gap: 15px; }\n                .hmsa-content-container-traditional-en { margin-top: 60px; padding: 0 15px; }\n                .hmsa-close-btn-traditional-en { top: 15px; right: 20px; font-size: 35px; }\n                .hmsa-article-title-traditional-en { font-size: 26px; }\n                .hmsa-subhead-traditional-en { font-size: 20px; margin-top: 30px; }\n                .hmsa-text-traditional-en, .hmsa-list-traditional-en li { font-size: 16px; }\n                .hmsa-abstract-box-traditional-en { padding: 20px; }\n                .hmsa-list-traditional-en { margin-left: 20px; }\n            }\n        <\/style>\n    `;\n\n    \/\/ B. MODAL HTML CONTENT (FULL TEXT)\n    const hmsaModalHtmlTraditionalEn = `\n        <div id=\"hmsa-modal-root-traditional-en\">\n            <button class=\"hmsa-close-btn-traditional-en\" id=\"hmsa-close-action-traditional-en\">&times;<\/button>\n            \n            <div class=\"hmsa-content-container-traditional-en\">\n                <div class=\"hmsa-header-meta-traditional-en\">HMSA Academy: Local & Traditional Materials<\/div>\n                \n                <!-- TITLE -->\n                <h1 class=\"hmsa-article-title-traditional-en\">Scientific Evaluation of Local and Traditional Building Materials: Sustainability, Performance, and Limitations<\/h1>\n                \n                <!-- AUTHOR \/ INSTITUTION -->\n                <div class=\"hmsa-author-traditional-en\">\n                    Author: <strong>M\u00fcge G\u00dcNEL<\/strong> <span> \/\/ M.Sc. Architect & Restoration Specialist<\/span>\n                <\/div>\n\n                <!-- ABSTRACT BOX -->\n                <div class=\"hmsa-abstract-box-traditional-en\">\n                    <h3 class=\"hmsa-abstract-title-traditional-en\">Introduction<\/h3>\n                    <p class=\"hmsa-abstract-text-traditional-en\">\n                        Throughout history, local and traditional building materials have offered unique engineering solutions shaped by the climatic data and natural resources of their geography (Ashurst & Ashurst, 2013). Today, the climate crisis and carbon emission targets are directing the construction industry towards low-energy and biosphere-compatible materials (Walker, 2007).\n                    <\/p>\n                    <p class=\"hmsa-abstract-text-traditional-en\">\n                        Lime, stone, and organic binders are not only cultural heritage; they also offer scientific data with high potential within the framework of modern sustainability criteria (LCA \u2013 Life Cycle Assessment) (Garc\u00eda-Herrera et al., 2020).\n                    <\/p>\n                <\/div>\n                \n                <!-- SECTION 1 -->\n                <h3 class=\"hmsa-subhead-traditional-en\">1. Lime: The Chemical Foundation of Breathing Buildings<\/h3>\n                <p class=\"hmsa-text-traditional-en\">\n                    Thanks to its low firing temperatures (~900\u00b0C), lime has a much lower \"embodied energy\" compared to cement (Minke, 2012).\n                <\/p>\n                <p class=\"hmsa-text-traditional-en\"><strong>Advantages:<\/strong><\/p>\n                <ul class=\"hmsa-list-traditional-en\">\n                    <li><strong>Low carbon footprint:<\/strong> It consumes less energy during the production process compared to cement, resulting in lower CO\u2082 emissions (Garc\u00eda-Herrera et al., 2020).<\/li>\n                    <li><strong>Moisture regulation:<\/strong> With its low water vapor diffusion resistance coefficient (\u03bc \u2248 5-10), it allows buildings to \u201cbreathe,\u201d preventing indoor condensation and minimizing biological fouling (Charola, 2000).<\/li>\n                    <li><strong>Longevity and repairability:<\/strong> Traditional lime plasters can be easily renewed when damaged.<\/li>\n                <\/ul>\n                <p class=\"hmsa-text-traditional-en\"><strong>Limitations:<\/strong><\/p>\n                <ul class=\"hmsa-list-traditional-en\">\n                    <li><strong>Low early strength:<\/strong> Its initial strength is lower compared to modern cements; it requires careful engineering in high load-bearing structures.<\/li>\n                    <li><strong>Long curing time:<\/strong> Due to the carbonation process, it can take weeks to reach its full strength.<\/li>\n                <\/ul>\n\n                <!-- SECTION 2 -->\n                <h3 class=\"hmsa-subhead-traditional-en\">2. Natural Stone: Thermal Mass and Energy Efficiency<\/h3>\n                <p class=\"hmsa-text-traditional-en\">\n                    The use of local stone is advantageous both aesthetically and structurally. By reducing the energy spent on transporting the material to the site, the total carbon footprint is lowered (Ciancio et al., 2019).\n                <\/p>\n                <p class=\"hmsa-text-traditional-en\"><strong>Advantages:<\/strong><\/p>\n                <ul class=\"hmsa-list-traditional-en\">\n                    <li><strong>Thermal mass:<\/strong> Stone walls that store solar energy during the day transfer heat indoors at night, providing passive climate control and optimizing energy consumption (Ciancio et al., 2019).<\/li>\n                    <li><strong>Longevity and durability:<\/strong> Massive stone structures can last for hundreds of years with low maintenance.<\/li>\n                    <li><strong>Aesthetic and cultural value:<\/strong> Preserves the characteristic features of regional architecture.<\/li>\n                <\/ul>\n                <p class=\"hmsa-text-traditional-en\"><strong>Limitations:<\/strong><\/p>\n                <ul class=\"hmsa-list-traditional-en\">\n                    <li><strong>Thermal conductivity coefficient (\u03bb):<\/strong> Massive stone walls may require additional insulation layers to meet modern thermal insulation standards.<\/li>\n                    <li><strong>Energy requirement for processing and transport:<\/strong> Cutting and transporting stone can be energy-intensive.<\/li>\n                    <li><strong>Technical knowledge requirement:<\/strong> Incorrect application can lead to structural weakness and cracking.<\/li>\n                <\/ul>\n\n                <!-- SECTION 3 -->\n                <h3 class=\"hmsa-subhead-traditional-en\">3. Organic Binders and Fibers: Building Elements as Carbon Sinks<\/h3>\n                <p class=\"hmsa-text-traditional-en\">\n                    Straw, flax, hemp, and other natural fibers represent a \u201ccarbon-negative\u201d approach when combined with lime or clay (Hernandez & Laustsen, 2018). These fibers trap the CO\u2082 they absorb from the atmosphere within the structure, turning the building into a carbon sink.\n                <\/p>\n                <p class=\"hmsa-text-traditional-en\"><strong>Advantages:<\/strong><\/p>\n                <ul class=\"hmsa-list-traditional-en\">\n                    <li><strong>Flexibility and crack control:<\/strong> Prevents micro-cracks and balances tensile stresses.<\/li>\n                    <li><strong>Thermal and acoustic insulation:<\/strong> Organic fibers improve the insulation performance of building elements.<\/li>\n                    <li><strong>Biocompatibility:<\/strong> Natural and recyclable materials adapt to the ecological cycle.<\/li>\n                <\/ul>\n                <p class=\"hmsa-text-traditional-en\"><strong>Limitations:<\/strong><\/p>\n                <ul class=\"hmsa-list-traditional-en\">\n                    <li><strong>Risk of biological degradation:<\/strong> If moisture management is not implemented, it becomes vulnerable to microbial attacks.<\/li>\n                    <li><strong>Protection requirement:<\/strong> Traditional recipes must be supported with modern biocides or natural preservatives.<\/li>\n                <\/ul>\n\n                <!-- SECTION 4 -->\n                <h3 class=\"hmsa-subhead-traditional-en\">4. Holistic Approach: Scientific Support and Sustainability<\/h3>\n                <p class=\"hmsa-text-traditional-en\">\n                    The integration of traditional materials into modern construction technologies is not only an aesthetic but a technical necessity (Minke, 2012). The compressive strength, thermal transmittance (U-value), and chemical compatibility of materials must be determined through laboratory tests (European Committee for Standardization, 2016).\n                <\/p>\n                <p class=\"hmsa-text-traditional-en\">\n                    For example, intervening in a historical stone structure with cement-based mortar can lead to irreversible damage due to chemical salt efflorescence and mechanical incompatibility (Charola, 2000).\n                <\/p>\n                <p class=\"hmsa-text-traditional-en\"><strong>Sustainability advantages:<\/strong><\/p>\n                <ul class=\"hmsa-list-traditional-en\">\n                    <li>Low carbon emission and embodied energy.<\/li>\n                    <li>Energy and cost savings through the use of local resources.<\/li>\n                    <li>Preservation of cultural heritage and continuation of aesthetic values.<\/li>\n                <\/ul>\n\n                <!-- SECTION 5 (CONCLUSION) -->\n                <h3 class=\"hmsa-subhead-traditional-en\">5. Conclusion<\/h3>\n                <p class=\"hmsa-text-traditional-en\">\n                    Lime, stone, and organic binders have strategic and ecological importance from both a historical and sustainable building perspective. When their performance limits are supported by modern engineering, laboratory tests, and correct detailing, it is possible to build structures that are both long-lasting and environmentally friendly.\n                <\/p>\n                <p class=\"hmsa-text-traditional-en\">\n                    The architecture of the future is rising with traditional knowledge filtered through a scientific lens.\n                <\/p>\n\n                <!-- REFERENCES -->\n                <div class=\"hmsa-ref-section-traditional-en\">\n                    <span class=\"hmsa-ref-title-traditional-en\">References<\/span>\n                    <ul class=\"hmsa-ref-list-traditional-en\">\n                        <li>1. Ashurst, J. & Ashurst, N. (2013). Practical Building Conservation: Stone, Brick, Mortar and Plaster. English Heritage, London.<\/li>\n                        <li>2. Minke, G. (2012). Building with Earth: Design and Technology of a Sustainable Architecture. Birkh\u00e4user, Basel.<\/li>\n                        <li>3. Garc\u00eda-Herrera, R., et al. (2020). \"Life Cycle Assessment of Lime-Based Mortars for Sustainable Construction.\" Journal of Cleaner Production, 256: 120485.<\/li>\n                        <li>4. Ciancio, D., et al. (2019). \"Thermal Performance of Stone Masonry Walls in Historical Buildings.\" Energy and Buildings, 198: 125\u2013136.<\/li>\n                        <li>5. Walker, P. (2007). Sustainable by Design: Explorations in Theory and Practice. Earthscan, London.<\/li>\n                        <li>6. Hernandez, P. & Laustsen, J. (2018). \"Organic and Plant-Based Binders in Traditional Construction.\" Construction and Building Materials, 179: 547\u2013558.<\/li>\n                        <li>7. Charola, A. E. (2000). \"Salts in the Deterioration of Buildings: An Overview.\" Journal of Architectural Conservation, 6(1): 51\u201358.<\/li>\n                        <li>8. European Committee for Standardization (CEN) (2016). EN 998-1: Specification for Mortar for Masonry \u2013 Part 1: Rendering and Plastering.<\/li>\n                    <\/ul>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    `;\n\n    \/\/ C. INITIALIZATION AND CONTROL LOGIC\n    function initHmsaSystemTraditionalEn() {\n        \/\/ 1. Inject necessary CSS and HTML into the page\n        if (!document.getElementById('hmsa-modal-root-traditional-en')) {\n            document.head.insertAdjacentHTML('beforeend', hmsaStylesTraditionalEn);\n            document.body.insertAdjacentHTML('beforeend', hmsaModalHtmlTraditionalEn);\n        }\n\n        \/\/ 2. Define Elements\n        const triggerCardEn = document.getElementById('hmsa-trigger-card-traditional-en');\n        const modalRootEn = document.getElementById('hmsa-modal-root-traditional-en');\n        \n        \/\/ 3. Event Listeners\n        function openModalEn(e) {\n            \/\/ If \"Read on Page\" link is clicked, don't open pop-up, allow normal link behavior\n            if (e.target.closest('.hmsa-page-link-en')) {\n                return;\n            }\n            e.preventDefault();\n            modalRootEn.classList.add('active');\n            document.body.style.overflow = 'hidden'; \/\/ Prevent background scrolling\n        }\n\n        if (triggerCardEn) {\n            triggerCardEn.addEventListener('click', openModalEn);\n        }\n\n        function closeModalEn() {\n            modalRootEn.classList.remove('active');\n            document.body.style.overflow = '';\n        }\n\n        const freshCloseBtnEn = document.getElementById('hmsa-close-action-traditional-en');\n        if (freshCloseBtnEn) freshCloseBtnEn.addEventListener('click', closeModalEn);\n\n        \/\/ Close on ESC key\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape' && modalRootEn.classList.contains('active')) {\n                closeModalEn();\n            }\n        });\n    }\n\n    \/\/ D. Run on Page Load\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initHmsaSystemTraditionalEn);\n    } else {\n        initHmsaSystemTraditionalEn();\n    }\n})();\n<\/script>\n<!-- ==================== HMSA ACADEMY: TRADITIONAL MATERIALS CARD END ==================== -->\n\n\n\n<!-- ============================================================================== -->\n<!-- === HMSA ACADEMY: NATURAL STONE CONTAMINATION CARD START ===================== -->\n<!-- ============================================================================== -->\n\n<!-- 1. VISIBLE CARD SECTION (Summary card displayed on the site) -->\n<div id=\"hmsa-trigger-card-stone\" class=\"hmsa-card-wrapper\">\n    <div class=\"hmsa-card-meta\">HMSA ACADEMY: MATERIALS SCIENCE &#038; CONSERVATION<\/div>\n    <h2 class=\"hmsa-card-title\">Atmospheric and Biological Contamination on Natural Stone: Scientific Analysis and Conservation<\/h2>\n    <p class=\"hmsa-card-desc\">\n        A detailed examination of biological colonization, atmospheric particulate accumulation, and black crust formation on natural stone surfaces, along with scientific analysis, intervention, and conservation strategies.\n    <\/p>\n    \n    <!-- BUTTON GROUP -->\n    <div class=\"hmsa-action-group\">\n        <!-- Open Popup Button -->\n        <button class=\"hmsa-read-btn\">Qu\u0131ck Read (Popup) &rarr;<\/button>\n        \n        <!-- Go to Page Link (Replace the href with your actual page URL) -->\n        <a href=\"https:\/\/www.letoon.com.tr\/eng\/atmospheric-and-biological-soiling-on-natural-stone-surfaces-scientific-analysis-intervention-and-conservation-strategies\/\" class=\"hmsa-page-link\">Read on Page &nearr;<\/a>\n    <\/div>\n<\/div>\n\n<!-- 2. SYSTEM SCRIPT (All Content, Design, and Functions) -->\n<script>\n(function() {\n    \/* \n       HMSA MODAL SYSTEM - NATURAL STONE VERSION\n       IDs have the \"-stone\" suffix to prevent ID conflicts.\n       Theme Color: Red (#ba372a)\n    *\/\n\n    \/\/ A. CSS STYLES\n    const hmsaStylesStone = `\n        <style>\n            \/* --- CARD STYLES --- *\/\n            #hmsa-trigger-card-stone {\n                font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n                background: #fff; border-radius: 8px; padding: 30px;\n                box-shadow: 0 5px 20px rgba(0,0,0,0.08); \n                border-left: 5px solid #ba372a;\n                cursor: pointer; transition: transform 0.3s ease; max-width: 800px; margin: 40px auto;\n                box-sizing: border-box; display: block; position: relative; z-index: 1;\n            }\n            #hmsa-trigger-card-stone:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.12); }\n            \n            #hmsa-trigger-card-stone .hmsa-card-meta { font-size: 11px; color: #ba372a; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }\n            #hmsa-trigger-card-stone .hmsa-card-title { font-size: 24px; color: #222; font-weight: 800; margin: 0 0 15px 0; line-height: 1.3; }\n            #hmsa-trigger-card-stone .hmsa-card-desc { font-size: 15px; color: #666; line-height: 1.5; margin: 0 0 20px 0; text-align: justify; }\n\n            \/* Button Group *\/\n            #hmsa-trigger-card-stone .hmsa-action-group {\n                display: flex; align-items: center; gap: 20px;\n                margin-top: 25px; border-top: 1px solid #f0f0f0; padding-top: 20px;\n            }\n            #hmsa-trigger-card-stone .hmsa-read-btn { \n                background: #ba372a; border: none; color: #fff; font-weight: 700; font-size: 13px; \n                cursor: pointer; padding: 10px 20px; border-radius: 4px; text-transform: uppercase; \n                transition: background 0.3s;\n            }\n            #hmsa-trigger-card-stone .hmsa-read-btn:hover { background: #962a1f; }\n            #hmsa-trigger-card-stone .hmsa-page-link {\n                text-decoration: none; color: #555; font-size: 13px; font-weight: 600;\n                border-bottom: 1px solid transparent; transition: all 0.3s; text-transform: uppercase;\n            }\n            #hmsa-trigger-card-stone .hmsa-page-link:hover { color: #ba372a; border-bottom: 1px solid #ba372a; }\n\n            \/* --- MODAL (POPUP) STYLES --- *\/\n            #hmsa-modal-root-stone {\n                position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n                background-color: rgba(255,255,255,0.99); z-index: 2147483647; \n                opacity: 0; visibility: hidden; transition: opacity 0.3s ease;\n                overflow-y: auto; -webkit-overflow-scrolling: touch;\n                font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; box-sizing: border-box;\n            }\n            #hmsa-modal-root-stone.active { opacity: 1; visibility: visible; }\n            #hmsa-modal-root-stone * { box-sizing: border-box; }\n\n            .hmsa-content-container-stone {\n                max-width: 800px; margin: 60px auto 100px auto; padding: 0 30px;\n                color: #333; transform: translateY(20px); transition: transform 0.4s ease;\n            }\n            #hmsa-modal-root-stone.active .hmsa-content-container-stone { transform: translateY(0); }\n\n            .hmsa-close-btn-stone {\n                position: fixed; top: 25px; right: 30px; font-size: 45px; color: #ccc;\n                background: transparent; border: none; cursor: pointer; z-index: 2147483648;\n                line-height: 1; transition: color 0.3s;\n            }\n            .hmsa-close-btn-stone:hover { color: #ba372a; }\n\n            \/* Typography *\/\n            .hmsa-header-meta-stone { font-size:13px; color:#ba372a; font-weight:bold; text-transform:uppercase; margin-bottom:10px; letter-spacing: 1px; }\n            .hmsa-article-title-stone { font-size: 34px; font-weight: 800; color: #111; line-height: 1.3; margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 20px; }\n            \n            .hmsa-author-stone { \n                font-size: 15px; color: #666; margin-bottom: 40px; display: block; font-style: italic;\n            }\n            .hmsa-author-stone strong { color: #ba372a; font-weight: 700; font-style: normal; }\n\n            \/* Abstract Box *\/\n            .hmsa-abstract-box-stone {\n                background-color: #fcfcfc;\n                border-left: 5px solid #ba372a;\n                padding: 25px 30px;\n                margin-bottom: 40px;\n                border-radius: 0 4px 4px 0;\n            }\n            .hmsa-abstract-title-stone { font-size: 18px; font-weight: 800; color: #ba372a; margin-top: 0; margin-bottom: 15px; }\n            .hmsa-abstract-text-stone { font-size: 16px; line-height: 1.6; color: #555; font-style: italic; margin: 0; text-align: justify; }\n            .hmsa-abstract-text-stone + .hmsa-abstract-text-stone { margin-top: 15px; }\n\n            \/* Headings and Text *\/\n            .hmsa-subhead-stone { \n                font-size: 24px; font-weight: 700; color: #ba372a; \n                margin-top: 50px; margin-bottom: 20px; \n                border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; \n                display:block; \n            }\n            .hmsa-text-stone { font-size: 18px; line-height: 1.8; color: #222; margin-bottom: 25px; text-align: justify; }\n            .hmsa-text-stone strong { font-weight: 700; color: #333; }\n\n            \/* Lists *\/\n            .hmsa-list-stone { list-style: disc; padding-left: 20px; margin: 20px 0 30px 40px; }\n            .hmsa-list-stone li { \n                margin-bottom: 12px; font-size: 18px; line-height: 1.6; color: #333; text-align: justify;\n            }\n\n            \/* References *\/\n            .hmsa-ref-section-stone { margin-top: 80px; padding: 40px; border-top: 3px solid #eee; background: #f9f9f9; border-radius: 8px; }\n            .hmsa-ref-title-stone { font-weight: 800; color: #333; margin-bottom: 20px; display: block; font-size: 20px; }\n            .hmsa-ref-list-stone { list-style: none; padding: 0; margin: 0; }\n            .hmsa-ref-list-stone li { margin-bottom: 8px; font-size: 14px; text-align: left; color: #666; line-height: 1.5; padding-left: 15px; text-indent: -15px; }\n\n            \/* Mobile Responsiveness *\/\n            @media (max-width: 768px) {\n                #hmsa-trigger-card-stone { width: auto; margin: 20px 15px; padding: 20px; }\n                #hmsa-trigger-card-stone .hmsa-card-title { font-size: 20px; }\n                #hmsa-trigger-card-stone .hmsa-action-group { flex-direction: column; align-items: flex-start; gap: 15px; }\n                .hmsa-content-container-stone { margin-top: 60px; padding: 0 15px; }\n                .hmsa-close-btn-stone { top: 15px; right: 20px; font-size: 35px; }\n                .hmsa-article-title-stone { font-size: 26px; }\n                .hmsa-subhead-stone { font-size: 20px; margin-top: 30px; }\n                .hmsa-text-stone, .hmsa-list-stone li { font-size: 16px; }\n                .hmsa-abstract-box-stone { padding: 20px; }\n                .hmsa-list-stone { margin-left: 20px; }\n            }\n        <\/style>\n    `;\n\n    \/\/ B. MODAL HTML CONTENT (FULL TEXT)\n    const hmsaModalHtmlStone = `\n        <div id=\"hmsa-modal-root-stone\">\n            <button class=\"hmsa-close-btn-stone\" id=\"hmsa-close-action-stone\">&times;<\/button>\n            \n            <div class=\"hmsa-content-container-stone\">\n                <div class=\"hmsa-header-meta-stone\">HMSA Academy: Materials Science & Conservation<\/div>\n                \n                <!-- TITLE -->\n                <h1 class=\"hmsa-article-title-stone\">Atmospheric and Biological Contamination on Natural Stone Surfaces: Scientific Analysis, Intervention, and Conservation Strategies<\/h1>\n                \n                <!-- AUTHOR \/ INSTITUTION AREA -->\n                <div class=\"hmsa-author-stone\">\n                    Author: <strong>M\u00fcge G\u00fcnel<\/strong> <span> \/\/ MSc Architect & Restoration Specialist<\/span>\n                <\/div>\n\n                <!-- ABSTRACT BOX -->\n                <div class=\"hmsa-abstract-box-stone\">\n                    <h3 class=\"hmsa-abstract-title-stone\">Abstract<\/h3>\n                    <p class=\"hmsa-abstract-text-stone\">\n                        Contamination layers on natural stone surfaces are not merely an aesthetic issue; they are active deterioration processes that affect the mineral structure, physical and chemical properties, and long-term durability of the stone. Mechanisms such as biological colonization, atmospheric particulate accumulation, and black crust formation progress through chemical reactions, salt mobilization, and mechanical stresses.\n                    <\/p>\n                    <p class=\"hmsa-abstract-text-stone\">\n                        Cleaning and intervention should not be regarded merely as visual improvements to the surface but must be handled as a controlled conservation process based on scientific analysis. Post-intervention protective measures and monitoring processes ensure the long-term durability of the natural stone material by preserving its mineral structure.\n                    <\/p>\n                <\/div>\n                \n                <!-- SECTION 1 -->\n                <h3 class=\"hmsa-subhead-stone\">I. Analysis of Contamination Mechanisms<\/h3>\n                \n                <p class=\"hmsa-text-stone\"><strong>1. Biological Colonization<\/strong><br>\n                Algae, moss, and lichen formations create a biofilm layer on the stone surface. These formations:<\/p>\n                <ul class=\"hmsa-list-stone\">\n                    <li>Increase moisture retention,<\/li>\n                    <li>Accelerate mineral dissolution through organic acid production,<\/li>\n                    <li>Trigger micro-crack development.<\/li>\n                <\/ul>\n                <p class=\"hmsa-text-stone\">By penetrating the porous structure, biological colonization can significantly weaken surface durability over time.<\/p>\n\n                <p class=\"hmsa-text-stone\"><strong>2. Atmospheric Particulate Accumulation<\/strong><br>\n                In urban environments, stone surfaces become covered with:<\/p>\n                <ul class=\"hmsa-list-stone\">\n                    <li>Exhaust gases,<\/li>\n                    <li>Industrial emissions,<\/li>\n                    <li>Heavy metal-containing dusts and carbon particulates.<\/li>\n                <\/ul>\n                <p class=\"hmsa-text-stone\">This accumulation increases surface roughness, which facilitates moisture retention and paves the way for further chemical reactions.<\/p>\n\n                <p class=\"hmsa-text-stone\"><strong>3. Black Crust Formation<\/strong><br>\n                In carbonate stones, sulfur dioxide (SO\u2082) present in the atmosphere reacts with calcium carbonate to form calcium sulfate (gypsum). Gypsum crystals trap carbon particulates, creating a dark-colored and hard crust.<\/p>\n                <p class=\"hmsa-text-stone\">A black crust may look like an old or natural patina; however, this only creates a misleading aesthetic impression of aging. In reality, it is a clear indicator of ongoing chemical and physical deterioration within the stone's mineral structure.<\/p>\n\n                <!-- SECTION 2 -->\n                <h3 class=\"hmsa-subhead-stone\">II. Pre-Intervention Scientific Assessment<\/h3>\n                <p class=\"hmsa-text-stone\">A successful intervention must be based on measurable data, rather than mere visual observation.<\/p>\n                \n                <p class=\"hmsa-text-stone\"><strong>Microscopic Examination:<\/strong><br>\n                Determines the depth of the dirt and how it interacts with the stone substrate.<\/p>\n                \n                <p class=\"hmsa-text-stone\"><strong>Salt Analysis:<\/strong><br>\n                Measures the presence of soluble salts and their potential for mobilization. Using the wrong cleaning method can exacerbate damage through crystallization pressure.<\/p>\n                \n                <p class=\"hmsa-text-stone\"><strong>pH Measurement:<\/strong><br>\n                Interventions must never be carried out without first determining the chemical character of the stone.<\/p>\n                <ul class=\"hmsa-list-stone\">\n                    <li>Acidic systems can cause dissolution in carbonate stones.<\/li>\n                    <li>Excessively alkaline applications can trigger salt formation.<\/li>\n                <\/ul>\n                <p class=\"hmsa-text-stone\">This analytical process forms the foundational basis for selecting the correct intervention method.<\/p>\n\n                <!-- SECTION 3 -->\n                <h3 class=\"hmsa-subhead-stone\">III. Conservation and Cleaning Strategies<\/h3>\n                <p class=\"hmsa-text-stone\">Fundamental principle: <em>Minimum impact, maximum control.<\/em><\/p>\n\n                <p class=\"hmsa-text-stone\"><strong>1. Chemical Interventions<\/strong><br>\n                <em>pH-Balanced Poultice Systems:<\/em> Poultice applications allow the active chemical ingredient to remain in contact with the surface for a controlled period, providing selective dissolution and drastically reducing the risk of damaging the stone's native mineral structure.<\/p>\n                <p class=\"hmsa-text-stone\">For layers involving chemical transformation, such as black crusts:<\/p>\n                <ul class=\"hmsa-list-stone\">\n                    <li>A combination of controlled chemical softening followed by low-impact mechanical support can be applied.<\/li>\n                <\/ul>\n                <p class=\"hmsa-text-stone\">The goal is always to separate the dirt layer, not to erode the stone surface itself.<\/p>\n\n                <p class=\"hmsa-text-stone\"><strong>2. Mechanical Interventions<\/strong><br>\n                <em>Micro-Abrasive Systems:<\/em><\/p>\n                <ul class=\"hmsa-list-stone\">\n                    <li>The hardness of the abrasive material must be lower than the hardness of the natural stone being treated.<\/li>\n                    <li>Application pressure must be kept to an absolute minimum.<\/li>\n                    <li>The spraying speed and density of the abrasive material must be adjustable.<\/li>\n                    <li>Applying the method to a small test area is mandatory before full-scale use.<\/li>\n                <\/ul>\n                <p class=\"hmsa-text-stone\"><em>Manually Controlled Cleaning:<\/em> Selective interventions performed with precision hand tools provide a distinct advantage, especially in heavily encrusted areas, allowing for the preservation of the original surface texture.<\/p>\n\n                <p class=\"hmsa-text-stone\"><strong>3. Water-Based Methods<\/strong><br>\n                <em>Nebulization (Misting):<\/em> Low-pressure water systems:<\/p>\n                <ul class=\"hmsa-list-stone\">\n                    <li>Gently soften the dirt layer,<\/li>\n                    <li>Manage salt mobilization in a highly controlled manner,<\/li>\n                    <li>Reduce surface tension.<\/li>\n                <\/ul>\n                <p class=\"hmsa-text-stone\">High-pressure applications should be avoided, as they can drive water deep into micro-cracks, posing a severe long-term risk.<\/p>\n                <p class=\"hmsa-text-stone\"><em>Controlled Drying:<\/em> Sudden drying after a cleaning process can sharply increase salt crystallization pressure. A gradual drying phase must be planned.<\/p>\n\n                <p class=\"hmsa-text-stone\"><strong>4. Biological Intervention Methods<\/strong><\/p>\n                <ul class=\"hmsa-list-stone\">\n                    <li>Controlled biocidal applications<\/li>\n                    <li>Enzymatic systems<\/li>\n                    <li>Selective biotechnological methods<\/li>\n                <\/ul>\n                <p class=\"hmsa-text-stone\">Post-application surface neutralization and stringent moisture control must be ensured.<\/p>\n\n                <p class=\"hmsa-text-stone\"><strong>5. Laser Cleaning (Selective Intervention)<\/strong><br>\n                For carbon accumulation and black crusts, controlled laser systems:<\/p>\n                <ul class=\"hmsa-list-stone\">\n                    <li>Provide effective intervention without any physical contact with the surface,<\/li>\n                    <li>Offer micro-level selectivity,<\/li>\n                    <li>Allow for the complete preservation of the historical patina.<\/li>\n                <\/ul>\n                <p class=\"hmsa-text-stone\">Parameter settings must be rigorously optimized through prior laboratory tests.<\/p>\n\n                <!-- SECTION 4 -->\n                <h3 class=\"hmsa-subhead-stone\">IV. Post-Intervention Protection and Stabilization<\/h3>\n                \n                <p class=\"hmsa-text-stone\"><strong>1. Surface Stabilization<\/strong><\/p>\n                <ul class=\"hmsa-list-stone\">\n                    <li>Post-cleaning micro-cracks and pores are stabilized through controlled drying and establishing moisture balance.<\/li>\n                    <li>Salt movement and subsequent crystallization pressure are minimized.<\/li>\n                    <li>Stabilization preserves the stone's mechanical strength while conferring resistance against re-contamination.<\/li>\n                <\/ul>\n\n                <p class=\"hmsa-text-stone\"><strong>2. Protective Measures<\/strong><\/p>\n                <ul class=\"hmsa-list-stone\">\n                    <li>Hydrophobic or vapor-permeable protective applications control the stone's water absorption capacity.<\/li>\n                    <li>Applications must be entirely compatible with the stone's specific mineralogy and patina; incorrect interventions can cause irreversible changes.<\/li>\n                <\/ul>\n\n                <p class=\"hmsa-text-stone\"><strong>3. Monitoring and Maintenance<\/strong><\/p>\n                <ul class=\"hmsa-list-stone\">\n                    <li>Periodic observation tracks the potential risks of re-contamination and salt accumulation over time.<\/li>\n                    <li>When necessary, the ongoing conservation process is supported by minor, highly targeted interventions.<\/li>\n                    <li>Thorough documentation supports the evaluation of the application's effectiveness and guides future conservation plans.<\/li>\n                <\/ul>\n\n                <p class=\"hmsa-text-stone\"><strong>4. Minimum Intervention Principle<\/strong><br>\n                Throughout the entire process, the core guiding principle is <strong>\"minimum intervention, maximum protection.\"<\/strong> All intervention and conservation strategies must prioritize the stone's original structure and intrinsic historical value.<\/p>\n\n                <!-- SECTION 5 (CONCLUSION) -->\n                <h3 class=\"hmsa-subhead-stone\">V. Conclusion<\/h3>\n                <p class=\"hmsa-text-stone\">\n                    Atmospheric and biological contamination on natural stone surfaces develops through a complex combination of chemical, physical, and environmental processes. Cleaning and intervention must go far beyond merely improving the visual aesthetic of the stone; it is a highly scientific conservation process aimed at the long-term protection of the material.\n                <\/p>\n                <p class=\"hmsa-text-stone\">\n                    Rigorous analysis, test applications, controlled interventions, and well-planned conservation strategies form the absolute foundation of a sustainable approach that preserves the true authenticity of the stone.\n                <\/p>\n\n                <!-- REFERENCES -->\n                <div class=\"hmsa-ref-section-stone\">\n                    <span class=\"hmsa-ref-title-stone\">References<\/span>\n                    <ul class=\"hmsa-ref-list-stone\">\n                        <li>1. Camuffo, D. (1995). Physical weathering of stones. Science of the Total Environment, 167(1\u20133), 1\u201314.<\/li>\n                        <li>2. Charola, A. E. (2000). Salts in the deterioration of porous materials: An overview. Journal of the American Institute for Conservation, 39(3), 327\u2013343.<\/li>\n                        <li>3. Doehne, E., & Price, C. A. (2010). Stone Conservation: An Overview of Current Research (2nd ed.). Los Angeles: Getty Conservation Institute.<\/li>\n                        <li>4. Fassina, V. (1988). The black crusts on Venetian monuments. Studies in Conservation, 33(sup1), 93\u201399.<\/li>\n                        <li>5. ICOMOS. (1964). International Charter for the Conservation and Restoration of Monuments and Sites (Venice Charter).<\/li>\n                        <li>6. Young, M. E., Murray, M., & Cordiner, P. (2003). Stone cleaning techniques and their impact on stone surfaces. Construction and Building Materials, 17(6\u20137), 381\u2013389.<\/li>\n                    <\/ul>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    `;\n\n    \/\/ C. INITIALIZATION AND CONTROL LOGIC\n    function initHmsaSystemStone() {\n        \/\/ 1. Inject necessary CSS and HTML into the page\n        if (!document.getElementById('hmsa-modal-root-stone')) {\n            document.head.insertAdjacentHTML('beforeend', hmsaStylesStone);\n            document.body.insertAdjacentHTML('beforeend', hmsaModalHtmlStone);\n        }\n\n        \/\/ 2. Define Elements\n        const triggerCard = document.getElementById('hmsa-trigger-card-stone');\n        const modalRoot = document.getElementById('hmsa-modal-root-stone');\n        \n        \/\/ 3. Event Listeners\n        function openModal(e) {\n            \/\/ If the \"Read on Page\" link is clicked, do not open the popup; allow normal link behavior\n            if (e.target.closest('.hmsa-page-link')) {\n                return;\n            }\n            e.preventDefault();\n            modalRoot.classList.add('active');\n            document.body.style.overflow = 'hidden'; \/\/ Prevent background scrolling\n        }\n\n        if (triggerCard) {\n            triggerCard.addEventListener('click', openModal);\n        }\n\n        function closeModal() {\n            modalRoot.classList.remove('active');\n            document.body.style.overflow = '';\n        }\n\n        const freshCloseBtn = document.getElementById('hmsa-close-action-stone');\n        if (freshCloseBtn) freshCloseBtn.addEventListener('click', closeModal);\n\n        \/\/ Close with ESC key\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape' && modalRoot.classList.contains('active')) {\n                closeModal();\n            }\n        });\n    }\n\n    \/\/ D. Run on Page Load\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initHmsaSystemStone);\n    } else {\n        initHmsaSystemStone();\n    }\n})();\n<\/script>\n<!-- =================== HMSA ACADEMY: NATURAL STONE CONTAMINATION CARD END ===================== -->\n\n\n\n<!-- ============================================================================== -->\n<!-- === HMSA ACADEMY: PATINA & RESTORATION THEORY CARD START ===================== -->\n<!-- ============================================================================== -->\n\n<!-- 1. VISIBLE CARD SECTION (Summary card displayed on the site) -->\n<div id=\"hmsa-trigger-card-patina\" class=\"hmsa-card-wrapper\">\n    <div class=\"hmsa-card-meta\">HMSA ACADEMY: ARCHITECTURAL CONSERVATION &#038; THEORY<\/div>\n    <h2 class=\"hmsa-card-title\">The Illusion of &#8216;Like New&#8217; in Restoration and the Value of Patina: A Theoretical Approach<\/h2>\n    <p class=\"hmsa-card-desc\">\n        An analysis of the over-restoration trap in architectural conservation, Alois Riegl\u2019s concept of age-value, and the vital importance of patina for building physics and historical testimony.\n    <\/p>\n    \n    <!-- BUTTON GROUP -->\n    <div class=\"hmsa-action-group\">\n        <!-- Open Popup Button -->\n        <button class=\"hmsa-read-btn\">Qu\u0131ck Read (Popup) &rarr;<\/button>\n        \n        <!-- Go to Page Link (Replace the href with your actual page URL if available) -->\n        <a href=\"https:\/\/www.letoon.com.tr\/eng\/the-illusion-of-like-new-in-restoration-and-the-value-of-patina-a-theoretical-approach\/\" class=\"hmsa-page-link\">Read on Page &nearr;<\/a>\n    <\/div>\n<\/div>\n\n<!-- 2. SYSTEM SCRIPT (All Content, Design, and Functions) -->\n<script>\n(function() {\n    \/* \n       HMSA MODAL SYSTEM - PATINA & THEORY VERSION\n       IDs have the \"-patina\" suffix to prevent ID conflicts.\n       Theme Color: Red (#ba372a)\n    *\/\n\n    \/\/ A. CSS STYLES\n    const hmsaStylesPatina = `\n        <style>\n            \/* --- CARD STYLES --- *\/\n            #hmsa-trigger-card-patina {\n                font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n                background: #fff; border-radius: 8px; padding: 30px;\n                box-shadow: 0 5px 20px rgba(0,0,0,0.08); \n                border-left: 5px solid #ba372a;\n                cursor: pointer; transition: transform 0.3s ease; max-width: 800px; margin: 40px auto;\n                box-sizing: border-box; display: block; position: relative; z-index: 1;\n            }\n            #hmsa-trigger-card-patina:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.12); }\n            \n            #hmsa-trigger-card-patina .hmsa-card-meta { font-size: 11px; color: #ba372a; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }\n            #hmsa-trigger-card-patina .hmsa-card-title { font-size: 24px; color: #222; font-weight: 800; margin: 0 0 15px 0; line-height: 1.3; }\n            #hmsa-trigger-card-patina .hmsa-card-desc { font-size: 15px; color: #666; line-height: 1.5; margin: 0 0 20px 0; text-align: justify; }\n\n            \/* Button Group *\/\n            #hmsa-trigger-card-patina .hmsa-action-group {\n                display: flex; align-items: center; gap: 20px;\n                margin-top: 25px; border-top: 1px solid #f0f0f0; padding-top: 20px;\n            }\n            #hmsa-trigger-card-patina .hmsa-read-btn { \n                background: #ba372a; border: none; color: #fff; font-weight: 700; font-size: 13px; \n                cursor: pointer; padding: 10px 20px; border-radius: 4px; text-transform: uppercase; \n                transition: background 0.3s;\n            }\n            #hmsa-trigger-card-patina .hmsa-read-btn:hover { background: #962a1f; }\n            #hmsa-trigger-card-patina .hmsa-page-link {\n                text-decoration: none; color: #555; font-size: 13px; font-weight: 600;\n                border-bottom: 1px solid transparent; transition: all 0.3s; text-transform: uppercase;\n            }\n            #hmsa-trigger-card-patina .hmsa-page-link:hover { color: #ba372a; border-bottom: 1px solid #ba372a; }\n\n            \/* --- MODAL (POPUP) STYLES --- *\/\n            #hmsa-modal-root-patina {\n                position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n                background-color: rgba(255,255,255,0.99); z-index: 2147483647; \n                opacity: 0; visibility: hidden; transition: opacity 0.3s ease;\n                overflow-y: auto; -webkit-overflow-scrolling: touch;\n                font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; box-sizing: border-box;\n            }\n            #hmsa-modal-root-patina.active { opacity: 1; visibility: visible; }\n            #hmsa-modal-root-patina * { box-sizing: border-box; }\n\n            .hmsa-content-container-patina {\n                max-width: 800px; margin: 60px auto 100px auto; padding: 0 30px;\n                color: #333; transform: translateY(20px); transition: transform 0.4s ease;\n            }\n            #hmsa-modal-root-patina.active .hmsa-content-container-patina { transform: translateY(0); }\n\n            .hmsa-close-btn-patina {\n                position: fixed; top: 25px; right: 30px; font-size: 45px; color: #ccc;\n                background: transparent; border: none; cursor: pointer; z-index: 2147483648;\n                line-height: 1; transition: color 0.3s;\n            }\n            .hmsa-close-btn-patina:hover { color: #ba372a; }\n\n            \/* Typography *\/\n            .hmsa-header-meta-patina { font-size:13px; color:#ba372a; font-weight:bold; text-transform:uppercase; margin-bottom:10px; letter-spacing: 1px; }\n            .hmsa-article-title-patina { font-size: 34px; font-weight: 800; color: #111; line-height: 1.3; margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 20px; }\n            \n            .hmsa-author-patina { \n                font-size: 15px; color: #666; margin-bottom: 40px; display: block; font-style: italic;\n            }\n            .hmsa-author-patina strong { color: #ba372a; font-weight: 700; font-style: normal; }\n\n            \/* Abstract Box *\/\n            .hmsa-abstract-box-patina {\n                background-color: #fcfcfc; border-left: 5px solid #ba372a;\n                padding: 25px 30px; margin-bottom: 40px; border-radius: 0 4px 4px 0;\n            }\n            .hmsa-abstract-title-patina { font-size: 18px; font-weight: 800; color: #ba372a; margin-top: 0; margin-bottom: 15px; }\n            .hmsa-abstract-text-patina { font-size: 16px; line-height: 1.6; color: #555; font-style: italic; margin: 0; text-align: justify; }\n\n            \/* Headings and Text *\/\n            .hmsa-subhead-patina { \n                font-size: 24px; font-weight: 700; color: #ba372a; \n                margin-top: 50px; margin-bottom: 20px; \n                border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; \n                display:block; \n            }\n            .hmsa-text-patina { font-size: 18px; line-height: 1.8; color: #222; margin-bottom: 25px; text-align: justify; }\n            .hmsa-text-patina strong { font-weight: 700; color: #333; }\n\n            \/* Lists *\/\n            .hmsa-list-patina { list-style: disc; padding-left: 20px; margin: 20px 0 30px 40px; }\n            .hmsa-list-patina li { \n                margin-bottom: 12px; font-size: 18px; line-height: 1.6; color: #333; text-align: justify;\n            }\n\n            \/* Glossary Section *\/\n            .hmsa-glossary-section-patina {\n                background-color: #f4f4f4; padding: 30px; border-radius: 8px;\n                margin: 40px 0; border-left: 5px solid #333;\n            }\n            .hmsa-glossary-title-patina { font-size: 18px; font-weight: 800; color: #ba372a; margin-bottom: 15px; text-transform: uppercase; display: block; }\n            .hmsa-glossary-item-patina { margin-bottom: 10px; font-size: 16px; line-height: 1.5; color: #333; }\n            .hmsa-glossary-item-patina strong { color: #000; }\n\n            \/* References *\/\n            .hmsa-ref-section-patina { margin-top: 80px; padding: 40px; border-top: 3px solid #eee; background: #f9f9f9; border-radius: 8px; }\n            .hmsa-ref-title-patina { font-weight: 800; color: #333; margin-bottom: 20px; display: block; font-size: 20px; }\n            .hmsa-ref-list-patina { list-style: none; padding: 0; margin: 0; }\n            .hmsa-ref-list-patina li { margin-bottom: 8px; font-size: 14px; text-align: left; color: #666; line-height: 1.5; padding-left: 15px; text-indent: -15px; }\n\n            \/* Mobile Responsiveness *\/\n            @media (max-width: 768px) {\n                #hmsa-trigger-card-patina { width: auto; margin: 20px 15px; padding: 20px; }\n                #hmsa-trigger-card-patina .hmsa-card-title { font-size: 20px; }\n                .hmsa-content-container-patina { margin-top: 60px; padding: 0 15px; }\n                .hmsa-close-btn-patina { top: 15px; right: 20px; font-size: 35px; }\n                .hmsa-article-title-patina { font-size: 26px; }\n                .hmsa-subhead-patina { font-size: 20px; margin-top: 30px; }\n                .hmsa-text-patina, .hmsa-list-patina li { font-size: 16px; }\n            }\n        <\/style>\n    `;\n\n    \/\/ B. MODAL HTML CONTENT (FULL TEXT)\n    const hmsaModalHtmlPatina = `\n        <div id=\"hmsa-modal-root-patina\">\n            <button class=\"hmsa-close-btn-patina\" id=\"hmsa-close-action-patina\">&times;<\/button>\n            \n            <div class=\"hmsa-content-container-patina\">\n                <div class=\"hmsa-header-meta-patina\">HMSA Academy: Architectural Conservation & Theory<\/div>\n                \n                <h1 class=\"hmsa-article-title-patina\">The Illusion of 'Like New' in Restoration and the Value of Patina: A Theoretical Approach<\/h1>\n                \n                <div class=\"hmsa-author-patina\">\n                    Author: <strong>M\u00fcge G\u00fcnel<\/strong> <span> \/\/ M.Arch & Restoration Specialist<\/span>\n                <\/div>\n\n                <!-- ABSTRACT -->\n                <div class=\"hmsa-abstract-box-patina\">\n                    <h3 class=\"hmsa-abstract-title-patina\">Abstract<\/h3>\n                    <p class=\"hmsa-abstract-text-patina\">\n                        In the practice of architectural conservation, the endeavor to return structures to their original day-one state often turns into an \"over-restoration\" trap that erases the building's historical testimony. This article examines the distinction between patina\u2014as an aesthetic and protective trace of time\u2014and pathological pollution, through the lens of Alois Riegl\u2019s \"age-value\" concept.\n                    <\/p>\n                <\/div>\n                \n                <h3 class=\"hmsa-subhead-patina\">I. Introduction: The Fallacy of the Chronological Zero Point<\/h3>\n                <p class=\"hmsa-text-patina\">Restoration is not an attempt to drag a building back to a chronological zero point; rather, it is the process of preserving the time it has passed through, the interventions it has undergone, and its inherent historical depth. The desire to make a building look <strong>\"like new\"<\/strong> erases its lived experience, reducing the structure to the level of a \"replica.\" In modern conservation theory, the priority is to protect the protective layer (patina) formed through a balanced relationship between the material and the external world, while eliminating external loads (pollution) that shorten the building's life.<\/p>\n\n                <h3 class=\"hmsa-subhead-patina\">II. Patina: The Historical Epidermis of the Material<\/h3>\n                <p class=\"hmsa-text-patina\">In material science, patina is the microscopic protective layer formed on the surface of stone, brick, or metal as a result of a slow and balanced chemical interaction with atmospheric components. Particularly in calcium carbonate-based stones, this natural layer partially balances the pores of the stone, developing a natural resistance mechanism against acid rain.<\/p>\n                <p class=\"hmsa-text-patina\"><strong>Alois Riegl\u2019s<\/strong> \"Age-Value\" (<em>Alterswert<\/em>), defined in his work \"The Modern Cult of Monuments,\" lies at the very heart of patina. According to Riegl, color changes and natural wear marks on a structure are the strongest evidence that the work belongs to time, not to eternity. Erasing the patina weakens the architectural identity by eliminating the structure's \"documentary value.\"<\/p>\n\n                <h3 class=\"hmsa-subhead-patina\">III. 'Over-cleaning' and Structural Risks<\/h3>\n                <p class=\"hmsa-text-patina\">The reflex to achieve a \"spotless\" surface often leads to irreversible physical damage in restoration. Aggressive mechanical methods or uncontrolled chemicals destroy the protective hard shell of the stone, known as the <strong>epidermis<\/strong>. Once this shell is gone, the softer and more porous structure underneath is exposed; water absorption increases rapidly, and the material begins to crumble under freeze-thaw cycles.<\/p>\n\n                <h3 class=\"hmsa-subhead-patina\">IV. Pathology and the Limits of Cleaning<\/h3>\n                <p class=\"hmsa-text-patina\">The decision to clean must be based on diagnosis, not aesthetics. While patina is preserved, pathological formations that harm the structure must be removed:<\/p>\n                <ul class=\"hmsa-list-patina\">\n                    <li><strong>Black Crusts:<\/strong> These layers, caused by sulfur dioxide, are not patina; they cause the material to dissolve from within by converting the calcium in the stone into gypsum.<\/li>\n                    <li><strong>Biological Colonization:<\/strong> Lichens and mosses chemically dissolve the mineral structure with the acids they secrete.<\/li>\n                <\/ul>\n\n                <h3 class=\"hmsa-subhead-patina\">V. Conclusion: The Boundaries of Ethical Intervention<\/h3>\n                <p class=\"hmsa-text-patina\">As stated in Article 12 of the Venice Charter (1964); <em>\"Replacements of missing parts must integrate harmoniously with the whole, but at the same time must be distinguishable from the original.\"<\/em> The fundamental principle in cleaning should be \"minimal intervention\" and \"reversibility.\" Patina is the soul and dignity of the building; pollution is a burden that harms the surface and must be removed.<\/p>\n                <p class=\"hmsa-text-patina\">A successful conservation intervention is one that distinguishes patina from pollution and adopts the principle: <strong>\"the less intervention, the more conservation.\"<\/strong><\/p>\n\n                <!-- GLOSSARY -->\n                <div class=\"hmsa-glossary-section-patina\">\n                    <span class=\"hmsa-glossary-title-patina\">HMSA Glossary of Terms<\/span>\n                    <div class=\"hmsa-glossary-item-patina\"><strong>Epidermis (Stone Shell):<\/strong> The natural protective layer formed on the surface due to interaction with the atmosphere.<\/div>\n                    <div class=\"hmsa-glossary-item-patina\"><strong>Subflorescence:<\/strong> Pressure created by soluble salts crystallizing just below the material surface.<\/div>\n                    <div class=\"hmsa-glossary-item-patina\"><strong>Hygroscopic Balance:<\/strong> The equilibrium established by the material absorbing and releasing water vapor according to ambient humidity.<\/div>\n                    <div class=\"hmsa-glossary-item-patina\"><strong>Gypsification (Sulphation):<\/strong> The process where limestone expands by turning into gypsum under the influence of air pollution.<\/div>\n                <\/div>\n\n                <!-- REFERENCES -->\n                <div class=\"hmsa-ref-section-patina\">\n                    <span class=\"hmsa-ref-title-patina\">References<\/span>\n                    <ul class=\"hmsa-ref-list-patina\">\n                        <li>1. Riegl, A. (1903). Der moderne Denkmalkultus (The Modern Cult of Monuments). Vienna.<\/li>\n                        <li>2. Feilden, B. M. (2003). Conservation of Historic Buildings. Architectural Press.<\/li>\n                        <li>3. ICOMOS (1964). International Charter for the Conservation and Restoration of Monuments and Sites (Venice Charter).<\/li>\n                        <li>4. Torraca, G. (1988). Porous Building Materials: Materials Science for Architectural Conservation. ICCROM.<\/li>\n                    <\/ul>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    `;\n\n    \/\/ C. INITIALIZATION AND CONTROL LOGIC\n    function initHmsaSystemPatina() {\n        if (!document.getElementById('hmsa-modal-root-patina')) {\n            document.head.insertAdjacentHTML('beforeend', hmsaStylesPatina);\n            document.body.insertAdjacentHTML('beforeend', hmsaModalHtmlPatina);\n        }\n\n        const triggerCard = document.getElementById('hmsa-trigger-card-patina');\n        const modalRoot = document.getElementById('hmsa-modal-root-patina');\n        \n        function openModal(e) {\n            if (e.target.closest('.hmsa-page-link')) return;\n            e.preventDefault();\n            modalRoot.classList.add('active');\n            document.body.style.overflow = 'hidden';\n        }\n\n        if (triggerCard) triggerCard.addEventListener('click', openModal);\n\n        function closeModal() {\n            modalRoot.classList.remove('active');\n            document.body.style.overflow = '';\n        }\n\n        const closeBtn = document.getElementById('hmsa-close-action-patina');\n        if (closeBtn) closeBtn.addEventListener('click', closeModal);\n\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape' && modalRoot.classList.contains('active')) {\n                closeModal();\n            }\n        });\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initHmsaSystemPatina);\n    } else {\n        initHmsaSystemPatina();\n    }\n})();\n<\/script>\n<!-- =================== HMSA ACADEMY: PATINA & RESTORATION THEORY CARD END ===================== -->\n\n\n\n<!-- ============================================================================== -->\n<!-- === HMSA ACADEMY: BUILDING PHYSICS & MOISTURE CYCLE CARD (ENGLISH) ========== -->\n<!-- ============================================================================== -->\n\n<!-- 1. VISIBLE CARD PART -->\n<div id=\"hmsa-trigger-card-physics-en\" class=\"hmsa-card-wrapper\">\n    <div class=\"hmsa-card-meta\">HMSA ACADEMY: BUILDING PHYSICS &#038; MATERIALS SCIENCE<\/div>\n    <h2 class=\"hmsa-card-title\">The Concept of &#8216;Breathing&#8217; in Building Physics: Water Vapor Diffusion and Moisture Cycle<\/h2>\n    \n    <!-- AUTHOR SECTION -->\n    <div style=\"font-size: 13px; color: #444; font-weight: 600; margin-bottom: 12px;\">\n        Author: <strong>M\u00fcge G\u00fcnel<\/strong> <span style=\"font-weight:400; color:#888;\"> \/\/ Architect &#038; Restoration Specialist<\/span>\n    <\/div>\n\n    <p class=\"hmsa-card-desc\">\n        A technical analysis of the scientific meaning of &#8220;breathing&#8221; in historic buildings, the diffusion capacity of materials, and the structural pathologies caused by incorrect interventions.\n    <\/p>\n    \n    <!-- ACTION GROUP -->\n    <div class=\"hmsa-action-group\">\n        <button class=\"hmsa-read-btn\">Qu\u0131ck Read (Popup) &rarr;<\/button>\n        <a href=\"https:\/\/www.letoon.com.tr\/eng\/the-concept-of-breathing-in-building-physics-water-vapor-diffusion-and-moisture-cycle\/\" class=\"hmsa-page-link\">Full Art\u0131cle &nearr;<\/a>\n    <\/div>\n<\/div>\n\n<!-- 2. SYSTEM SCRIPT (Content, Design, Functions) -->\n<script>\n(function() {\n    \/* \n       HMSA MODAL SYSTEM - BUILDING PHYSICS EN VERSION\n       Theme Color: Red (#ba372a)\n    *\/\n\n    const hmsaStylesPhysicsEn = `\n        <style>\n            #hmsa-trigger-card-physics-en {\n                font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n                background: #fff; border-radius: 8px; padding: 30px;\n                box-shadow: 0 5px 20px rgba(0,0,0,0.08); \n                border-left: 5px solid #ba372a;\n                cursor: pointer; transition: transform 0.3s ease; max-width: 800px; margin: 40px auto;\n                box-sizing: border-box; display: block; position: relative; z-index: 1;\n            }\n            #hmsa-trigger-card-physics-en:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.12); }\n            #hmsa-trigger-card-physics-en .hmsa-card-meta { font-size: 11px; color: #ba372a; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }\n            #hmsa-trigger-card-physics-en .hmsa-card-title { font-size: 24px; color: #222; font-weight: 800; margin: 0 0 5px 0; line-height: 1.3; }\n            #hmsa-trigger-card-physics-en .hmsa-card-desc { font-size: 15px; color: #666; line-height: 1.5; margin: 0 0 20px 0; text-align: justify; }\n\n            #hmsa-trigger-card-physics-en .hmsa-action-group {\n                display: flex; align-items: center; gap: 20px;\n                margin-top: 25px; border-top: 1px solid #f0f0f0; padding-top: 20px;\n            }\n            #hmsa-trigger-card-physics-en .hmsa-read-btn { \n                background: #ba372a; border: none; color: #fff; font-weight: 700; font-size: 13px; \n                cursor: pointer; padding: 10px 20px; border-radius: 4px; text-transform: uppercase; \n                transition: background 0.3s;\n            }\n            #hmsa-trigger-card-physics-en .hmsa-read-btn:hover { background: #962a1f; }\n            #hmsa-trigger-card-physics-en .hmsa-page-link {\n                text-decoration: none; color: #555; font-size: 13px; font-weight: 600;\n                border-bottom: 1px solid transparent; transition: all 0.3s; text-transform: uppercase;\n            }\n            #hmsa-trigger-card-physics-en .hmsa-page-link:hover { color: #ba372a; border-bottom: 1px solid #ba372a; }\n\n            \/* MODAL STYLES *\/\n            #hmsa-modal-root-physics-en {\n                position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n                background-color: rgba(255,255,255,0.99); z-index: 2147483647; \n                opacity: 0; visibility: hidden; transition: opacity 0.3s ease;\n                overflow-y: auto; font-family: 'Segoe UI', Arial, sans-serif;\n            }\n            #hmsa-modal-root-physics-en.active { opacity: 1; visibility: visible; }\n            .hmsa-content-container-en { max-width: 800px; margin: 60px auto 100px auto; padding: 0 30px; color: #333; }\n            \n            .hmsa-close-btn-en {\n                position: fixed; top: 25px; right: 30px; font-size: 45px; color: #ccc;\n                background: transparent; border: none; cursor: pointer; z-index: 2147483648;\n            }\n            .hmsa-close-btn-en:hover { color: #ba372a; }\n\n            .hmsa-article-title-en { font-size: 34px; font-weight: 800; color: #111; line-height: 1.3; margin-bottom: 10px; }\n            .hmsa-author-box-en { font-size: 16px; color: #666; font-style: italic; margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px; }\n            \n            .hmsa-abstract-en {\n                background-color: #fcfcfc; border-left: 5px solid #ba372a;\n                padding: 25px 30px; margin-bottom: 40px; border-radius: 0 4px 4px 0;\n            }\n            .hmsa-subhead-en { font-size: 24px; font-weight: 700; color: #ba372a; margin-top: 50px; margin-bottom: 20px; border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; display:block; }\n            .hmsa-text-en { font-size: 18px; line-height: 1.8; color: #222; margin-bottom: 25px; text-align: justify; }\n            .hmsa-list-en { list-style: disc; padding-left: 20px; margin: 20px 0 30px 40px; }\n            .hmsa-list-en li { margin-bottom: 12px; font-size: 18px; line-height: 1.6; color: #333; }\n\n            .hmsa-glossary-en { background: #f4f4f4; padding: 30px; border-radius: 8px; margin: 40px 0; }\n            .hmsa-ref-en { margin-top: 80px; padding: 40px; border-top: 3px solid #eee; background: #f9f9f9; border-radius: 8px; font-size: 14px; }\n        <\/style>\n    `;\n\n    const hmsaModalHtmlPhysicsEn = `\n        <div id=\"hmsa-modal-root-physics-en\">\n            <button class=\"hmsa-close-btn-en\" id=\"hmsa-close-action-en\">&times;<\/button>\n            <div class=\"hmsa-content-container-en\">\n                <div style=\"font-size:13px; color:#ba372a; font-weight:bold; text-transform:uppercase; margin-bottom:10px;\">HMSA Academy: Building Physics<\/div>\n                <h1 class=\"hmsa-article-title-en\">The Concept of 'Breathing' in Building Physics: Water Vapor Diffusion and Moisture Cycle<\/h1>\n                \n                <div class=\"hmsa-author-box-en\">\n                    Author: <strong>M\u00fcge G\u00fcnel<\/strong> <span> \/\/ Architect & Restoration Specialist<\/span>\n                <\/div>\n\n                <div class=\"hmsa-abstract-en\">\n                    <h3 style=\"color:#ba372a; margin-top:0;\">Abstract<\/h3>\n                    <p style=\"font-style:italic; color:#555; font-size:16px; margin:0; line-height:1.6;\">\n                        In historic buildings, the term \"breathing\" refers to the capacity of the building envelope to absorb and release water vapor rather than air permeability. This article examines the hygrical behavior of traditional building materials, the water vapor diffusion resistance factor (&mu;-value), and the impact of incorrect material selection on structural pathologies from a technical perspective.\n                    <\/p>\n                <\/div>\n                \n                <h3 class=\"hmsa-subhead-en\">1. Introduction: The Physical Reality of \"Breathing\"<\/h3>\n                <p class=\"hmsa-text-en\">\n                    In restoration terminology, \"breathing\" is scientifically defined as <strong>water vapor diffusion permeability<\/strong>. A building breathes when water vapor moves through building elements (stone, brick, plaster) and is evacuated due to the partial vapor pressure difference between indoor and outdoor environments. This process maintains the <strong>hygric balance<\/strong> and allows moisture to transition from a liquid phase to a gas phase and dissipate.\n                <\/p>\n\n                <h3 class=\"hmsa-subhead-en\">2. Vapor Pressure and Diffusion Mechanism<\/h3>\n                <p class=\"hmsa-text-en\">\n                    Water vapor always moves from areas of high pressure to low pressure. In heated interiors, vapor pressure rises, and moisture tends to exit through the building envelope.\n                <\/p>\n                <ul class=\"hmsa-list-en\">\n                    <li><strong>Advantage of Mineral Structures:<\/strong> Traditional lime-based plasters and natural stones have an open-pore structure that offers minimal resistance to vapor passage.<\/li>\n                    <li><strong>Synthetic Barriers:<\/strong> Acrylic-based paints or cement-based plasters applied to surfaces act as high-resistance barriers. This results in <strong>condensation<\/strong> as vapor becomes trapped and liquefies beneath the surface.<\/li>\n                <\/ul>\n\n                <h3 class=\"hmsa-subhead-en\">3. &mu;-Value: Water Vapor Diffusion Resistance Factor<\/h3>\n                <p class=\"hmsa-text-en\">\n                    A material's breathing capacity is measured by the <strong>&mu; (Mu) value<\/strong>. This coefficient indicates how much more resistant a material is to vapor passage compared to air.\n                <\/p>\n                <ul class=\"hmsa-list-en\">\n                    <li>Air: &mu; = 1<\/li>\n                    <li>Traditional Lime Plaster: &mu; &asymp; 5-10<\/li>\n                    <li>Natural Stones: &mu; &asymp; 10-40<\/li>\n                    <li>Acrylic Paints \/ Cement: &mu; > 100-200 (Extremely high resistance)<\/li>\n                <\/ul>\n                <p class=\"hmsa-text-en\">As the resistance coefficient increases, the building envelope fails to evacuate vapor, leading to \"moisture entrapment.\"<\/p>\n\n                <h3 class=\"hmsa-subhead-en\">4. Disruption of the Moisture Cycle and Pathological Outcomes<\/h3>\n                <p class=\"hmsa-text-en\">\n                    When the moisture cycle is interrupted, liquefied water within the building element carries soluble salts to the surface. An impermeable layer (acrylic paint or incompatible plaster) prevents evaporation. The trapped water crystallizes just beneath the surface (<strong>subflorescence<\/strong>), causing mechanical disintegration, peeling, and the rapid growth of biological agents like mold and fungi.\n                <\/p>\n\n                <h3 class=\"hmsa-subhead-en\">5. Conclusion<\/h3>\n                <p class=\"hmsa-text-en\">\n                    In sustainable conservation, interfering with the moisture balance of a historic building directly affects its lifespan. Any layer applied to the building envelope must be compatible with the material's original diffusion capacity. A \"non-breathing\" restoration intervention initiates a silent process of internal decay. Conservation ethics demand the preservation of not just the visual appearance, but the physical behavior of the material.\n                <\/p>\n\n                <div class=\"hmsa-glossary-en\">\n                    <h3 style=\"margin-top:0; color:#ba372a;\">HSMA Glossary<\/h3>\n                    <p><strong>Water Vapor Diffusion Permeability:<\/strong> The ability of gas-phase water molecules to pass through the pores of a material.<\/p>\n                    <p><strong>Condensation:<\/strong> The accumulation of water as it transitions to a liquid phase due to temperature differences.<\/p>\n                    <p><strong>Hygroscopic Capacity:<\/strong> The property of a material to attract and hold moisture from the surrounding environment.<\/p>\n                    <p><strong>Sd Value (Equivalent Air Layer Thickness):<\/strong> A measure of total vapor resistance, calculated by multiplying material thickness by the &mu;-value.<\/p>\n                    <p><strong>Capillary Suction (Capillarity):<\/strong> The upward movement of liquid water through narrow channels against gravity.<\/p>\n                <\/div>\n\n                <div class=\"hmsa-ref-en\">\n                    <strong>References<\/strong>\n                    <ul style=\"list-style:none; padding:0; margin-top:10px;\">\n                        <li>1. Straube, J., & Burnett, E. (2005). Building Science for Building Enclosures.<\/li>\n                        <li>2. Massari, G., & Massari, I. (1993). Damp Buildings, Old and New. ICCROM.<\/li>\n                        <li>3. Hens, H. S. (2017). Building Physics - Heat, Air and Moisture.<\/li>\n                        <li>4. Snethlage, R. (2014). Leitfaden Steinkonservierung.<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    `;\n\n    function initHmsaPhysicsEn() {\n        if (!document.getElementById('hmsa-modal-root-physics-en')) {\n            document.head.insertAdjacentHTML('beforeend', hmsaStylesPhysicsEn);\n            document.body.insertAdjacentHTML('beforeend', hmsaModalHtmlPhysicsEn);\n        }\n        const card = document.getElementById('hmsa-trigger-card-physics-en');\n        const modal = document.getElementById('hmsa-modal-root-physics-en');\n        card.addEventListener('click', (e) => {\n            if (e.target.closest('.hmsa-page-link')) return;\n            modal.classList.add('active');\n            document.body.style.overflow = 'hidden';\n        });\n        document.getElementById('hmsa-close-action-en').addEventListener('click', () => {\n            modal.classList.remove('active');\n            document.body.style.overflow = '';\n        });\n    }\n    document.readyState === 'loading' ? document.addEventListener('DOMContentLoaded', initHmsaPhysicsEn) : initHmsaPhysicsEn();\n})();\n<\/script>\n<!-- =================== HMSA ACADEMY: BUILDING PHYSICS CARD END ========================== -->\n\n\n\n<!-- ============================================================================== -->\n<!-- === HMSA ACADEMY: CONSOLIDATION AND MATERIAL INTEGRITY CARD (ENGLISH) ======== -->\n<!-- ============================================================================== -->\n\n<!-- 1. VISIBLE CARD PART (Summary card on the site) -->\n<div id=\"hmsa-trigger-card-consolidation-en\" class=\"hmsa-card-wrapper\">\n    <div class=\"hmsa-card-meta\">HMSA ACADEMY: RESTORATION TECHNIQUES &#038; MATERIALS SCIENCE<\/div>\n    <h2 class=\"hmsa-card-title\">Limits of Consolidation: Regaining Material Integrity from Within<\/h2>\n    \n    <!-- AUTHOR SECTION (CARD) -->\n    <div style=\"font-size: 13px; color: #444; font-weight: 600; margin-bottom: 12px;\">\n        <div class=\"hmsa-author-stone\">\n            Author: <strong>M\u00fcge G\u00fcnel<\/strong> <span> \/\/ Architect &#038; Restoration Specialist<\/span>\n        <\/div>\n    <\/div>\n\n    <p class=\"hmsa-card-desc\">\n        A technical analysis of the silicification mechanism, technical criteria for reinforcing mineral surfaces, and the risks of &#8220;case-hardening&#8221; in historical structures.\n    <\/p>\n    \n    <!-- ACTION GROUP -->\n    <div class=\"hmsa-action-group\">\n        <!-- Popup Trigger Button -->\n        <button class=\"hmsa-read-btn\">Qu\u0131ck Read (Popup) &rarr;<\/button>\n        \n        <!-- Link to Full Article -->\n        <a href=\"https:\/\/www.letoon.com.tr\/eng\/limits-of-consolidation-regaining-material-integrity-from-within\/\" class=\"hmsa-page-link\">Full Art\u0131cle &nearr;<\/a>\n    <\/div>\n<\/div>\n\n<!-- 2. SYSTEM SCRIPT (Content, Design, and Functions) -->\n<script>\n(function() {\n    \/* \n       HMSA MODAL SYSTEM - CONSOLIDATION ENGLISH VERSION\n       Theme Color: Deep Red (#ba372a)\n    *\/\n\n    \/\/ A. CSS STYLES\n    const hmsaStylesConsolidationEN = `\n        <style>\n            \/* --- CARD STYLES --- *\/\n            #hmsa-trigger-card-consolidation-en {\n                font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n                background: #fff; border-radius: 8px; padding: 30px;\n                box-shadow: 0 5px 20px rgba(0,0,0,0.08); \n                border-left: 5px solid #ba372a;\n                cursor: pointer; transition: transform 0.3s ease; max-width: 800px; margin: 40px auto;\n                box-sizing: border-box; display: block; position: relative; z-index: 1;\n            }\n            #hmsa-trigger-card-consolidation-en:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.12); }\n            \n            #hmsa-trigger-card-consolidation-en .hmsa-card-meta { font-size: 11px; color: #ba372a; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }\n            #hmsa-trigger-card-consolidation-en .hmsa-card-title { font-size: 24px; color: #222; font-weight: 800; margin: 0 0 5px 0; line-height: 1.3; }\n            #hmsa-trigger-card-consolidation-en .hmsa-card-desc { font-size: 15px; color: #666; line-height: 1.5; margin: 0 0 20px 0; text-align: justify; }\n\n            \/* Action Group *\/\n            #hmsa-trigger-card-consolidation-en .hmsa-action-group {\n                display: flex; align-items: center; gap: 20px;\n                margin-top: 25px; border-top: 1px solid #f0f0f0; padding-top: 20px;\n            }\n            #hmsa-trigger-card-consolidation-en .hmsa-read-btn { \n                background: #ba372a; border: none; color: #fff; font-weight: 700; font-size: 13px; \n                cursor: pointer; padding: 10px 20px; border-radius: 4px; text-transform: uppercase; \n                transition: background 0.3s;\n            }\n            #hmsa-trigger-card-consolidation-en .hmsa-read-btn:hover { background: #962a1f; }\n            #hmsa-trigger-card-consolidation-en .hmsa-page-link {\n                text-decoration: none; color: #555; font-size: 13px; font-weight: 600;\n                border-bottom: 1px solid transparent; transition: all 0.3s; text-transform: uppercase;\n            }\n            #hmsa-trigger-card-consolidation-en .hmsa-page-link:hover { color: #ba372a; border-bottom: 1px solid #ba372a; }\n\n            \/* --- MODAL (POPUP) STYLES --- *\/\n            #hmsa-modal-root-cons-en {\n                position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n                background-color: rgba(255,255,255,0.99); z-index: 2147483647; \n                opacity: 0; visibility: hidden; transition: opacity 0.3s ease;\n                overflow-y: auto; -webkit-overflow-scrolling: touch;\n                font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; box-sizing: border-box;\n            }\n            #hmsa-modal-root-cons-en.active { opacity: 1; visibility: visible; }\n            #hmsa-modal-root-cons-en * { box-sizing: border-box; }\n\n            .hmsa-content-container-cons-en {\n                max-width: 800px; margin: 60px auto 100px auto; padding: 0 30px;\n                color: #333; transform: translateY(20px); transition: transform 0.4s ease;\n            }\n            #hmsa-modal-root-cons-en.active .hmsa-content-container-cons-en { transform: translateY(0); }\n\n            .hmsa-close-btn-cons-en {\n                position: fixed; top: 25px; right: 30px; font-size: 45px; color: #ccc;\n                background: transparent; border: none; cursor: pointer; z-index: 2147483648;\n                line-height: 1; transition: color 0.3s;\n            }\n            .hmsa-close-btn-cons-en:hover { color: #ba372a; }\n\n            \/* Typography *\/\n            .hmsa-header-meta-cons-en { font-size:13px; color:#ba372a; font-weight:bold; text-transform:uppercase; margin-bottom:10px; letter-spacing: 1px; }\n            .hmsa-article-title-cons-en { font-size: 34px; font-weight: 800; color: #111; line-height: 1.3; margin-bottom: 10px; }\n            .hmsa-article-author-cons-en { font-size: 16px; color: #666; font-style: italic; margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px; display: block; }\n            \n            \/* Abstract Box *\/\n            .hmsa-abstract-box-cons-en {\n                background-color: #fcfcfc; border-left: 5px solid #ba372a;\n                padding: 25px 30px; margin-bottom: 40px; border-radius: 0 4px 4px 0;\n            }\n            .hmsa-abstract-title-cons-en { font-size: 18px; font-weight: 800; color: #ba372a; margin-top: 0; margin-bottom: 15px; }\n            .hmsa-abstract-text-cons-en { font-size: 16px; line-height: 1.6; color: #555; font-style: italic; margin: 0; text-align: justify; }\n\n            \/* Headers and Text *\/\n            .hmsa-subhead-cons-en { \n                font-size: 24px; font-weight: 700; color: #ba372a; \n                margin-top: 50px; margin-bottom: 20px; \n                border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; \n                display:block; \n            }\n            .hmsa-text-cons-en { font-size: 18px; line-height: 1.8; color: #222; margin-bottom: 25px; text-align: justify; }\n            .hmsa-text-cons-en strong { font-weight: 700; color: #333; }\n\n            \/* Lists *\/\n            .hmsa-list-cons-en { list-style: disc; padding-left: 20px; margin: 20px 0 30px 40px; }\n            .hmsa-list-cons-en li { \n                margin-bottom: 12px; font-size: 18px; line-height: 1.6; color: #333; text-align: justify;\n            }\n\n            \/* Glossary Box *\/\n            .hmsa-glossary-box-en {\n                background: #f4f4f4; padding: 30px; border-radius: 8px; margin: 40px 0;\n            }\n            .hmsa-glossary-item-en { margin-bottom: 15px; font-size: 16px; line-height: 1.5; }\n            .hmsa-glossary-item-en strong { color: #ba372a; }\n\n            \/* References *\/\n            .hmsa-ref-section-cons-en { margin-top: 80px; padding: 40px; border-top: 3px solid #eee; background: #f9f9f9; border-radius: 8px; }\n            .hmsa-ref-title-cons-en { font-weight: 800; color: #333; margin-bottom: 20px; display: block; font-size: 20px; }\n            .hmsa-ref-list-cons-en { list-style: none; padding: 0; margin: 0; }\n            .hmsa-ref-list-cons-en li { margin-bottom: 8px; font-size: 14px; text-align: left; color: #666; line-height: 1.5; }\n\n            \/* Mobile Compatibility *\/\n            @media (max-width: 768px) {\n                #hmsa-trigger-card-consolidation-en { width: auto; margin: 20px 15px; padding: 20px; }\n                .hmsa-content-container-cons-en { margin-top: 60px; padding: 0 15px; }\n                .hmsa-article-title-cons-en { font-size: 26px; }\n                .hmsa-text-cons-en, .hmsa-list-cons-en li { font-size: 16px; }\n            }\n        <\/style>\n    `;\n\n    \/\/ B. MODAL HTML CONTENT\n    const hmsaModalHtmlConsolidationEN = `\n        <div id=\"hmsa-modal-root-cons-en\">\n            <button class=\"hmsa-close-btn-cons-en\" id=\"hmsa-close-action-cons-en\">&times;<\/button>\n            \n            <div class=\"hmsa-content-container-cons-en\">\n                <div class=\"hmsa-header-meta-cons-en\">HMSA Academy: Restoration Techniques & Materials Science<\/div>\n                \n                <h1 class=\"hmsa-article-title-cons-en\">Limits of Consolidation: Regaining Material Integrity from Within<\/h1>\n                \n                <!-- AUTHOR \/ INSTITUTION AREA -->\n                <div class=\"hmsa-article-author-cons-en\">\n                    Author: <strong>M\u00fcge G\u00fcnel<\/strong> <span> \/\/ Architect & Restoration Specialist<\/span>\n                <\/div>\n\n                <div class=\"hmsa-abstract-box-cons-en\">\n                    <h3 class=\"hmsa-abstract-title-cons-en\">Abstract<\/h3>\n                    <p class=\"hmsa-abstract-text-cons-en\">\n                        For mineral surfaces in historical buildings that have lost their binder, become powdery, or lost structural resistance, consolidation is an essential intervention. However, this process must be carried out within specific ethical and physical limits as it interferes with the material's natural cycle. This article examines the silicification mechanism, the alignment of the \"modulus of elasticity,\" and the risks of \"case-hardening\" caused by over-intervention.\n                    <\/p>\n                <\/div>\n                \n                <h3 class=\"hmsa-subhead-cons-en\">1. Introduction: Tracking the Lost Binder<\/h3>\n                <p class=\"hmsa-text-cons-en\">\n                    Natural stone, brick, and lime-based plasters lose their internal bonds over time due to atmospheric effects, freeze-thaw cycles, and the crystallization pressure of salts carried by water. When a material exhibits <strong>\"sanding\"<\/strong> or <strong>\"exfoliation,\"<\/strong> it is a herald of structural collapse. Consolidation is the process of re-establishing lost mechanical resistance \"from the inside out\" by injecting a new binder into the material's pore structure.\n                <\/p>\n\n                <h3 class=\"hmsa-subhead-cons-en\">2. Silicification Mechanism: Mineral Integration<\/h3>\n                <p class=\"hmsa-text-cons-en\">\n                    The most accepted method in modern restoration technology is the use of ethyl silicate or potassium silicate-based consolidants. After penetrating the pores, these materials react with atmospheric humidity to form a pure silica dioxide gel.\n                <\/p>\n                <ul class=\"hmsa-list-cons-en\">\n                    <li><strong>Chemical Bonding:<\/strong> This gel establishes new mineral bridges between particles.<\/li>\n                    <li><strong>Compatibility with Authenticity:<\/strong> Since silicate-based interventions share a similar chemical character with the material's mineral structure, they exhibit much higher historical and physical compatibility compared to synthetic resins (epoxy, acrylic, etc.).<\/li>\n                <\/ul>\n\n                <h3 class=\"hmsa-subhead-cons-en\">3. Ethical and Physical Limits of Consolidation<\/h3>\n                <p class=\"hmsa-text-cons-en\">\n                    Although consolidation is a salvage operation, incorrect application can \"kill\" the structure. A successful consolidation must respect these three boundaries:\n                <\/p>\n                <ul class=\"hmsa-list-cons-en\">\n                    <li><strong>Depth of Penetration:<\/strong> The consolidant should not remain only on the surface; it must penetrate to the deepest point of the damaged area. Material remaining on the surface causes <strong>\"case-hardening\"<\/strong> (hard crust).<\/li>\n                    <li><strong>Preservation of Hygric Properties:<\/strong> The consolidated area must not lose its \"breathability\" (water vapor diffusion). Total blockage of pores leads to water entrapment beneath the surface, giving rise to new pathologies.<\/li>\n                    <li><strong>Differential Thermal Expansion:<\/strong> The added binder should have a coefficient of thermal expansion similar to the original material. Otherwise, the new layer will detach and flake off during temperature fluctuations.<\/li>\n                <\/ul>\n\n                <h3 class=\"hmsa-subhead-cons-en\">4. Risk of Case-Hardening<\/h3>\n                <p class=\"hmsa-text-cons-en\">\n                    The greatest risk in consolidation is the outer surface becoming significantly harder than the interior. This causes moisture inside the stone to accumulate beneath the surface as it tries to exit, and thermal stresses eventually cause this hard layer to break off as a whole. The intervention should not dramatically alter the natural <strong>modulus of elasticity (E-modulus)<\/strong>; it should only restore the lost resistance.\n                <\/p>\n\n                <h3 class=\"hmsa-subhead-cons-en\">5. Conclusion<\/h3>\n                <p class=\"hmsa-text-cons-en\">\n                    Consolidation can be a \"lifeblood\" that extends the material's lifespan, or it can turn into a process that accelerates destruction when performed unconsciously. Scientific restoration ethics mandate pre-analysis of the intervention depth, chemical compatibility, and post-intervention physical behavior (diffusion, expansion). Holistic protection is not just about hardening the surface but restoring the internal peace and structural balance of the material.\n                <\/p>\n\n                <!-- GLOSSARY OF TERMS -->\n                <div class=\"hmsa-glossary-box-en\">\n                    <h3 style=\"margin-top:0; color:#ba372a;\">HSMA Glossary of Terms<\/h3>\n                    <div class=\"hmsa-glossary-item-en\"><strong>Consolidation:<\/strong> The process of strengthening porous building materials that have lost physical resistance using a binding agent.<\/div>\n                    <div class=\"hmsa-glossary-item-en\"><strong>Penetration:<\/strong> The ability of a consolidant to seep into the depths of a material via gravity or capillary absorption.<\/div>\n                    <div class=\"hmsa-glossary-item-en\"><strong>Modulus of Elasticity (E-Modulus):<\/strong> A measure of how much a material stretches or deforms under force. In restoration, the E-modulus of the new material must be compatible with the original.<\/div>\n                    <div class=\"hmsa-glossary-item-en\"><strong>Gelation Time:<\/strong> The process by which silicate-based materials transition from a liquid phase to a solid (gel) phase.<\/div>\n                    <div class=\"hmsa-glossary-item-en\"><strong>Re-treatability:<\/strong> Since total reversibility is impossible in consolidation, the principle of \"re-treatability\" (allowing for future interventions) is essential.<\/div>\n                <\/div>\n\n                <!-- REFERENCES -->\n                <div class=\"hmsa-ref-section-cons-en\">\n                    <span class=\"hmsa-ref-title-cons-en\">References<\/span>\n                    <ul class=\"hmsa-ref-list-cons-en\">\n                        <li>1. Hansen, E., et al. (2003). A Review of Selected Inorganic Consolidants and Protective Treatments for Stone. Getty Conservation Institute.<\/li>\n                        <li>2. Wheeler, G. (2005). Alkoxysilanes and the Consolidation of Stone. Getty Publications.<\/li>\n                        <li>3. Young, D. (2008). Technical Guide: Salt Attack and Rising Damp. Heritage Council of NSW.<\/li>\n                        <li>4. Doehne, E., & Price, C. A. (2010). Stone Conservation: An Overview of Current Research. Getty Conservation Institute.<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    `;\n\n    \/\/ C. INITIALIZATION AND CONTROL LOGIC\n    function initHmsaSystemConsolidationEN() {\n        if (!document.getElementById('hmsa-modal-root-cons-en')) {\n            document.head.insertAdjacentHTML('beforeend', hmsaStylesConsolidationEN);\n            document.body.insertAdjacentHTML('beforeend', hmsaModalHtmlConsolidationEN);\n        }\n\n        const triggerCard = document.getElementById('hmsa-trigger-card-consolidation-en');\n        const modalRoot = document.getElementById('hmsa-modal-root-cons-en');\n        \n        function openModal(e) {\n            if (e.target.closest('.hmsa-page-link')) return;\n            e.preventDefault();\n            modalRoot.classList.add('active');\n            document.body.style.overflow = 'hidden';\n        }\n\n        if (triggerCard) triggerCard.addEventListener('click', openModal);\n\n        function closeModal() {\n            modalRoot.classList.remove('active');\n            document.body.style.overflow = '';\n        }\n\n        const closeBtn = document.getElementById('hmsa-close-action-cons-en');\n        if (closeBtn) closeBtn.addEventListener('click', closeModal);\n\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape' && modalRoot.classList.contains('active')) closeModal();\n        });\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initHmsaSystemConsolidationEN);\n    } else {\n        initHmsaSystemConsolidationEN();\n    }\n})();\n<\/script>\n<!-- =================== HMSA ACADEMY: CONSOLIDATION CARD END ===================== -->\n\n\n\n<!-- ============================================================================== -->\n<!-- === HMSA ACADEMY: PATINA AND 'GOOD AS NEW' ILLUSION CARD START ============= -->\n<!-- ============================================================================== -->\n\n<!-- 1. VISIBLE CARD SECTION (Summary card on the website) -->\n<div id=\"hmsa-trigger-card-patina\" class=\"hmsa-card-wrapper\">\n    <div class=\"hmsa-card-meta\">HMSA ACADEMY: MATERIALS SCIENCE &#038; CONSERVATION<\/div>\n    <h2 class=\"hmsa-card-title\">The &#8216;Good as New&#8217; Illusion in Restoration and the Value of Patina<\/h2>\n    <p class=\"hmsa-card-desc\">\n        The damage caused by the attempt to return buildings to their original, day-one condition in architectural conservation practice. The vital differences between &#8220;patina&#8221;, a natural protective layer, and &#8220;pathological soiling&#8221; that destroys the structure.\n    <\/p>\n    \n    <!-- BUTTON GROUP -->\n    <div class=\"hmsa-action-group\">\n        <!-- Open Popup Button -->\n        <button class=\"hmsa-read-btn\">Qu\u0131ck Read (Popup) &rarr;<\/button>\n        \n        <!-- Go to Page Link (Replace the href with your actual English page URL) -->\n        <a href=\"https:\/\/www.letoon.com.tr\/eng\/the-good-as-new-illusion-in-restoration-and-the-value-of-patina\/\" class=\"hmsa-page-link\">Read on Page &nearr;<\/a>\n    <\/div>\n<\/div>\n\n<!-- 2. SYSTEM SCRIPT (Full Content, Design, and Functions) -->\n<script>\n(function() {\n    \/* \n       HMSA MODAL SYSTEM - PATINA VERSION (ENGLISH)\n       IDs are suffixed with \"-patina\" to prevent conflicts.\n       Theme Color: Red (#ba372a)\n    *\/\n\n    \/\/ A. CSS STYLES\n    const hmsaStylesPatina = `\n        <style>\n            \/* --- CARD STYLES --- *\/\n            #hmsa-trigger-card-patina {\n                font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n                background: #fff; border-radius: 8px; padding: 30px;\n                box-shadow: 0 5px 20px rgba(0,0,0,0.08); \n                border-left: 5px solid #ba372a;\n                cursor: pointer; transition: transform 0.3s ease; max-width: 800px; margin: 40px auto;\n                box-sizing: border-box; display: block; position: relative; z-index: 1;\n            }\n            #hmsa-trigger-card-patina:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.12); }\n            \n            #hmsa-trigger-card-patina .hmsa-card-meta { font-size: 11px; color: #ba372a; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }\n            #hmsa-trigger-card-patina .hmsa-card-title { font-size: 24px; color: #222; font-weight: 800; margin: 0 0 15px 0; line-height: 1.3; }\n            #hmsa-trigger-card-patina .hmsa-card-desc { font-size: 15px; color: #666; line-height: 1.5; margin: 0 0 20px 0; text-align: justify; }\n\n            \/* Button Group *\/\n            #hmsa-trigger-card-patina .hmsa-action-group {\n                display: flex; align-items: center; gap: 20px;\n                margin-top: 25px; border-top: 1px solid #f0f0f0; padding-top: 20px;\n            }\n            #hmsa-trigger-card-patina .hmsa-read-btn { \n                background: #ba372a; border: none; color: #fff; font-weight: 700; font-size: 13px; \n                cursor: pointer; padding: 10px 20px; border-radius: 4px; text-transform: uppercase; \n                transition: background 0.3s;\n            }\n            #hmsa-trigger-card-patina .hmsa-read-btn:hover { background: #962a1f; }\n            #hmsa-trigger-card-patina .hmsa-page-link {\n                text-decoration: none; color: #555; font-size: 13px; font-weight: 600;\n                border-bottom: 1px solid transparent; transition: all 0.3s; text-transform: uppercase;\n            }\n            #hmsa-trigger-card-patina .hmsa-page-link:hover { color: #ba372a; border-bottom: 1px solid #ba372a; }\n\n            \/* --- MODAL (POPUP) STYLES --- *\/\n            #hmsa-modal-root-patina {\n                position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n                background-color: rgba(255,255,255,0.99); z-index: 2147483647; \n                opacity: 0; visibility: hidden; transition: opacity 0.3s ease;\n                overflow-y: auto; -webkit-overflow-scrolling: touch;\n                font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; box-sizing: border-box;\n            }\n            #hmsa-modal-root-patina.active { opacity: 1; visibility: visible; }\n            #hmsa-modal-root-patina * { box-sizing: border-box; }\n\n            .hmsa-content-container-patina {\n                max-width: 800px; margin: 60px auto 100px auto; padding: 0 30px;\n                color: #333; transform: translateY(20px); transition: transform 0.4s ease;\n            }\n            #hmsa-modal-root-patina.active .hmsa-content-container-patina { transform: translateY(0); }\n\n            .hmsa-close-btn-patina {\n                position: fixed; top: 25px; right: 30px; font-size: 45px; color: #ccc;\n                background: transparent; border: none; cursor: pointer; z-index: 2147483648;\n                line-height: 1; transition: color 0.3s;\n            }\n            .hmsa-close-btn-patina:hover { color: #ba372a; }\n\n            \/* Typography *\/\n            .hmsa-header-meta-patina { font-size:13px; color:#ba372a; font-weight:bold; text-transform:uppercase; margin-bottom:10px; letter-spacing: 1px; }\n            .hmsa-article-title-patina { font-size: 34px; font-weight: 800; color: #111; line-height: 1.3; margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 20px; }\n            \n            .hmsa-author-patina { \n                font-size: 15px; color: #666; margin-bottom: 40px; display: block; font-style: italic;\n            }\n            .hmsa-author-patina strong { color: #ba372a; font-weight: 700; font-style: normal; }\n\n            \/* Abstract Box *\/\n            .hmsa-abstract-box-patina {\n                background-color: #fcfcfc;\n                border-left: 5px solid #ba372a;\n                padding: 25px 30px;\n                margin-bottom: 40px;\n                border-radius: 0 4px 4px 0;\n            }\n            .hmsa-abstract-title-patina { font-size: 18px; font-weight: 800; color: #ba372a; margin-top: 0; margin-bottom: 15px; }\n            .hmsa-abstract-text-patina { font-size: 16px; line-height: 1.6; color: #555; font-style: italic; margin: 0; text-align: justify; }\n\n            \/* Headings & Text *\/\n            .hmsa-subhead-patina { \n                font-size: 24px; font-weight: 700; color: #ba372a; \n                margin-top: 50px; margin-bottom: 20px; \n                border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; \n                display:block; \n            }\n            .hmsa-text-patina { font-size: 18px; line-height: 1.8; color: #222; margin-bottom: 25px; text-align: justify; }\n            .hmsa-text-patina strong { font-weight: 700; color: #333; }\n\n            \/* Lists *\/\n            .hmsa-list-patina { list-style: disc; padding-left: 20px; margin: 20px 0 30px 40px; }\n            .hmsa-list-patina li { \n                margin-bottom: 12px; font-size: 18px; line-height: 1.6; color: #333; text-align: justify;\n            }\n\n            \/* References *\/\n            .hmsa-ref-section-patina { margin-top: 80px; padding: 40px; border-top: 3px solid #eee; background: #f9f9f9; border-radius: 8px; }\n            .hmsa-ref-title-patina { font-weight: 800; color: #333; margin-bottom: 20px; display: block; font-size: 20px; }\n            .hmsa-ref-list-patina { list-style: none; padding: 0; margin: 0; }\n            .hmsa-ref-list-patina li { margin-bottom: 8px; font-size: 14px; text-align: left; color: #666; line-height: 1.5; padding-left: 15px; text-indent: -15px; }\n\n            \/* Mobile Responsiveness *\/\n            @media (max-width: 768px) {\n                #hmsa-trigger-card-patina { width: auto; margin: 20px 15px; padding: 20px; }\n                #hmsa-trigger-card-patina .hmsa-card-title { font-size: 20px; }\n                #hmsa-trigger-card-patina .hmsa-action-group { flex-direction: column; align-items: flex-start; gap: 15px; }\n                .hmsa-content-container-patina { margin-top: 60px; padding: 0 15px; }\n                .hmsa-close-btn-patina { top: 15px; right: 20px; font-size: 35px; }\n                .hmsa-article-title-patina { font-size: 26px; }\n                .hmsa-subhead-patina { font-size: 20px; margin-top: 30px; }\n                .hmsa-text-patina, .hmsa-list-patina li { font-size: 16px; }\n                .hmsa-abstract-box-patina { padding: 20px; }\n                .hmsa-list-patina { margin-left: 20px; }\n            }\n        <\/style>\n    `;\n\n    \/\/ B. MODAL HTML CONTENT (FULL TEXT)\n    const hmsaModalHtmlPatina = `\n        <div id=\"hmsa-modal-root-patina\">\n            <button class=\"hmsa-close-btn-patina\" id=\"hmsa-close-action-patina\">&times;<\/button>\n            \n            <div class=\"hmsa-content-container-patina\">\n                <div class=\"hmsa-header-meta-patina\">HMSA Academy: Materials Science & Conservation<\/div>\n                \n                <!-- TITLE -->\n                <h1 class=\"hmsa-article-title-patina\">The 'Good as New' Illusion in Restoration and the Value of Patina<\/h1>\n                \n                <!-- AUTHOR \/ INSTITUTION -->\n                <div class=\"hmsa-author-patina\">\n                    Author: <strong>M\u00fcge G\u00fcnel<\/strong> <span> \/\/ MSc. Architect & Restoration Specialist<\/span>\n                <\/div>\n\n                <!-- ABSTRACT BOX -->\n                <div class=\"hmsa-abstract-box-patina\">\n                    <h3 class=\"hmsa-abstract-title-patina\">Abstract<\/h3>\n                    <p class=\"hmsa-abstract-text-patina\">\n                        In architectural conservation practice, the effort to return structures to their original, day-one condition often turns into an \"over-restoration\" trap that destroys the historical testimony of the building. This article examines the ontological difference between patina, which is an aesthetic and protective trace of time, and pathological soiling, which damages the structure. Through Alois Riegl's concept of \"age value\", the critical importance of preserving patina in terms of building physics and conservation ethics is discussed.\n                    <\/p>\n                <\/div>\n                \n                <!-- SECTION 1 -->\n                <h3 class=\"hmsa-subhead-patina\">1. Introduction: The Chronological Zero Point Fallacy<\/h3>\n                <p class=\"hmsa-text-patina\">\n                    Restoration is not an attempt to pull a building back to a chronological zero point; it is the process of preserving the time it has passed through, the interventions it has been exposed to, and its historical depth. The desire to make a building \"good as new\" erases its lived experience, reducing the structure to the level of a \"replica\".\n                <\/p>\n                <p class=\"hmsa-text-patina\">\n                    What is essential in modern conservation theory is to preserve the protective layer (patina) formed as a result of a balanced relationship the material establishes with the outside world, while eliminating the external burdens (soiling\/pollution) that shorten the life of the building.\n                <\/p>\n\n                <!-- SECTION 2 -->\n                <h3 class=\"hmsa-subhead-patina\">2. Patina: The Historical Epidermis of the Material<\/h3>\n                <p class=\"hmsa-text-patina\">\n                    In materials science, patina is the microscopic protective layer formed on the surface as a result of a slow and balanced chemical interaction of stone, brick, or metal with atmospheric components. Especially in calcium carbonate-based stones, this natural layer partially balances the pores of the stone, developing a natural defense mechanism against acid rain.\n                <\/p>\n                <p class=\"hmsa-text-patina\">\n                    \"Age Value\" (Alterswert), defined by Alois Riegl in his \"Modern Cult of Monuments\", is at the very center of patina. According to Riegl, the color changes and natural wear marks on the structure are the strongest proof that the monument belongs to time, not eternity. Erasing the patina eliminates the \"documentary value\" of the building, weakening its architectural identity.\n                <\/p>\n\n                <!-- SECTION 3 -->\n                <h3 class=\"hmsa-subhead-patina\">3. 'Over-cleaning' and Structural Risks<\/h3>\n                <p class=\"hmsa-text-patina\">\n                    The reflex to obtain a \"spotless\" surface often leads to irreversible physical damage in restoration. Aggressive mechanical methods or uncontrolled chemicals destroy the protective hard crust of the stone, known as the epidermis. Once this crust is gone, the softer and more porous structure underneath is exposed; water absorption increases rapidly, and the material quickly begins to crumble during freeze-thaw cycles.\n                <\/p>\n\n                <!-- SECTION 4 -->\n                <h3 class=\"hmsa-subhead-patina\">4. Pathology and the Limit of Cleaning<\/h3>\n                <p class=\"hmsa-text-patina\">\n                    The cleaning decision must be diagnostic, not aesthetic. While patina is preserved, pathological formations that harm the structure must absolutely be removed:\n                <\/p>\n                <ul class=\"hmsa-list-patina\">\n                    <li><strong>Black Crusts:<\/strong> These layers, caused by sulfur dioxide, are not patina; they cause the material to melt from the inside out by converting the calcium within the stone into gypsum.<\/li>\n                    <li><strong>Biological Colonization:<\/strong> Lichens and mosses chemically dissolve the mineral structure with the acids they secrete.<\/li>\n                <\/ul>\n\n                <!-- SECTION 5 -->\n                <h3 class=\"hmsa-subhead-patina\">5. Conclusion: The Limit of Ethical Intervention<\/h3>\n                <p class=\"hmsa-text-patina\">\n                    As stated in Article 12 of the Venice Charter (1964); <em>\"Replacements of missing parts must integrate harmoniously with the whole, but at the same time must be distinguishable from the original.\"<\/em> The basic principle in cleaning should be \"minimal intervention\" and \"reversibility\".\n                <\/p>\n                <p class=\"hmsa-text-patina\">\n                    Patina is the soul and dignity of the building; soiling is a burden that damages the surface and must be removed. The duty of the conservator is to separate these two with the precision of a surgeon and to rid the building only of its \"burdens\". A successful conservation intervention is an approach that can distinguish patina from pollution, respects the original character of the material, and adopts the principle of \"the less intervention, the more conservation\".\n                <\/p>\n                <p class=\"hmsa-text-patina\">\n                    <strong>It should not be forgotten that; erasing the traces of history means erasing the soul of the building.<\/strong>\n                <\/p>\n\n                <!-- GLOSSARY OF TERMS -->\n                <h3 class=\"hmsa-subhead-patina\">HMSA Glossary of Terms<\/h3>\n                <ul class=\"hmsa-list-patina\">\n                    <li><strong>Epidermis (Stone Crust):<\/strong> The natural protective layer formed on the surface as a result of the stone's interaction with the external atmosphere, which is denser and harder than the inner parts.<\/li>\n                    <li><strong>Subflorescence:<\/strong> The explosive pressure created by soluble salts crystallizing inside the pores of the material, just below the surface.<\/li>\n                    <li><strong>Hygroscopic Balance:<\/strong> The ability of a material to establish its own balance by absorbing and releasing water vapor according to the humidity level of the environment.<\/li>\n                    <li><strong>Gypsification:<\/strong> The process of limestone transforming into gypsum under the influence of air pollution, resulting in volumetric expansion and spalling.<\/li>\n                <\/ul>\n\n                <!-- REFERENCES -->\n                <div class=\"hmsa-ref-section-patina\">\n                    <span class=\"hmsa-ref-title-patina\">References<\/span>\n                    <ul class=\"hmsa-ref-list-patina\">\n                        <li>1. Riegl, A. (1903). Der moderne Denkmalkultus (Modern Cult of Monuments). Vienna.<\/li>\n                        <li>2. Feilden, B. M. (2003). Conservation of Historic Buildings. Architectural Press.<\/li>\n                        <li>3. ICOMOS (1964). The Venice Charter: International Charter for the Conservation and Restoration of Monuments and Sites.<\/li>\n                        <li>4. Torraca, G. (1988). Porous Building Materials: Materials Science for Architectural Conservation. ICCROM.<\/li>\n                    <\/ul>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    `;\n\n    \/\/ C. INITIALIZATION AND CONTROL LOGIC\n    function initHmsaSystemPatina() {\n        \/\/ 1. Inject required CSS and HTML into the page\n        if (!document.getElementById('hmsa-modal-root-patina')) {\n            document.head.insertAdjacentHTML('beforeend', hmsaStylesPatina);\n            document.body.insertAdjacentHTML('beforeend', hmsaModalHtmlPatina);\n        }\n\n        \/\/ 2. Define Elements\n        const triggerCardPatina = document.getElementById('hmsa-trigger-card-patina');\n        const modalRootPatina = document.getElementById('hmsa-modal-root-patina');\n        \n        \/\/ 3. Event Listeners\n        function openModalPatina(e) {\n            \/\/ Allow normal behavior if the \"Read on Page\" link is clicked\n            if (e.target.closest('.hmsa-page-link')) {\n                return;\n            }\n            e.preventDefault();\n            modalRootPatina.classList.add('active');\n            document.body.style.overflow = 'hidden'; \/\/ Prevent background scrolling\n        }\n\n        if (triggerCardPatina) {\n            triggerCardPatina.addEventListener('click', openModalPatina);\n        }\n\n        function closeModalPatina() {\n            modalRootPatina.classList.remove('active');\n            document.body.style.overflow = '';\n        }\n\n        const freshCloseBtnPatina = document.getElementById('hmsa-close-action-patina');\n        if (freshCloseBtnPatina) freshCloseBtnPatina.addEventListener('click', closeModalPatina);\n\n        \/\/ Close via ESC key\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape' && modalRootPatina.classList.contains('active')) {\n                closeModalPatina();\n            }\n        });\n    }\n\n    \/\/ D. Run when DOM is ready\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initHmsaSystemPatina);\n    } else {\n        initHmsaSystemPatina();\n    }\n})();\n<\/script>\n<!-- =================== HMSA ACADEMY: PATINA AND 'GOOD AS NEW' ILLUSION CARD END ======== -->\n\n\n\n<!-- ============================================================================== -->\n<!-- =================== 1. TRIGGER CARD (VISIBLE ON PAGE) ======================== -->\n<!-- ============================================================================== -->\n\n<div id=\"hmsa-trigger-card-climate\" class=\"hmsa-card-wrapper\">\n    <div class=\"hmsa-card-meta\">HMSA ACADEMY: CULTURAL HERITAGE &#038; CONSERVATION<\/div>\n    <h2 class=\"hmsa-card-title\">Climate Change and Historic Buildings: Understanding Risks and New Conservation Paradigms<\/h2>\n    <p class=\"hmsa-card-desc\">\n        Climate change is a dynamic environmental pressure factor that is becoming increasingly decisive in the conservation of historic buildings. Discover the effects of processes such as temperature fluctuations, moisture cycles, and salt transport on building materials, along with new conservation strategies.\n    <\/p>\n    \n    <!-- BUTTON GROUP -->\n    <div class=\"hmsa-action-group\">\n        <!-- Modal Trigger Button -->\n        <button class=\"hmsa-read-btn\">Qu\u0131ck Read (Popup) &rarr;<\/button>\n        \n        <!-- Page Link (Update the href attribute when published) -->\n        <a href=\"https:\/\/www.letoon.com.tr\/eng\/climate-change-and-historic-buildings-understanding-risks-and-new-conservation-paradigms\/\" \n           target=\"_blank\" \n           class=\"hmsa-page-link\">\n           Read on Page &nearr;\n        <\/a>\n    <\/div>\n<\/div>\n\n<!-- ============================================================================== -->\n<!-- =================== 2. ISOLATED SYSTEM (CSS & JS & MODAL) ==================== -->\n<!-- ============================================================================== -->\n\n<script>\n(function() {\n    \/* \n       HMSA MODAL SYSTEM - ARTICLE 3 (ENGLISH)\n       Topic: Climate Change and Historic Buildings\n    *\/\n\n    \/\/ A. CSS STYLES\n    const hmsaStyles = `\n        <style>\n            \/* --- TRIGGER CARD STYLES --- *\/\n            #hmsa-trigger-card-climate {\n                font-family: Arial, sans-serif;\n                background: #fff; border-radius: 8px; padding: 30px;\n                box-shadow: 0 5px 20px rgba(0,0,0,0.08); border-left: 5px solid #ba372a;\n                cursor: pointer; transition: transform 0.3s ease; max-width: 800px; margin: 40px auto;\n                box-sizing: border-box; display: block; position: relative; z-index: 1;\n            }\n            #hmsa-trigger-card-climate:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.12); }\n            \n            .hmsa-card-meta { font-size: 11px; color: #999; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }\n            .hmsa-card-title { font-size: 24px; color: #222; font-weight: 800; margin: 0 0 15px 0; line-height: 1.3; }\n            .hmsa-card-desc { font-size: 15px; color: #666; line-height: 1.5; margin: 0 0 20px 0; text-align: justify; }\n\n            \/* --- BUTTON GROUP STYLES --- *\/\n            .hmsa-action-group {\n                display: flex;\n                align-items: center;\n                gap: 20px;\n                margin-top: 25px;\n                border-top: 1px solid #f0f0f0;\n                padding-top: 20px;\n            }\n\n            .hmsa-read-btn { \n                background: #ba372a; \n                border: none; \n                color: #fff; \n                font-weight: 700; \n                font-size: 13px; \n                cursor: pointer; \n                padding: 10px 20px; \n                border-radius: 4px;\n                text-transform: uppercase; \n                transition: background 0.3s;\n            }\n            .hmsa-read-btn:hover { background: #962a1f; }\n\n            .hmsa-page-link {\n                text-decoration: none;\n                color: #555;\n                font-size: 13px;\n                font-weight: 600;\n                border-bottom: 1px solid transparent;\n                transition: all 0.3s;\n                text-transform: uppercase;\n            }\n            .hmsa-page-link:hover {\n                color: #ba372a;\n                border-bottom: 1px solid #ba372a;\n            }\n\n            \/* --- ISOLATED MODAL STYLES --- *\/\n            #hmsa-modal-root-climate {\n                position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n                background-color: rgba(255,255,255,0.99); \n                z-index: 2147483647; \n                opacity: 0; visibility: hidden; transition: opacity 0.3s ease;\n                overflow-y: auto; -webkit-overflow-scrolling: touch;\n                font-family: Arial, sans-serif;\n                box-sizing: border-box;\n            }\n            #hmsa-modal-root-climate.active { opacity: 1; visibility: visible; }\n            \n            #hmsa-modal-root-climate * { box-sizing: border-box; }\n\n            .hmsa-content-container {\n                max-width: 800px; margin: 60px auto 100px auto; padding: 0 30px;\n                color: #333; transform: translateY(20px); transition: transform 0.4s ease;\n            }\n            #hmsa-modal-root-climate.active .hmsa-content-container { transform: translateY(0); }\n\n            .hmsa-close-btn {\n                position: fixed; top: 25px; right: 30px; font-size: 45px; color: #ccc;\n                background: transparent; border: none; cursor: pointer; z-index: 2147483648;\n                line-height: 1; transition: color 0.3s;\n            }\n            .hmsa-close-btn:hover { color: #ba372a; }\n\n            \/* Typography *\/\n            .hmsa-article-title { font-size: 30px; font-weight: 800; color: #111; line-height: 1.3; margin-bottom: 25px; }\n            .hmsa-article-subtitle { font-size: 20px; font-weight: 600; color: #444; line-height: 1.4; margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px; display:block; }\n\n            .hmsa-text { font-size: 18px; line-height: 1.7; color: #2c3e50; margin-bottom: 25px; text-align: justify; }\n            \n            \/* Abstract Box Style *\/\n            .hmsa-abstract { \n                font-size: 18px; color: #444; \n                border-left: 4px solid #ba372a; padding-left: 25px; \n                margin-bottom: 20px; font-style: italic; \n                background: #fafafa; padding: 20px 25px; border-radius: 0 8px 8px 0;\n                text-align: justify; line-height: 1.6;\n            }\n\n            .hmsa-keywords { font-size: 14px; color: #666; margin-bottom: 40px; display: block; border-bottom: 1px solid #eee; padding-bottom: 20px; }\n            .hmsa-keywords strong { color: #ba372a; }\n            \n            .hmsa-subhead { font-size: 22px; font-weight: 700; color: #2c3e50; margin-top: 40px; margin-bottom: 15px; border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; display:inline-block; }\n\n            \/* Glossary Area *\/\n            .hmsa-glossary-list { list-style: none; padding: 0; margin-bottom: 30px; }\n            .hmsa-glossary-list li { margin-bottom: 15px; font-size: 16px; line-height: 1.6; color: #2c3e50; background: #fdfdfd; padding: 15px; border: 1px solid #eee; border-radius: 6px; }\n            .hmsa-glossary-list strong { color: #ba372a; display: block; margin-bottom: 5px; font-size: 17px; }\n\n            \/* Footer & References *\/\n            .hmsa-ref-section { margin-top: 60px; padding-top: 30px; border-top: 1px solid #eee; color: #777; font-size: 14px; }\n            .hmsa-ref-title { font-weight: bold; color: #333; margin-bottom: 10px; display: block; font-size: 16px; text-transform: uppercase; }\n            .hmsa-ref-list { list-style: none; padding: 0; }\n            .hmsa-ref-list li { margin-bottom: 10px; font-size: 13px; text-align: justify; padding-left: 15px; position: relative; }\n            .hmsa-ref-list li::before { content: \"\u2022\"; position: absolute; left: 0; color: #ba372a; font-weight: bold; }\n\n            \/* Mobile Responsive *\/\n            @media (max-width: 800px) {\n                #hmsa-trigger-card-climate { width: 92%; margin: 20px auto; }\n                .hmsa-action-group { flex-direction: column; align-items: flex-start; gap: 15px; }\n                .hmsa-content-container { margin-top: 60px; padding: 0 20px; }\n                .hmsa-close-btn { top: 15px; right: 20px; }\n            }\n        <\/style>\n    `;\n\n    \/\/ B. MODAL HTML CONTENT\n    const hmsaModalHtml = `\n        <div id=\"hmsa-modal-root-climate\">\n            <button class=\"hmsa-close-btn\" id=\"hmsa-close-action-climate\">&times;<\/button>\n            \n            <div class=\"hmsa-content-container\">\n                <div style=\"font-size:12px; color:#ba372a; font-weight:bold; text-transform:uppercase; margin-bottom:10px;\">WEEK OF APRIL 20 | HMSA Academy<\/div>\n                \n                <!-- TITLE -->\n                <h1 class=\"hmsa-article-title\">Climate Change and Historic Buildings: Understanding Risks and New Conservation Paradigms<\/h1>\n                \n                <!-- ABSTRACT -->\n                <div class=\"hmsa-abstract\">\n                    <p style=\"margin-top:0;\">Climate change is a dynamic environmental pressure factor that is becoming increasingly decisive in the conservation of historic buildings. Processes such as temperature fluctuations, changes in precipitation regimes, the acceleration of moisture cycles, and salt transport directly affect the behavior of building materials.<\/p>\n                    <p>The fact that historic buildings consist of porous and capillary-active materials makes them more sensitive to environmental variables. In particular, the acceleration of wetting-drying cycles, thermal stresses, and the increase in biological growth are the main factors accelerating material degradation processes.<\/p>\n                    <p style=\"margin-bottom:0;\">This article reveals that climate change is not merely a superficial impact but a holistic process that directly shapes building physics and material behavior; it emphasizes that the conservation approach must evolve from a repair-oriented mindset to one based on adaptation and resilience.<\/p>\n                <\/div>\n\n                <!-- KEYWORDS -->\n                <div class=\"hmsa-keywords\">\n                    <strong>Keywords:<\/strong> Climate change, historic buildings, building material degradation, moisture cycle, salt transport, building physics, conservation strategies\n                <\/div>\n\n                <!-- SECTION 1 -->\n                <h3 class=\"hmsa-subhead\">1. Introduction: An Unforeseen New Layer of Environmental Pressure<\/h3>\n                <p class=\"hmsa-text\">\n                    Historic buildings have survived to the present day by adapting to specific climatic periods over centuries. However, the most critical variable that has emerged in the last century is the rapid climatic deviation, which was not foreseen in the traditional design logic and material selection of these structures.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    While traditional risk factors (seismic effects, material fatigue, etc.) are more predictable, climate change can be defined as a dynamic disruptive effect that is constantly accelerating and directly affecting the behavior of building materials.\n                <\/p>\n\n                <!-- SECTION 2 -->\n                <h3 class=\"hmsa-subhead\">2. Disruption of Climatic Cycles and Its Effect on Building Physics<\/h3>\n                <p class=\"hmsa-text\">\n                    Climate change should be evaluated not only as a temperature increase on the structure but also as the shortening of environmental stress cycles.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    <strong>Shock effect of precipitation regime:<\/strong> Sudden and heavy rains increase the rate at which the building surface becomes saturated with water and strain its drainage capacity.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    <strong>Acceleration of wetting-drying cycles:<\/strong> More frequent wetting and drying processes cause mechanical stresses within the pore structure.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    <strong>Relative humidity and salt migration:<\/strong> Moisture changes accelerate the transport of dissolved salts to the surface, leading to micro-cracks through crystallization pressure.\n                <\/p>\n\n                <!-- SECTION 3 -->\n                <h3 class=\"hmsa-subhead\">3. The Vulnerability Zone of Historic Materials<\/h3>\n                <p class=\"hmsa-text\">\n                    Historic buildings consist of capillary-active materials such as natural stone, brick, and lime-based mortars.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    <strong>Volumetric changes:<\/strong> Moisture absorption and desorption processes create expansion and contraction cycles, weakening the binder structure.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    <strong>Thermal shocks:<\/strong> Day-night temperature differences cause stresses between materials with different expansion coefficients.\n                <\/p>\n\n                <!-- SECTION 4 -->\n                <h3 class=\"hmsa-subhead\">4. The Progression of Degradation Mechanisms from Surface to Depth<\/h3>\n                <p class=\"hmsa-text\">\n                    The effects of climatic stress usually begin on the surface and deepen over time.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    <strong>Surface friability:<\/strong> The crumbling of the surface as a result of the weakening of the binder phase.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    <strong>Biological colonization:<\/strong> Increased moisture and temperature accelerate the formation of algae and fungi.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    <strong>Black crust formations:<\/strong> Environmental effects combined with air pollutants create hard and impermeable layers on the stone surface.\n                <\/p>\n\n                <!-- SECTION 5 -->\n                <h3 class=\"hmsa-subhead\">5. General Assessment: Transitioning from Diagnosis to Strategy<\/h3>\n                <p class=\"hmsa-text\">\n                    In the face of climate change, the approach to conserving historic buildings must no longer be solely repair-oriented; it must be addressed around adaptation and resilience enhancement.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    The fundamental question is no longer <em>\"which material should be used?\"<\/em> but rather, <em>\"how does this structure behave within changing environmental cycles?\"<\/em> A holistic conservation approach is possible through accurate diagnosis, precise surface preparation, and the integration of material-compatible systems.\n                <\/p>\n\n                <!-- CONCLUSION -->\n                <h3 class=\"hmsa-subhead\">Conclusion<\/h3>\n                <p class=\"hmsa-text\">\n                    Climate change is not an isolated risk for historic buildings; it is the cumulative effect of mutually triggering environmental processes. Conservation strategies must now move beyond material selection and require a systematic approach centered on structural behavior.\n                <\/p>\n\n                <!-- GLOSSARY -->\n                <h3 class=\"hmsa-subhead\">HMSA Glossary of Terms<\/h3>\n                <ul class=\"hmsa-glossary-list\">\n                    <li><strong>Capillarity (Capillary Water Movement):<\/strong> The ability of water to move through capillary voids in porous materials.<\/li>\n                    <li><strong>Water Vapor Diffusion (Breathability):<\/strong> The material's ability to maintain moisture balance by allowing water vapor to pass through.<\/li>\n                    <li><strong>Wetting-Drying Cycle:<\/strong> The physical stress process caused by the continuous absorption and desorption of water by the material.<\/li>\n                    <li><strong>Crystallization Pressure:<\/strong> The internal stress created by salts crystallizing within the pores.<\/li>\n                    <li><strong>Friability (Surface Dusting\/Crumbling):<\/strong> The surface becoming crumbly as a result of binder weakening.<\/li>\n                    <li><strong>Biological Colonization:<\/strong> The development of microorganisms on the surface, affecting the material.<\/li>\n                    <li><strong>Thermal Shock:<\/strong> The creation of tension within the material due to sudden temperature changes.<\/li>\n                    <li><strong>Capillary-Active Material:<\/strong> Porous building materials capable of absorbing and transporting water.<\/li>\n                    <li><strong>Black Crust:<\/strong> A hard, impermeable surface layer formed by air pollutants.<\/li>\n                <\/ul>\n\n                <!-- REFERENCES -->\n                <div class=\"hmsa-ref-section\">\n                    <span class=\"hmsa-ref-title\">References<\/span>\n                    <ul class=\"hmsa-ref-list\">\n                        <li>Feilden, B. M. (2003). Conservation of Historic Buildings. Routledge.<\/li>\n                        <li>ICOMOS (2019). The Future of Our Pasts: Engaging Cultural Heritage in Climate Action.<\/li>\n                        <li>UNESCO World Heritage Centre (2017). Climate Change and World Heritage.<\/li>\n                        <li>IPCC (2021). Sixth Assessment Report: Climate Change 2021 \u2013 The Physical Science Basis.<\/li>\n                        <li>Brimblecombe, P. (2014). Air Pollution and Climate Effects on Cultural Heritage. Springer.<\/li>\n                        <li>Ashurst, J. & Ashurst, N. (1988). Practical Building Conservation. English Heritage.<\/li>\n                        <li>Doehne, E. & Price, C. A. (2010). Stone Conservation: An Overview of Current Research. Getty Conservation Institute.<\/li>\n                        <li>ICOMOS Turkey National Committee (various reports and technical papers).<\/li>\n                        <li>Republic of Turkey Ministry of Environment, Urbanization and Climate Change, Directorate of Climate Change (2023). Turkey Climate Change Adaptation Strategy and Action Plans.<\/li>\n                    <\/ul>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    `;\n\n    \/\/ C. INITIALIZATION & LOGIC\n    function initHmsaSystemClimate() {\n        \/\/ 1. Inject HTML and CSS into the page if not already present\n        if (!document.getElementById('hmsa-modal-root-climate')) {\n            document.head.insertAdjacentHTML('beforeend', hmsaStyles);\n            document.body.insertAdjacentHTML('beforeend', hmsaModalHtml);\n        }\n\n        \/\/ 2. Define Elements\n        const triggerCard = document.getElementById('hmsa-trigger-card-climate');\n        const modalRoot = document.getElementById('hmsa-modal-root-climate');\n        const closeBtn = document.getElementById('hmsa-close-action-climate');\n\n        \/\/ 3. Click Events\n        function openModal(e) {\n            \/\/ If the clicked element is a link (Read on Page button), prevent popup\n            if (e.target.classList.contains('hmsa-page-link')) {\n                return;\n            }\n            e.preventDefault();\n            modalRoot.classList.add('active');\n            document.body.style.overflow = 'hidden'; \n        }\n\n        if (triggerCard) {\n            triggerCard.addEventListener('click', openModal);\n        }\n\n        function closeModal() {\n            modalRoot.classList.remove('active');\n            document.body.style.overflow = ''; \/\/ Unlock scroll\n        }\n\n        if (closeBtn) closeBtn.addEventListener('click', closeModal);\n\n        \/\/ Close on ESC Key\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape' && modalRoot.classList.contains('active')) {\n                closeModal();\n            }\n        });\n    }\n\n    \/\/ D. Run on Page Load\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initHmsaSystemClimate);\n    } else {\n        initHmsaSystemClimate();\n    }\n\n})();\n<\/script>\n\n\n\n<!-- ============================================================================== -->\n<!-- === HMSA ACADEMY: CULTURAL HERITAGE & CLIMATE CHANGE CARD (ENGLISH) ========== -->\n<!-- ============================================================================== -->\n<!-- 1. VISIBLE CARD SECTION -->\n<div id=\"hmsa-trigger-card-climate-en\" class=\"hmsa-card-wrapper-en\">\n    <div class=\"hmsa-card-meta-en\">HMSA ACADEMY: CULTURAL HERITAGE &#038; CLIMATE<\/div>\n    <h2 class=\"hmsa-card-title-en\">The Impacts of Climate Change on Historical Buildings: A Turkish Perspective<\/h2>\n    <p class=\"hmsa-card-desc-en\">\n        Regional effects of climate change on historical buildings across Turkey&#8217;s heterogeneous geography, material pathologies, and next-generation conservation strategies based on micro-climate data.\n    <\/p>\n<!-- ACTION GROUP -->\n<div class=\"hmsa-action-group-en\">\n    <!-- Trigger Modal Button -->\n    <button class=\"hmsa-read-btn-en\">Qu\u0131ck Read (Popup) &rarr;<\/button>\n    \n    <!-- Link to full page (Add your URL to href) -->\n    <a href=\"https:\/\/www.letoon.com.tr\/eng\/the-impacts-of-climate-change-on-historical-buildings-a-turkish-perspective\/\" class=\"hmsa-page-link-en\">Read on Page &nearr;<\/a>\n<\/div>\n<\/div>\n\n<!-- 2. SYSTEM SCRIPT (Content, Design, and Functions) -->\n<script>\n(function() {\n    \/* \n       HMSA MODAL SYSTEM - CLIMATE CHANGE ENGLISH VERSION\n       Added \"-en\" suffix to prevent ID\/Class conflicts with the Turkish version.\n       Theme Color: Red (#ba372a)\n    *\/\n\n    \/\/ A. CSS STYLES\n    const hmsaStylesClimateEn = `\n        <style>\n            \/* --- CARD STYLES --- *\/\n            #hmsa-trigger-card-climate-en {\n                font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n                background: #fff; border-radius: 8px; padding: 30px;\n                box-shadow: 0 5px 20px rgba(0,0,0,0.08); \n                border-left: 5px solid #ba372a; \/* Red Theme *\/\n                cursor: pointer; transition: transform 0.3s ease; max-width: 800px; margin: 40px auto;\n                box-sizing: border-box; display: block; position: relative; z-index: 1;\n            }\n            #hmsa-trigger-card-climate-en:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.12); }\n            \n            #hmsa-trigger-card-climate-en .hmsa-card-meta-en { font-size: 11px; color: #999; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }\n            #hmsa-trigger-card-climate-en .hmsa-card-title-en { font-size: 24px; color: #222; font-weight: 800; margin: 0 0 15px 0; line-height: 1.3; }\n            #hmsa-trigger-card-climate-en .hmsa-card-desc-en { font-size: 15px; color: #666; line-height: 1.5; margin: 0 0 20px 0; text-align: justify; }\n\n            \/* Action Group *\/\n            #hmsa-trigger-card-climate-en .hmsa-action-group-en {\n                display: flex; align-items: center; gap: 20px;\n                margin-top: 25px; border-top: 1px solid #f0f0f0; padding-top: 20px;\n            }\n            #hmsa-trigger-card-climate-en .hmsa-read-btn-en { \n                background: #ba372a; border: none; color: #fff; font-weight: 700; font-size: 13px; \n                cursor: pointer; padding: 10px 20px; border-radius: 4px; text-transform: uppercase; \n                transition: background 0.3s;\n            }\n            #hmsa-trigger-card-climate-en .hmsa-read-btn-en:hover { background: #962a1f; }\n            #hmsa-trigger-card-climate-en .hmsa-page-link-en {\n                text-decoration: none; color: #555; font-size: 13px; font-weight: 600;\n                border-bottom: 1px solid transparent; transition: all 0.3s; text-transform: uppercase;\n            }\n            #hmsa-trigger-card-climate-en .hmsa-page-link-en:hover { color: #ba372a; border-bottom: 1px solid #ba372a; }\n\n            \/* --- MODAL (POPUP) STYLES --- *\/\n            #hmsa-modal-root-climate-en {\n                position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n                background-color: rgba(255,255,255,0.99); z-index: 2147483647; \n                opacity: 0; visibility: hidden; transition: opacity 0.3s ease;\n                overflow-y: auto; -webkit-overflow-scrolling: touch;\n                font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; box-sizing: border-box;\n            }\n            #hmsa-modal-root-climate-en.active { opacity: 1; visibility: visible; }\n            #hmsa-modal-root-climate-en * { box-sizing: border-box; }\n\n            .hmsa-content-container-climate-en {\n                max-width: 800px; margin: 60px auto 100px auto; padding: 0 30px;\n                color: #333; transform: translateY(20px); transition: transform 0.4s ease;\n            }\n            #hmsa-modal-root-climate-en.active .hmsa-content-container-climate-en { transform: translateY(0); }\n\n            .hmsa-close-btn-climate-en {\n                position: fixed; top: 25px; right: 30px; font-size: 45px; color: #ccc;\n                background: transparent; border: none; cursor: pointer; z-index: 2147483648;\n                line-height: 1; transition: color 0.3s;\n            }\n            .hmsa-close-btn-climate-en:hover { color: #ba372a; }\n\n            \/* Typography *\/\n            .hmsa-header-meta-climate-en { font-size:12px; color:#ba372a; font-weight:bold; text-transform:uppercase; margin-bottom:10px; }\n            .hmsa-article-title-climate-en { font-size: 32px; font-weight: 800; color: #111; line-height: 1.3; margin-bottom: 25px; border-bottom: 1px solid #eee; padding-bottom: 20px; }\n\n            \/* Author Box *\/\n            .hmsa-author-patina-en { font-size: 15px; color: #444; margin-bottom: 25px; }\n            .hmsa-author-patina-en span { color: #888; font-style: italic; }\n\n            \/* Abstract Box *\/\n            .hmsa-abstract-box-climate-en {\n                background-color: #fcfcfc;\n                border-left: 4px solid #ba372a;\n                padding: 20px 25px;\n                margin-bottom: 30px;\n                border-radius: 0 4px 4px 0;\n            }\n            .hmsa-abstract-text-climate-en { font-size: 16px; line-height: 1.6; color: #555; font-style: italic; margin: 0; text-align: justify; }\n\n            \/* Headings and Text *\/\n            .hmsa-subhead-climate-en { \n                font-size: 22px; font-weight: 700; color: #ba372a; \n                margin-top: 40px; margin-bottom: 15px; \n                border-bottom: 1px solid #f0f0f0; padding-bottom: 8px; \n                display:block; \n            }\n            .hmsa-text-climate-en { font-size: 18px; line-height: 1.8; color: #222; margin-bottom: 25px; text-align: justify; }\n            .hmsa-text-climate-en strong { font-weight: 700; color: #333; }\n\n            \/* Lists *\/\n            .hmsa-list-climate-en { list-style: disc; padding-left: 20px; margin: 20px 0 30px 20px; }\n            .hmsa-list-climate-en li { margin-bottom: 10px; font-size: 18px; line-height: 1.6; color: #333; text-align: justify; }\n\n            \/* Glossary Box *\/\n            .hmsa-glossary-box-climate-en {\n                margin-top: 50px; padding: 25px; background: #fafafa; \n                border: 1px solid #e0e0e0; border-radius: 8px;\n            }\n            .hmsa-glossary-title-climate-en {\n                font-size: 20px; font-weight: 800; color: #ba372a; \n                margin-top: 0; margin-bottom: 15px; border-bottom: 2px solid #ba372a; \n                display: inline-block; padding-bottom: 5px;\n            }\n            .hmsa-glossary-list-climate-en { list-style: none; padding: 0; margin: 0; }\n            .hmsa-glossary-list-climate-en li { margin-bottom: 15px; font-size: 16px; line-height: 1.6; color: #444; }\n            .hmsa-glossary-list-climate-en li strong { display: block; color: #222; font-size: 17px; margin-bottom: 4px; }\n\n            \/* References *\/\n            .hmsa-ref-section-climate-en { margin-top: 60px; padding-top: 30px; border-top: 2px solid #eee; background: #fff; padding: 10px 0; }\n            .hmsa-ref-title-climate-en { font-weight: 800; color: #333; margin-bottom: 15px; display: block; font-size: 18px; }\n            .hmsa-ref-list-climate-en { list-style: none; padding: 0; }\n            .hmsa-ref-list-climate-en li { margin-bottom: 10px; font-size: 14px; text-align: left; color: #555; line-height: 1.5; padding-left: 15px; text-indent: -15px; }\n\n            @media (max-width: 800px) {\n                #hmsa-trigger-card-climate-en { width: 92%; margin: 20px auto; }\n                #hmsa-trigger-card-climate-en .hmsa-action-group-en { flex-direction: column; align-items: flex-start; gap: 15px; }\n                .hmsa-content-container-climate-en { margin-top: 60px; padding: 0 20px; }\n                .hmsa-close-btn-climate-en { top: 15px; right: 20px; }\n                .hmsa-article-title-climate-en { font-size: 24px; }\n                .hmsa-text-climate-en { font-size: 16px; }\n            }\n        <\/style>\n`;\n\n\/\/ B. MODAL HTML CONTENT (FULL TEXT)\nconst hmsaModalHtmlClimateEn = `\n    <div id=\"hmsa-modal-root-climate-en\">\n        <button class=\"hmsa-close-btn-climate-en\" id=\"hmsa-close-action-climate-en\">&times;<\/button>\n        \n        <div class=\"hmsa-content-container-climate-en\">\n            <div class=\"hmsa-header-meta-climate-en\">HMSA Academy: Cultural Heritage & Climate<\/div>\n            \n            <!-- TITLE -->\n            <h1 class=\"hmsa-article-title-climate-en\">The Impacts of Climate Change on Historical Buildings: A Turkish Perspective<\/h1>\n\n            <!-- ABSTRACT \/ INTRO BOX -->\n            <div class=\"hmsa-abstract-box-climate-en\">\n                <h3 style=\"margin-top:0; color:#ba372a; font-size:18px; margin-bottom:10px;\">Introduction: A Geography Beyond Standard Models<\/h3>\n                <p class=\"hmsa-abstract-text-climate-en\">\n                    Although the impacts of climate change on historical buildings are explained by similar physical laws globally, the severity and behavior of these impacts vary significantly depending on the geographical context.\n                <\/p>\n                <p class=\"hmsa-abstract-text-climate-en\" style=\"margin-top:15px;\">\n                    Surrounded by seas on three sides, simultaneously hosting four different climate zones, and possessing a highly heterogeneous building material stock (from tuff to basalt, limestone to adobe and brick), Turkey is one of the geographies where these effects are observed most complexly. Therefore, in terms of the relationship between climate change and cultural heritage, Turkey is not merely an impact zone but also acts as a dynamic \"natural laboratory.\"\n                <\/p>\n            <\/div>\n            \n            <!-- AUTHOR \/ INSTITUTION AREA -->\n            <div class=\"hmsa-author-patina-en\">\n                Author: <strong>M\u00fcge G\u00fcnel<\/strong> <span> \/\/ MSc. Architect & Restoration Specialist<\/span>\n            <\/div>\n                \n            <!-- SECTION 1 -->\n            <h3 class=\"hmsa-subhead-climate-en\">1. Regional Pathologies: Which Region, Which Risk?<\/h3>\n            <p class=\"hmsa-text-climate-en\">\n                Turkey's climate diversity causes the deterioration mechanisms that historical buildings are exposed to differ regionally.\n            <\/p>\n            \n            <p class=\"hmsa-text-climate-en\">\n                <strong>The Black Sea: Biological siege<\/strong><br>\n                High humidity and an irregular precipitation regime accelerate biological colonization (algae, lichen, fungi) on surfaces. These formations are not only an aesthetic problem but also an active destructive agent that chemically weakens the mineral structure of the material.\n            <\/p>\n            <p class=\"hmsa-text-climate-en\">\n                <strong>Mediterranean and Aegean: Salt and thermal stress<\/strong><br>\n                Sea-sourced salt aerosols and high UV exposure increase crystallization pressure on stone surfaces and cause surface scaling due to thermal expansion.\n            <\/p>\n            <p class=\"hmsa-text-climate-en\">\n                <strong>Central and Eastern Anatolia: Freeze-thaw mechanism<\/strong><br>\n                Wide temperature differences and harsh winter conditions cause the water within pores to freeze and expand volumetrically. This accelerates the transformation of micro-cracks into structural damage over time.\n            <\/p>\n\n            <!-- SECTION 2 -->\n            <h3 class=\"hmsa-subhead-climate-en\">2. Material Character and Capillary Dynamics<\/h3>\n            <p class=\"hmsa-text-climate-en\">\n                The historical building stock in Turkey consists of materials with high capillarity, such as limestone, tuff, brick, and lime-based mortars. With climate change, increasing sudden rainfalls and irregular drying cycles cause these materials to reach saturation levels faster and prolong drying times.\n            <\/p>\n            <p class=\"hmsa-text-climate-en\">\n                This is not merely a superficial moisture problem, but also signifies the disruption of the material's thermodynamic balance.\n            <\/p>\n\n            <!-- SECTION 3 -->\n            <h3 class=\"hmsa-subhead-climate-en\">3. Urban Heat Island and Historical Fabric<\/h3>\n            <p class=\"hmsa-text-climate-en\">\n                In dense city centers (such as Istanbul, Ankara, Izmir), historical buildings are exposed to temperatures on average 3\u20135\u00b0C higher than their surroundings. This urban heat island effect:\n            <\/p>\n            <ul class=\"hmsa-list-climate-en\">\n                <li>Increases thermal fatigue of the material,<\/li>\n                <li>Alters day-night temperature differences,<\/li>\n                <li>Accelerates surface reactions of atmospheric pollutants.<\/li>\n            <\/ul>\n            <p class=\"hmsa-text-climate-en\">\n                Consequently, pollutants combined with moisture trigger more aggressive sulfation processes on stone surfaces, accelerating the formation of black crusts.\n            <\/p>\n\n            <!-- SECTION 4 -->\n            <h3 class=\"hmsa-subhead-climate-en\">4. Future Strategy: Local Data-Driven Conservation Approach<\/h3>\n            <p class=\"hmsa-text-climate-en\">\n                The most critical need specific to Turkey is the development of conservation strategies based on regional micro-climate data rather than general European climate models. \n            <\/p>\n            <p class=\"hmsa-text-climate-en\">\n                The fundamental question is no longer <em>\"which material should be used?\"<\/em> but rather <strong>\"How will this material behave in the changing temperature and humidity cycles of this region?\"<\/strong> This approach elevates the conservation strategy from material selection to the level of building behavior analysis.\n            <\/p>\n\n            <!-- CONCLUSION -->\n            <h3 class=\"hmsa-subhead-climate-en\">Conclusion<\/h3>\n            <p class=\"hmsa-text-climate-en\">\n                Turkey is one of the geographies where the effects of climate change on historical buildings can be observed most clearly in terms of both diversity and intensity. Therefore, conservation strategies must rely on a holistic approach that is not solely material-based but simultaneously evaluates regional climate behaviors and building physics.\n            <\/p>\n\n            <!-- GLOSSARY -->\n            <div class=\"hmsa-glossary-box-climate-en\">\n                <h4 class=\"hmsa-glossary-title-climate-en\">HMSA Glossary of Terms<\/h4>\n                <ul class=\"hmsa-glossary-list-climate-en\">\n                    <li>\n                        <strong>Micro-climate<\/strong>\n                        The specific local climate zone formed by temperature, humidity, and wind conditions immediately surrounding a building.\n                    <\/li>\n                    <li>\n                        <strong>Urban Heat Island Effect<\/strong>\n                        The condition where densely built cities experience higher temperatures compared to surrounding rural areas.\n                    <\/li>\n                    <li>\n                        <strong>Capillarity<\/strong>\n                        The ability of water to move through porous materials against gravity.\n                    <\/li>\n                    <li>\n                        <strong>Efflorescence<\/strong>\n                        The crystallization of dissolved salts on a surface, forming white stains and crusts.\n                    <\/li>\n                    <li>\n                        <strong>Thermal Fatigue<\/strong>\n                        The loss of mechanical resistance in a material as a result of repeated thermal expansion and contraction cycles.\n                    <\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- REFERENCES -->\n            <div class=\"hmsa-ref-section-climate-en\">\n                <span class=\"hmsa-ref-title-climate-en\">References<\/span>\n                <ul class=\"hmsa-ref-list-climate-en\">\n                    <li>ICOMOS Turkey National Committee (various technical reports and proceedings), Cultural Heritage Conservation and Climate Change Studies.<\/li>\n                    <li>Republic of Turkey Ministry of Environment, Urbanization and Climate Change (2023). Turkey Climate Change Adaptation Strategy and Action Plan.<\/li>\n                    <li>General Directorate of Cultural Heritage and Museums (KVMGM), Technical Publications and Reports on the Conservation of Historical Buildings.<\/li>\n                    <li>METU Journal of the Faculty of Architecture, Current researches themed \u201cClimate Change Impacts on Built Heritage in Turkey\u201d.<\/li>\n                    <li>Istanbul Technical University (ITU) Faculty of Architecture Publications, Building Physics and Historical Building Materials Research.<\/li>\n                    <li>Bogazici University Center for Climate Change and Policy Studies (iklimBU), Turkey Regional Climate Change Projections.<\/li>\n                    <li>DergiPark Academic Publications, Various articles on \u201cMaterial Degradation in Historical Buildings and Environmental Impacts\u201d.<\/li>\n                    <li>IPCC (2021). Sixth Assessment Report: Climate Change 2021 \u2013 The Physical Science Basis.<\/li>\n                    <li>UNESCO World Heritage Centre (2017). Climate Change and World Heritage.<\/li>\n                <\/ul>\n            <\/div>\n\n        <\/div>\n    <\/div>\n`;\n\n\/\/ C. INITIALIZATION AND CONTROL LOGIC\nfunction initHmsaSystemClimateEn() {\n    \/\/ 1. Inject CSS and HTML into the page if not already present\n    if (!document.getElementById('hmsa-modal-root-climate-en')) {\n        document.head.insertAdjacentHTML('beforeend', hmsaStylesClimateEn);\n        document.body.insertAdjacentHTML('beforeend', hmsaModalHtmlClimateEn);\n    }\n\n    \/\/ 2. Define Elements\n    const triggerCard = document.getElementById('hmsa-trigger-card-climate-en');\n    const modalRoot = document.getElementById('hmsa-modal-root-climate-en');\n    \n    \/\/ 3. Event Listeners\n    function openModal(e) {\n        \/\/ Do not open popup if \"Read on Page\" link is clicked\n        if (e.target.classList.contains('hmsa-page-link-en')) {\n            return;\n        }\n        e.preventDefault();\n        modalRoot.classList.add('active');\n        document.body.style.overflow = 'hidden'; \/\/ Prevent background scrolling\n    }\n\n    if (triggerCard) {\n        triggerCard.addEventListener('click', openModal);\n    }\n\n    function closeModal() {\n        modalRoot.classList.remove('active');\n        document.body.style.overflow = '';\n    }\n\n    const freshCloseBtn = document.getElementById('hmsa-close-action-climate-en');\n    if (freshCloseBtn) freshCloseBtn.addEventListener('click', closeModal);\n\n    \/\/ Close via ESC key\n    document.addEventListener('keydown', function(e) {\n        if (e.key === 'Escape' && modalRoot.classList.contains('active')) {\n            closeModal();\n        }\n    });\n}\n\n\/\/ D. Run on Page Load\nif (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initHmsaSystemClimateEn);\n} else {\n    initHmsaSystemClimateEn();\n}\n})();\n<\/script>\n<!-- =================== HMSA ACADEMY: CULTURAL HERITAGE & CLIMATE CHANGE CARD END ================ -->\n\n\n\n<!-- ============================================================================== -->\n<!-- === HMSA ACADEMY: EARTHQUAKE & RESTORATION CARD START ======================== -->\n<!-- ============================================================================== -->\n<!-- 1. VISIBLE CARD SECTION (Summary card on the website) -->\n<div id=\"hmsa-trigger-card-earthquake\" class=\"hmsa-card-wrapper\">\n    <div class=\"hmsa-card-meta\">HMSA ACADEMY: EARTHQUAKE &#038; RESTORATION<\/div>\n    <h2 class=\"hmsa-card-title\">Post-Earthquake Intervention Ethics and Surface Health in Historical Buildings<\/h2>\n    <p class=\"hmsa-card-desc\">\n        Sustainable conservation strategies for post-earthquake interventions in historical buildings, focusing beyond structural repair on surface health, material pathology, and the principle of minimum intervention.\n    <\/p>\n<!-- ACTION GROUP -->\n<div class=\"hmsa-action-group\">\n    <!-- Open Popup Button -->\n    <button class=\"hmsa-read-btn\">Qu\u0131ck Read (Popup) &rarr;<\/button>\n    \n    <!-- Go to Page Link -->\n    <a href=\"https:\/\/www.letoon.com.tr\/eng\/post-earthquake-intervention-ethics-and-surface-health-in-historical-buildings\/\" class=\"hmsa-page-link\">Read on Page &nearr;<\/a>\n<\/div>\n<\/div>\n\n<!-- 2. SYSTEM SCRIPT (All Content, Design, and Functions) -->\n<script>\n(function() {\n    \/* \n       HMSA MODAL SYSTEM - EARTHQUAKE VERSION\n       IDs have the \"-earthquake\" suffix to prevent conflicts.\n       Theme Color: Red (#ba372a)\n    *\/\n\n    \/\/ A. CSS STYLES\n    const hmsaStylesEarthquake = `\n        <style>\n            \/* --- CARD STYLES --- *\/\n            #hmsa-trigger-card-earthquake {\n                font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n                background: #fff; border-radius: 8px; padding: 30px;\n                box-shadow: 0 5px 20px rgba(0,0,0,0.08); \n                border-left: 5px solid #ba372a; \/* Red Theme *\/\n                cursor: pointer; transition: transform 0.3s ease; max-width: 800px; margin: 40px auto;\n                box-sizing: border-box; display: block; position: relative; z-index: 1;\n            }\n            #hmsa-trigger-card-earthquake:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.12); }\n            \n            #hmsa-trigger-card-earthquake .hmsa-card-meta { font-size: 11px; color: #999; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }\n            #hmsa-trigger-card-earthquake .hmsa-card-title { font-size: 24px; color: #222; font-weight: 800; margin: 0 0 15px 0; line-height: 1.3; }\n            #hmsa-trigger-card-earthquake .hmsa-card-desc { font-size: 15px; color: #666; line-height: 1.5; margin: 0 0 20px 0; text-align: justify; }\n\n            \/* Button Group *\/\n            #hmsa-trigger-card-earthquake .hmsa-action-group {\n                display: flex; align-items: center; gap: 20px;\n                margin-top: 25px; border-top: 1px solid #f0f0f0; padding-top: 20px;\n            }\n            #hmsa-trigger-card-earthquake .hmsa-read-btn { \n                background: #ba372a; border: none; color: #fff; font-weight: 700; font-size: 13px; \n                cursor: pointer; padding: 10px 20px; border-radius: 4px; text-transform: uppercase; \n                transition: background 0.3s;\n            }\n            #hmsa-trigger-card-earthquake .hmsa-read-btn:hover { background: #962a1f; }\n            #hmsa-trigger-card-earthquake .hmsa-page-link {\n                text-decoration: none; color: #555; font-size: 13px; font-weight: 600;\n                border-bottom: 1px solid transparent; transition: all 0.3s; text-transform: uppercase;\n            }\n            #hmsa-trigger-card-earthquake .hmsa-page-link:hover { color: #ba372a; border-bottom: 1px solid #ba372a; }\n\n            \/* --- MODAL (POPUP) STYLES --- *\/\n            #hmsa-modal-root-earthquake {\n                position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n                background-color: rgba(255,255,255,0.99); z-index: 2147483647; \n                opacity: 0; visibility: hidden; transition: opacity 0.3s ease;\n                overflow-y: auto; -webkit-overflow-scrolling: touch;\n                font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; box-sizing: border-box;\n            }\n            #hmsa-modal-root-earthquake.active { opacity: 1; visibility: visible; }\n            #hmsa-modal-root-earthquake * { box-sizing: border-box; }\n\n            .hmsa-content-container-earthquake {\n                max-width: 800px; margin: 60px auto 100px auto; padding: 0 30px;\n                color: #333; transform: translateY(20px); transition: transform 0.4s ease;\n            }\n            #hmsa-modal-root-earthquake.active .hmsa-content-container-earthquake { transform: translateY(0); }\n\n            .hmsa-close-btn-earthquake {\n                position: fixed; top: 25px; right: 30px; font-size: 45px; color: #ccc;\n                background: transparent; border: none; cursor: pointer; z-index: 2147483648;\n                line-height: 1; transition: color 0.3s;\n            }\n            .hmsa-close-btn-earthquake:hover { color: #ba372a; }\n\n            \/* Typography *\/\n            .hmsa-header-meta-earthquake { font-size:12px; color:#ba372a; font-weight:bold; text-transform:uppercase; margin-bottom:10px; }\n            .hmsa-article-title-earthquake { font-size: 32px; font-weight: 800; color: #111; line-height: 1.3; margin-bottom: 25px; border-bottom: 1px solid #eee; padding-bottom: 20px; }\n\n            \/* Abstract Box *\/\n            .hmsa-abstract-box-earthquake {\n                background-color: #fcfcfc;\n                border-left: 4px solid #ba372a;\n                padding: 20px 25px;\n                margin-bottom: 30px;\n                border-radius: 0 4px 4px 0;\n            }\n            .hmsa-abstract-text-earthquake { font-size: 16px; line-height: 1.6; color: #555; font-style: italic; margin: 0; text-align: justify; }\n\n            \/* Headers and Text *\/\n            .hmsa-subhead-earthquake { \n                font-size: 22px; font-weight: 700; color: #ba372a; \n                margin-top: 40px; margin-bottom: 15px; \n                border-bottom: 1px solid #f0f0f0; padding-bottom: 8px; \n                display:block; \n            }\n            .hmsa-text-earthquake { font-size: 18px; line-height: 1.8; color: #222; margin-bottom: 25px; text-align: justify; }\n            .hmsa-text-earthquake strong { font-weight: 700; color: #333; }\n\n            \/* Lists *\/\n            .hmsa-list-earthquake { list-style: disc; padding-left: 20px; margin: 20px 0 30px 20px; }\n            .hmsa-list-earthquake li { margin-bottom: 10px; font-size: 18px; line-height: 1.6; color: #333; text-align: justify; }\n\n            \/* Glossary Box *\/\n            .hmsa-glossary-box-earthquake {\n                margin-top: 50px; padding: 25px; background: #fafafa; \n                border: 1px solid #e0e0e0; border-radius: 8px;\n            }\n            .hmsa-glossary-title-earthquake {\n                font-size: 20px; font-weight: 800; color: #ba372a; \n                margin-top: 0; margin-bottom: 15px; border-bottom: 2px solid #ba372a; \n                display: inline-block; padding-bottom: 5px;\n            }\n            .hmsa-glossary-list-earthquake { list-style: none; padding: 0; margin: 0; }\n            .hmsa-glossary-list-earthquake li { margin-bottom: 15px; font-size: 16px; line-height: 1.6; color: #444; }\n            .hmsa-glossary-list-earthquake li strong { display: block; color: #222; font-size: 17px; margin-bottom: 4px; }\n\n            \/* References *\/\n            .hmsa-ref-section-earthquake { margin-top: 60px; padding-top: 30px; border-top: 2px solid #eee; background: #fff; padding: 10px 0; }\n            .hmsa-ref-title-earthquake { font-weight: 800; color: #333; margin-bottom: 15px; display: block; font-size: 18px; }\n            .hmsa-ref-list-earthquake { list-style: none; padding: 0; }\n            .hmsa-ref-list-earthquake li { margin-bottom: 10px; font-size: 14px; text-align: left; color: #555; line-height: 1.5; padding-left: 15px; text-indent: -15px; }\n\n            @media (max-width: 800px) {\n                #hmsa-trigger-card-earthquake { width: 92%; margin: 20px auto; }\n                #hmsa-trigger-card-earthquake .hmsa-action-group { flex-direction: column; align-items: flex-start; gap: 15px; }\n                .hmsa-content-container-earthquake { margin-top: 60px; padding: 0 20px; }\n                .hmsa-close-btn-earthquake { top: 15px; right: 20px; }\n                .hmsa-article-title-earthquake { font-size: 24px; }\n                .hmsa-text-earthquake { font-size: 16px; }\n            }\n        <\/style>\n`;\n\n\/\/ B. MODAL HTML CONTENT (FULL TEXT)\nconst hmsaModalHtmlEarthquake = `\n    <div id=\"hmsa-modal-root-earthquake\">\n        <button class=\"hmsa-close-btn-earthquake\" id=\"hmsa-close-action-earthquake\">&times;<\/button>\n        \n        <div class=\"hmsa-content-container-earthquake\">\n            <div class=\"hmsa-header-meta-earthquake\">HMSA Academy: Earthquake & Restoration<\/div>\n            \n            <!-- TITLE -->\n            <h1 class=\"hmsa-article-title-earthquake\">Post-Earthquake Intervention Ethics and Surface Health in Historical Buildings<\/h1>\n\n            <!-- ABSTRACT BOX -->\n            <div class=\"hmsa-abstract-box-earthquake\">\n                <h3 style=\"margin-top:0; color:#ba372a; font-size:18px; margin-bottom:10px;\">Abstract<\/h3>\n                <p class=\"hmsa-abstract-text-earthquake\">\n                    Post-earthquake interventions in historical buildings should not be considered merely as a structural repair process; they must be approached as a scientific, ethical, and sustainable strategy for the preservation of cultural heritage. Pathologies that develop over time in historical building materials, such as moisture movement, salt crystallization, biological formations, and material fatigue, significantly reduce the buildings' resilience against earthquakes.\n                <\/p>\n                <p class=\"hmsa-abstract-text-earthquake\" style=\"margin-top:15px;\">\n                    This study examines the concepts of surface health, building pathology, minimum intervention principles, and material compatibility in post-earthquake restoration processes from a technical perspective. It emphasizes that preserving the physical behavior of the surface is just as critical as structural strengthening for sustainable post-disaster conservation.\n                <\/p>\n            <\/div>\n\n            <!-- AUTHOR \/ INSTITUTION AREA -->\n            <div class=\"hmsa-author-patina\" style=\"margin-bottom: 30px; font-size: 15px; color: #555;\">\n                Author: <strong>M\u00fcge G\u00fcnel<\/strong> <span> \/\/ MSc. Architect & Restoration Specialist<\/span>\n            <\/div>\n\n            <!-- SECTION 1 -->\n            <h3 class=\"hmsa-subhead-earthquake\">1. Introduction: The Evolution of Post-Earthquake Conservation Approaches<\/h3>\n            <p class=\"hmsa-text-earthquake\">\n                Earthquakes cause not only structural system damage in historical buildings but also micro-level deterioration that threatens the physical integrity of the material. While traditional restoration concepts mostly focus on visible structural damage, contemporary conservation approaches require an interdisciplinary process that also evaluates the building surface and material behavior.\n            <\/p>\n            <p class=\"hmsa-text-earthquake\">\n                Natural stone, brick, and traditional mortar systems suffer strength loss over time due to moisture movements, salt crystallization, biological formations, and environmental impacts. Micro-cracks caused by earthquakes accelerate these deterioration processes, making the building more vulnerable to future risks.\n            <\/p>\n            <p class=\"hmsa-text-earthquake\">\n                <strong>Therefore, the post-earthquake intervention process should aim not only to rebuild the structure but also to preserve the original physical behavior of the material.<\/strong>\n            <\/p>\n\n            <!-- SECTION 2 -->\n            <h3 class=\"hmsa-subhead-earthquake\">2. Analyzing Building Pathology and Reading the Surface<\/h3>\n            <p class=\"hmsa-text-earthquake\">\n                The first stage of post-earthquake intervention is analyzing the current state of the building using scientific methods. Interventions carried out without proper diagnosis during the conservation process can cause irreversible losses in historical buildings.\n            <\/p>\n            <p class=\"hmsa-text-earthquake\">In this process;<\/p>\n            <ul class=\"hmsa-list-earthquake\">\n                <li>Micro and macro crack mapping,<\/li>\n                <li>Moisture and salt profile analyses,<\/li>\n                <li>Stone and mortar characterization,<\/li>\n                <li>Examination of surface weathering,<\/li>\n                <li>Static evaluation of the structural system<\/li>\n            <\/ul>\n            <p class=\"hmsa-text-earthquake\">\n                must be considered as a whole. Especially in natural stone buildings, micro-cracks formed after earthquakes allow water to penetrate the structure much faster. Water entering the pore system carries soluble salts, accelerating crystallization processes. Over time, this results in surface losses, delamination, and a decrease in the mechanical strength of the stone.\n            <\/p>\n            <p class=\"hmsa-text-earthquake\">\n                Consequently, surface health is a conservation parameter as important as post-earthquake structural safety.\n            <\/p>\n\n            <!-- SECTION 3 -->\n            <h3 class=\"hmsa-subhead-earthquake\">3. Intervention Ethics: Minimum Intervention and Material Compatibility<\/h3>\n            <p class=\"hmsa-text-earthquake\">\n                The pressure for urgent post-earthquake intervention often leads to fast but incompatible applications. However, the fundamental principle of conservation ethics is to intervene without harming the historical structure.\n            <\/p>\n            <p class=\"hmsa-text-earthquake\">\n                While high-pressure cleaning applications can destroy the natural patina of the stone, cement-based hard completion mortars or surface layers with low vapor permeability can disrupt the moisture balance of the building.\n            <\/p>\n            <p class=\"hmsa-text-earthquake\">\n                Traditional materials used in historical buildings generally have an open-pore structure. This structure allows water vapor to be discharged from the surface in a controlled manner. Interventions that prevent vapor permeability cause moisture to become trapped inside the structure. As a result:\n            <\/p>\n            <ul class=\"hmsa-list-earthquake\">\n                <li>Salt efflorescence,<\/li>\n                <li>Surface blistering,<\/li>\n                <li>Biological formations,<\/li>\n                <li>Stone losses,<\/li>\n                <li>Microorganism growth become inevitable.<\/li>\n            <\/ul>\n            <p class=\"hmsa-text-earthquake\">\n                Therefore, in the restoration process:\n            <\/p>\n            <ul class=\"hmsa-list-earthquake\">\n                <li>The principle of minimum intervention,<\/li>\n                <li>Reversible applications,<\/li>\n                <li>Physical compatibility with original materials,<\/li>\n                <li>The use of breathable systems must form the foundation of the conservation process.<\/li>\n            <\/ul>\n\n            <!-- SECTION 4 -->\n            <h3 class=\"hmsa-subhead-earthquake\">4. Surface Health and Sustainable Conservation<\/h3>\n            <p class=\"hmsa-text-earthquake\">\n                Strengthening the load-bearing system alone is not sufficient in post-earthquake restoration. The outer shell of the building, namely the surface system, must also be protected. This is because physical deteriorations occurring on stone surfaces directly affect the holistic strength of the building over time.\n            <\/p>\n            <p class=\"hmsa-text-earthquake\">\n                Salt crystallization, moisture movements, and biological formations create pressure in the pore structure of the stone, causing surface losses. Micro-cracks formed especially after earthquakes accelerate this process.\n            <\/p>\n            <p class=\"hmsa-text-earthquake\">\n                Therefore, in a sustainable conservation approach:\n            <\/p>\n            <ul class=\"hmsa-list-earthquake\">\n                <li>Surface moisture control,<\/li>\n                <li>Salt management,<\/li>\n                <li>Biological formation cleaning,<\/li>\n                <li>Regular maintenance systems,<\/li>\n                <li>Periodic monitoring studies<\/li>\n            <\/ul>\n            <p class=\"hmsa-text-earthquake\">\n                are integral parts of a long-term conservation strategy. The aim of the conservation approach is not only to repair the damage but to increase the building's resilience against future disasters.\n            <\/p>\n\n            <!-- SECTION 5 (CONCLUSION) -->\n            <h3 class=\"hmsa-subhead-earthquake\">5. Conclusion<\/h3>\n            <p class=\"hmsa-text-earthquake\">\n                Modern restoration concepts evaluate historical buildings not merely as architectural objects, but as living systems interacting with physical, chemical, and environmental processes. In post-earthquake interventions, preserving not only the structural integrity but also the surface health, moisture balance, and original material behavior is a fundamental responsibility.\n            <\/p>\n            <p class=\"hmsa-text-earthquake\">\n                Although incorrect interventions may seem to consolidate the building in the short term, they can accelerate material deterioration in the long term, causing greater losses. Therefore, the conservation process requires a scientific approach where architecture, engineering, materials science, and building physics are considered together.\n            <\/p>\n            <p class=\"hmsa-text-earthquake\">\n                Cultural heritage structures are not only traces of the past but also shared memory spaces that must be transferred to future generations. Post-earthquake restoration is one of the most critical tools for preserving this memory.\n            <\/p>\n\n            <!-- GLOSSARY OF TERMS -->\n            <div class=\"hmsa-glossary-box-earthquake\">\n                <h4 class=\"hmsa-glossary-title-earthquake\">HMSA Glossary of Terms<\/h4>\n                <ul class=\"hmsa-glossary-list-earthquake\">\n                    <li>\n                        <strong>Building Pathology<\/strong>\n                        The field of analysis that examines the causes of physical, chemical, and biological deteriorations occurring in historical buildings.\n                    <\/li>\n                    <li>\n                        <strong>Minimum Intervention<\/strong>\n                        A conservation approach based on intervening with the original material of the building to the least extent possible during conservation works.\n                    <\/li>\n                    <li>\n                        <strong>Surface Health<\/strong>\n                        Refers to the evaluation of a building surface in terms of moisture balance, physical strength, pore structure, and biological cleanliness.\n                    <\/li>\n                    <li>\n                        <strong>Salt Crystallization<\/strong>\n                        The process where dissolved salts crystallize in stone pores, creating pressure and causing surface losses.\n                    <\/li>\n                    <li>\n                        <strong>Capillary Water Movement<\/strong>\n                        The phenomenon of water rising against gravity within porous building materials.\n                    <\/li>\n                    <li>\n                        <strong>Vapor Diffusion<\/strong>\n                        The process of water vapor passing through a building element from high vapor pressure to low vapor pressure.\n                    <\/li>\n                    <li>\n                        <strong>Consolidation<\/strong>\n                        The process of increasing the strength of weakened building materials with appropriate strengthening applications.\n                    <\/li>\n                    <li>\n                        <strong>Biodeterioration<\/strong>\n                        The process of physical and chemical destruction caused by moss, fungi, lichens, and bacteria on building surfaces.\n                    <\/li>\n                    <li>\n                        <strong>Material Compatibility<\/strong>\n                        The state in which a newly applied material physically, chemically, and mechanically aligns with the original building material.\n                    <\/li>\n                    <li>\n                        <strong>Sustainable Conservation<\/strong>\n                        A scientific conservation approach aiming to preserve the long-term physical health and authenticity of cultural heritage.\n                    <\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- REFERENCES -->\n            <div class=\"hmsa-ref-section-earthquake\">\n                <span class=\"hmsa-ref-title-earthquake\">References<\/span>\n                <ul class=\"hmsa-ref-list-earthquake\">\n                    <li>1. Torraca, G. (2009). Lectures on Materials Science for Architectural Conservation. ICCROM.<\/li>\n                    <li>2. Hens, H. (2017). Building Physics: Heat, Air and Moisture. Ernst & Sohn.<\/li>\n                    <li>3. Massari, G., & Massari, I. (1993). Damp Buildings, Old and New. ICCROM.<\/li>\n                    <li>4. ICOMOS (1964). International Charter for the Conservation and Restoration of Monuments and Sites (Venice Charter).<\/li>\n                <\/ul>\n            <\/div>\n\n        <\/div>\n    <\/div>\n`;\n\n\/\/ C. INITIALIZATION AND CONTROL LOGIC\nfunction initHmsaSystemEarthquake() {\n    \/\/ 1. Inject required CSS and HTML into the page\n    if (!document.getElementById('hmsa-modal-root-earthquake')) {\n        document.head.insertAdjacentHTML('beforeend', hmsaStylesEarthquake);\n        document.body.insertAdjacentHTML('beforeend', hmsaModalHtmlEarthquake);\n    }\n\n    \/\/ 2. Define Elements\n    const triggerCard = document.getElementById('hmsa-trigger-card-earthquake');\n    const modalRoot = document.getElementById('hmsa-modal-root-earthquake');\n    \n    \/\/ 3. Event Listeners\n    function openModal(e) {\n        \/\/ Prevent popup from opening if \"Read on Page\" link is clicked\n        if (e.target.classList.contains('hmsa-page-link')) {\n            return;\n        }\n        e.preventDefault();\n        modalRoot.classList.add('active');\n        document.body.style.overflow = 'hidden'; \/\/ Prevent background scrolling\n    }\n\n    if (triggerCard) {\n        triggerCard.addEventListener('click', openModal);\n    }\n\n    function closeModal() {\n        modalRoot.classList.remove('active');\n        document.body.style.overflow = '';\n    }\n\n    const freshCloseBtn = document.getElementById('hmsa-close-action-earthquake');\n    if (freshCloseBtn) freshCloseBtn.addEventListener('click', closeModal);\n\n    \/\/ Close with ESC key\n    document.addEventListener('keydown', function(e) {\n        if (e.key === 'Escape' && modalRoot.classList.contains('active')) {\n            closeModal();\n        }\n    });\n}\n\n\/\/ D. Run when page loads\nif (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initHmsaSystemEarthquake);\n} else {\n    initHmsaSystemEarthquake();\n}\n})();\n<\/script>\n<!-- =================== HMSA ACADEMY: EARTHQUAKE & RESTORATION CARD END ================== -->\n\n\n\n<!-- ============================================================================== -->\n<!-- =================== 1. TRIGGER CARD (VISIBLE ON PAGE) ======================== -->\n<!-- ============================================================================== -->\n\n<div id=\"hmsa-trigger-card-khora\" class=\"hmsa-card-wrapper\">\n    <div class=\"hmsa-card-meta\">HMSA ACADEMY<\/div>\n    <h2 class=\"hmsa-card-title\">The Role of Khorasan Mortar in Restoration Technology: A Scientific Evaluation<\/h2>\n    <p class=\"hmsa-card-desc\">\n        Khorasan mortar is a traditional binder system used across Roman, Byzantine, and Ottoman architecture. Modern materials science reveals its pozzolanic reactions, low elasticity, and vapor permeability make it an essential, compatible, and sustainable conservation technology.\n    <\/p>\n    \n    <!-- BUTTON GROUP -->\n    <div class=\"hmsa-action-group\">\n        <!-- Popup Trigger -->\n        <button class=\"hmsa-read-btn\">Qu\u0131ck Read (Popup) &rarr;<\/button>\n        \n        <!-- Page Link -->\n        <a href=\"https:\/\/www.letoon.com.tr\/eng\/the-role-of-khorasan-mortar-in-restoration-technology-a-scientific-evaluation\/\" \n           target=\"_blank\" \n           class=\"hmsa-page-link\">\n           Read on Page &nearr;\n        <\/a>\n    <\/div>\n<\/div>\n\n<!-- ============================================================================== -->\n<!-- =================== 2. INDEPENDENT SYSTEM (CSS & JS & MODAL) ================= -->\n<!-- ============================================================================== -->\n\n<script>\n(function() {\n    \/* \n       HMSA MODAL SYSTEM - ARTICLE 1 (ENGLISH REVISION)\n       Subject: Khorasan Mortar\n       Update: Formatted with Trigger Card, CSS isolation & Event Listeners\n    *\/\n\n    \/\/ A. CSS STYLES\n    const hmsaStyles = `\n        <style>\n            \/* --- TRIGGER CARD STYLES --- *\/\n            #hmsa-trigger-card-khora {\n                font-family: Arial, sans-serif;\n                background: #fff; border-radius: 8px; padding: 30px;\n                box-shadow: 0 5px 20px rgba(0,0,0,0.08); border-left: 5px solid #ba372a;\n                cursor: pointer; transition: transform 0.3s ease; max-width: 800px; margin: 40px auto;\n                box-sizing: border-box; display: block; position: relative; z-index: 1;\n            }\n            #hmsa-trigger-card-khora:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.12); }\n            \n            .hmsa-card-meta { font-size: 11px; color: #999; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }\n            .hmsa-card-title { font-size: 24px; color: #222; font-weight: 800; margin: 0 0 15px 0; line-height: 1.3; }\n            .hmsa-card-desc { font-size: 15px; color: #666; line-height: 1.5; margin: 0 0 20px 0; text-align: justify; }\n\n            \/* --- BUTTON GROUP STYLES --- *\/\n            .hmsa-action-group {\n                display: flex;\n                align-items: center;\n                gap: 20px;\n                margin-top: 25px;\n                border-top: 1px solid #f0f0f0;\n                padding-top: 20px;\n            }\n\n            \/* Modal Trigger Button *\/\n            .hmsa-read-btn { \n                background: #ba372a; \n                border: none; \n                color: #fff; \n                font-weight: 700; \n                font-size: 13px; \n                cursor: pointer; \n                padding: 10px 20px; \n                border-radius: 4px;\n                text-transform: uppercase; \n                transition: background 0.3s;\n            }\n            .hmsa-read-btn:hover { background: #962a1f; }\n\n            \/* Page Link *\/\n            .hmsa-page-link {\n                text-decoration: none;\n                color: #555;\n                font-size: 13px;\n                font-weight: 600;\n                border-bottom: 1px solid transparent;\n                transition: all 0.3s;\n                text-transform: uppercase;\n            }\n            .hmsa-page-link:hover {\n                color: #ba372a;\n                border-bottom: 1px solid #ba372a;\n            }\n\n            \/* --- ISOLATED MODAL STYLES --- *\/\n            #hmsa-modal-root-khora {\n                position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n                background-color: rgba(255,255,255,0.99); \n                z-index: 2147483647; \n                opacity: 0; visibility: hidden; transition: opacity 0.3s ease;\n                overflow-y: auto; -webkit-overflow-scrolling: touch;\n                font-family: Arial, sans-serif;\n                box-sizing: border-box;\n            }\n            #hmsa-modal-root-khora.active { opacity: 1; visibility: visible; }\n            \n            #hmsa-modal-root-khora * { box-sizing: border-box; }\n\n            .hmsa-content-container {\n                max-width: 800px; margin: 60px auto 100px auto; padding: 0 30px;\n                color: #333; transform: translateY(20px); transition: transform 0.4s ease;\n            }\n            #hmsa-modal-root-khora.active .hmsa-content-container { transform: translateY(0); }\n\n            .hmsa-close-btn {\n                position: fixed; top: 25px; right: 30px; font-size: 45px; color: #ccc;\n                background: transparent; border: none; cursor: pointer; z-index: 2147483648;\n                line-height: 1; transition: color 0.3s;\n            }\n            .hmsa-close-btn:hover { color: #ba372a; }\n\n            \/* Typography *\/\n            .hmsa-article-title { font-size: 30px; font-weight: 800; color: #111; line-height: 1.3; margin-bottom: 10px; }\n            .hmsa-article-subtitle { font-size: 20px; font-weight: 600; color: #444; line-height: 1.4; margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px; display:block; }\n\n            .hmsa-author { \n                font-size: 15px; color: #555; margin-bottom: 35px; display: block; font-weight: 400;\n            }\n            .hmsa-author strong { color: #ba372a; font-weight: 700; }\n            .hmsa-author span { color: #888; font-size: 14px; margin-left: 5px; }\n\n            .hmsa-text { font-size: 18px; line-height: 1.7; color: #2c3e50; margin-bottom: 25px; text-align: justify; }\n            \n            \/* Abstract box style *\/\n            .hmsa-abstract { \n                font-size: 19px; color: #444; \n                border-left: 4px solid #ba372a; padding-left: 25px; \n                margin-bottom: 30px; font-style: italic; \n                background: #fafafa; padding: 20px 25px; border-radius: 0 8px 8px 0;\n                text-align: justify;\n            }\n\n            .hmsa-keywords { font-size: 14px; color: #666; margin-bottom: 40px; display: block; border-bottom: 1px solid #eee; padding-bottom: 20px; }\n            \n            .hmsa-subhead { font-size: 22px; font-weight: 700; color: #2c3e50; margin-top: 40px; margin-bottom: 15px; border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; display:inline-block; }\n\n            \/* Lists *\/\n            .hmsa-list {\n                list-style: none;\n                padding: 0;\n                margin: 30px 0;\n            }\n\n            .hmsa-list li {\n                position: relative;\n                padding-left: 30px;\n                margin-bottom: 15px;\n                font-size: 17px;\n                line-height: 1.6;\n                color: #444;\n                text-align: justify;\n            }\n\n            .hmsa-list li::before {\n                content: \"\u2022\";\n                color: #ba372a;\n                font-size: 24px;\n                position: absolute;\n                left: 0;\n                top: -5px;\n            }\n\n            \/* --- TABLE STYLES --- *\/\n            .hmsa-table-wrapper {\n                overflow-x: auto;\n                margin: 40px 0 10px 0;\n                border: 1px solid #eee;\n                border-radius: 8px;\n                box-shadow: 0 2px 10px rgba(0,0,0,0.03);\n            }\n\n            .hmsa-table {\n                width: 100%;\n                border-collapse: collapse;\n                min-width: 600px;\n                font-size: 15px;\n            }\n\n            .hmsa-table th {\n                background: #f9f9f9;\n                color: #ba372a;\n                font-weight: bold;\n                padding: 15px;\n                text-align: left;\n                border-bottom: 2px solid #ddd;\n            }\n\n            .hmsa-table td {\n                padding: 15px;\n                border-bottom: 1px solid #eee;\n                color: #444;\n                vertical-align: top;\n                line-height: 1.5;\n            }\n\n            .hmsa-table tr:last-child td {\n                border-bottom: none;\n            }\n\n            .hmsa-caption {\n                font-size: 14px;\n                color: #777;\n                margin-top: 10px;\n                text-align: center;\n                font-style: italic;\n                display: block;\n                margin-bottom: 40px;\n            }\n\n            \/* --- CYCLE DIAGRAM STYLES --- *\/\n            .hmsa-cycle-wrapper {\n                position: relative;\n                width: 100%;\n                height: 550px;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                margin: 60px 0;\n                font-family: Arial, sans-serif;\n                background: #fff; \n            }\n\n            .hmsa-cycle-track {\n                position: absolute;\n                width: 400px;\n                height: 400px;\n                border-radius: 50%;\n                border: 2px dashed #e0e0e0;\n                z-index: 0;\n                animation: rotateHmsa 120s linear infinite;\n            }\n\n            @keyframes rotateHmsa {\n                from { transform: rotate(0deg); }\n                to { transform: rotate(360deg); }\n            }\n\n            .hmsa-core {\n                position: absolute;\n                width: 170px;\n                height: 170px;\n                background: #fff;\n                border-radius: 50%;\n                display: flex;\n                flex-direction: column;\n                justify-content: center;\n                align-items: center;\n                text-align: center;\n                z-index: 20;\n                box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n                border: 1px solid #eee;\n            }\n\n            .hmsa-item {\n                position: absolute;\n                width: 200px;\n                text-align: center;\n                cursor: default;\n                z-index: 10;\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n            }\n\n            .hmsa-pos-1 { transform: rotate(210deg) translate(220px) rotate(-210deg); }\n            .hmsa-pos-2 { transform: rotate(330deg) translate(220px) rotate(-330deg); }\n            .hmsa-pos-3 { transform: rotate(30deg) translate(220px) rotate(-30deg); }\n            .hmsa-pos-4 { transform: rotate(90deg) translate(220px) rotate(-90deg); }\n            .hmsa-pos-5 { transform: rotate(150deg) translate(220px) rotate(-150deg); }\n            .hmsa-pos-6 { transform: rotate(270deg) translate(220px) rotate(-270deg); }\n\n            .hmsa-info-card {\n                background: #fff;\n                border: 1px solid #eee;\n                padding: 10px;\n                border-radius: 8px;\n                box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n                width: 100%;\n                transition: transform 0.3s;\n            }\n            \n            .hmsa-item:hover .hmsa-info-card {\n                transform: translateY(-5px);\n                box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n            }\n\n            .hmsa-info-title {\n                font-size: 11px;\n                font-weight: 800;\n                color: #ba372a;\n                display: block;\n                margin-bottom: 3px;\n                text-transform: uppercase;\n                letter-spacing: 0.5px;\n            }\n\n            .hmsa-info-text {\n                font-size: 11px;\n                color: #666;\n                margin: 0;\n                line-height: 1.3;\n            }\n\n            \/* Footer & References *\/\n            .hmsa-ref-section { margin-top: 60px; padding-top: 30px; border-top: 1px solid #eee; color: #777; font-size: 14px; }\n            .hmsa-ref-title { font-weight: bold; color: #333; margin-bottom: 10px; display: block; }\n            .hmsa-ref-list { list-style: none; padding: 0; }\n            .hmsa-ref-list li { margin-bottom: 8px; font-size: 13px; text-align: justify; }\n\n            \/* Mobile Responsive *\/\n            @media (max-width: 800px) {\n                #hmsa-trigger-card-khora { width: 92%; margin: 20px auto; }\n                .hmsa-action-group { flex-direction: column; align-items: flex-start; gap: 15px; }\n                .hmsa-content-container { margin-top: 60px; padding: 0 20px; }\n                .hmsa-close-btn { top: 15px; right: 20px; }\n                \n                \/* Diagram Mobile Rules *\/\n                .hmsa-cycle-wrapper { height: auto; flex-direction: column; margin: 40px 0; padding: 20px 0; }\n                .hmsa-cycle-track { display: none; }\n                .hmsa-core { position: relative; margin-bottom: 40px; }\n                .hmsa-item { position: relative; transform: none; margin-bottom: 20px; width: 100%; flex-direction: row; text-align: left; align-items: flex-start; }\n                .hmsa-info-card { text-align: left; width: auto; flex-grow: 1; }\n            }\n        <\/style>\n    `;\n\n    \/\/ B. MODAL HTML CONTENT (ENGLISH)\n    const hmsaModalHtml = `\n        <div id=\"hmsa-modal-root-khora\">\n            <button class=\"hmsa-close-btn\" id=\"hmsa-close-action-khora\">&times;<\/button>\n            \n            <div class=\"hmsa-content-container\">\n                <div style=\"font-size:12px; color:#ba372a; font-weight:bold; text-transform:uppercase; margin-bottom:10px;\">HMSA Academy Article Series<\/div>\n                \n                <!-- TITLE & SUBTITLE -->\n                <h1 class=\"hmsa-article-title\">The Role of Khorasan Mortar in Restoration Technology: A Scientific Evaluation<\/h1>\n                <span class=\"hmsa-article-subtitle\">A Materials Science Perspective on Traditional Pozzolanic Binder Systems<\/span>\n                \n                <!-- AUTHOR -->\n                <div class=\"hmsa-author\">\n                    Author: <strong>HMSA Academy<\/strong> <span> \/\/ Research and Conservation Group<\/span>\n                <\/div>\n                \n                <!-- ABSTRACT -->\n                <div class=\"hmsa-abstract\">\n                    Beyond being a traditional binder system historically used extensively in Roman, Byzantine, Seljuk, and Ottoman construction technologies, Khorasan mortar is evaluated as a highly compatible, sustainable, and multi-functional conservation technology in modern restoration engineering. Viewed through the lens of modern materials science, Khorasan mortar is a complex engineering system capable of achieving physical and chemical compatibility with the original historic materials, thanks to its pozzolanic reaction mechanism, low modulus of elasticity, high vapor permeability, micro-porous structure, and long-term carbonation behavior.\n                <\/div>\n\n                <!-- SECTION 1 -->\n                <h3 class=\"hmsa-subhead\">1. Introduction: Historic Structures and Material Behavior<\/h3>\n                <p class=\"hmsa-text\">\n                    Historic structures are complex physical systems that must be preserved not only for their architectural forms but also for their original material behavior. Intervention materials used in the conservation of these structures should not be evaluated solely based on high-strength criteria, as in modern construction technologies, but rather against criteria such as compatibility with original materials, reversibility, vapor diffusion, stress management, and long-term behavioral performance.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    In this context, Khorasan mortar is recognized as one of the most prominent traditional material systems in contemporary restoration technology. From the perspective of modern conservation science, Khorasan mortar stands out as a binder system, a micro-structural moisture regulation technology, a stress-damping layer, a salt-buffering system, and a low-carbon, sustainable building technology.\n                <\/p>\n\n                <!-- SECTION 2 -->\n                <h3 class=\"hmsa-subhead\">2. Materials Science and Chemistry of Khorasan Mortar<\/h3>\n                <p class=\"hmsa-text\">\n                    The primary parameter determining the performance of Khorasan mortar is the pozzolanic reaction mechanism. Slaked lime, or calcium hydroxide [<strong>Ca(OH)\u2082<\/strong>], within the lime binder reacts with the amorphous silica and alumina phases present in pozzolanic aggregates (crushed brick, terracotta, etc.) to form hydraulic binder gels. The reaction mechanisms are as follows:\n                <\/p>\n                <ul class=\"hmsa-list\">\n                    <li><strong>Ca(OH)\u2082 + SiO\u2082 + H\u2082O &rarr; C-S-H<\/strong> (Calcium-Silicate-Hydrate) formation.<\/li>\n                    <li><strong>Ca(OH)\u2082 + Al\u2082O\u2083 + H\u2082O &rarr; C-A-H<\/strong> (Calcium-Aluminate-Hydrate) formation.<\/li>\n                <\/ul>\n                <p class=\"hmsa-text\">\n                    The C-S-H and C-A-H phases formed during this process provide the mortar with hydraulic strength, water resistance, and mechanical stability. This process progresses slowly and time-dependently compared to Portland cement. The second fundamental reaction is the slow carbonation process of slaked lime reacting with atmospheric carbon dioxide:\n                <\/p>\n                <p class=\"hmsa-text\" style=\"text-align: center; font-weight: bold; background: #fafafa; padding: 15px; border-radius: 4px; border: 1px solid #eee; margin: 20px 0;\">\n                    Ca(OH)\u2082 + CO\u2082 &rarr; CaCO\u2083 + H\u2082O\n                <\/p>\n                <p class=\"hmsa-text\">\n                    The artificial calcite structure formed as a result of this reaction increases micro-structural densification, allowing the material to develop molecular-level compatibility with historical stone and brick.\n                <\/p>\n\n                <!-- SECTION 3 -->\n                <h3 class=\"hmsa-subhead\">3. Structural Mechanics and Stress Management<\/h3>\n                <p class=\"hmsa-text\">\n                    Historic masonry structures are not rigid systems. They constantly generate micro-deformations under seismic loads, differential settlement, thermal expansion, and wind. Thanks to the significantly lower modulus of elasticity of Khorasan mortar compared to cement (<strong>E<sub>Khorasan<\/sub> &lt;&lt; E<sub>cement<\/sub><\/strong>), structural stresses are not transferred rigidly within the system; instead, they are damped.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    This is where the sacrificial layer principle, a fundamental concept in conservation engineering, comes into play. Khorasan mortar exhibits a sacrificial material behavior through controlled deformation, micro-crack generation, and energy absorption. In this system, the objective is to allow the joint mortar to fatigue rather than fracturing the stone or causing structural damage, thereby protecting the main load-bearing system and concentrating potential damage in easily repairable joint areas.\n                <\/p>\n\n                <!-- SECTION 4 -->\n                <h3 class=\"hmsa-subhead\">4. Moisture, Vapor, and Salt Management Technology<\/h3>\n                <p class=\"hmsa-text\">\n                    Khorasan mortar is a capillary-active material with high open porosity. This structure supports water vapor diffusion, moisture transfer, and hygrothermal balance. In historic buildings, the vapor permeability coefficient of the mortar (the water vapor diffusion resistance factor, typically in the range of <strong>&mu; &le; 10-15<\/strong>) and its capillary water transport behavior must be compatible with the original stone systems.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    Additionally, sulfates, chlorides, and nitrates transported by capillary moisture crystallize in drying zones, leading to surface decay. The wide pore structure of Khorasan mortar provides a safe buffer zone for salt crystals. This mechanism minimizes surface loss by reducing crystallization pressure; the mortar acts as a passive \"salt reservoir.\"\n                <\/p>\n\n                <span class=\"hmsa-caption\" style=\"margin-bottom:10px;\">Figure 1. The Multi-Functional Protection Cycle of Khorasan Mortar<\/span>\n\n                <!-- DIAGRAM (CYCLE) -->\n                <div class=\"hmsa-cycle-wrapper\">\n                    <div class=\"hmsa-cycle-track\"><\/div>\n                    <div class=\"hmsa-core\">\n                        <div style=\"font-weight:bold; font-size:11px; color:#333; margin-top:5px;\">KHORASAN MORTAR<br>CYCLE<\/div>\n                    <\/div>\n                    \n                    <div class=\"hmsa-item hmsa-pos-1\">\n                        <div class=\"hmsa-info-card\">\n                            <span class=\"hmsa-info-title\">Pozzolanic Effect<\/span>\n                            <p class=\"hmsa-info-text\">Binder gel formation via silica and calcium hydroxide.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"hmsa-item hmsa-pos-2\">\n                        <div class=\"hmsa-info-card\">\n                            <span class=\"hmsa-info-title\">Carbonation<\/span>\n                            <p class=\"hmsa-info-text\">CO\u2082 binding and long-term calcite formation.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"hmsa-item hmsa-pos-3\">\n                        <div class=\"hmsa-info-card\">\n                            <span class=\"hmsa-info-title\">Low Elasticity<\/span>\n                            <p class=\"hmsa-info-text\">Stress absorption and flexible structural behavior.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"hmsa-item hmsa-pos-4\">\n                        <div class=\"hmsa-info-card\">\n                            <span class=\"hmsa-info-title\">Sacrificial Layer<\/span>\n                            <p class=\"hmsa-info-text\">Protecting structural elements by absorbing stress in joints.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"hmsa-item hmsa-pos-5\">\n                        <div class=\"hmsa-info-card\">\n                            <span class=\"hmsa-info-title\">Vapor Transmission<\/span>\n                            <p class=\"hmsa-info-text\">High open porosity and moisture evacuation.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"hmsa-item hmsa-pos-6\">\n                        <div class=\"hmsa-info-card\">\n                            <span class=\"hmsa-info-title\">Salt Buffering<\/span>\n                            <p class=\"hmsa-info-text\">Salt accumulation in pores to protect the stone.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <!-- \/DIAGRAM -->\n\n                <!-- SECTION 5 -->\n                <h3 class=\"hmsa-subhead\">5. Sustainability, Low Carbon, and Application Protocols<\/h3>\n                <p class=\"hmsa-text\">\n                    In the modern construction sector, Portland cement production is one of the primary sources of high carbon emissions. While cement clinker production requires firing temperatures of around <strong>1400&deg;C - 1500&deg;C<\/strong>, traditional lime production occurs at approximately <strong>900&deg;C<\/strong>. This significantly reduces energy consumption and carbon emissions. Additionally, through the carbonation process, Khorasan mortar re-binds atmospheric carbon back into its structure over time.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    To achieve successful outcomes in contemporary restoration applications, the following controlled protocols should be implemented:\n                <\/p>\n                <ul class=\"hmsa-list\">\n                    <li><strong>Laboratory Characterization:<\/strong> Determination of mineral phases, binder\/aggregate ratios, and pore structures of the original mortars using XRD, SEM, TG-DTA, and mercury porosimetry tests.<\/li>\n                    <li><strong>Recipe Optimization:<\/strong> Optimizing the compressive strength (generally in the range of <strong>1.5 - 5.0 MPa<\/strong>), modulus of elasticity, and capillary absorption coefficient of the new mortar to ensure it is not more rigid than the original building material.<\/li>\n                    <li><strong>Controlled Curing:<\/strong> Implementing moist curing, sun protection, and controlled ventilation to prevent shrinkage cracks and to support carbonation and the continuity of the pozzolanic reaction.<\/li>\n                <\/ul>\n\n                <!-- SECTION 6 -->\n                <h3 class=\"hmsa-subhead\">6. Conclusion<\/h3>\n                <p class=\"hmsa-text\">\n                    Khorasan mortar is evaluated in today's restoration technology not just as a traditional material, but as a multi-parametric conservation engineering technology. From the standpoint of materials science, its pozzolanic reaction and carbonation capacity; in terms of structural mechanics, its flexibility and sacrificial layer behavior; and regarding building physics, its moisture regulation and salt-buffering effects render Khorasan mortar indispensable for historical structures.\n                <\/p>\n                <p class=\"hmsa-text\">\n                    Supported by modern laboratory technologies, the scientific restoration approach demonstrates that the empirical knowledge of the past is indeed an advanced engineering solution. Consequently, Khorasan mortar is not only a heritage of the past but also one of the sustainable restoration technologies of the future.\n                <\/p>\n\n                <!-- GLOSSARY TABLE -->\n                <h3 class=\"hmsa-subhead\">HMSA Glossary of Terms<\/h3>\n                <div class=\"hmsa-table-wrapper\">\n                    <table class=\"hmsa-table\">\n                        <thead>\n                            <tr>\n                                <th width=\"30%\">Term<\/th>\n                                <th>Description<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody>\n                            <tr>\n                                <td><strong>Pozzolanic Reaction<\/strong><\/td>\n                                <td>The slow reaction process between slaked lime and amorphous silica\/alumina, resulting in the formation of hydraulic binder gels (C-S-H, C-A-H).<\/td>\n                            <\/tr>\n                            <tr>\n                                <td><strong>Carbonation<\/strong><\/td>\n                                <td>The process where lime mortar absorbs atmospheric carbon dioxide (CO\u2082), converting over time into artificial calcite (CaCO\u2083) and hardening.<\/td>\n                            <\/tr>\n                            <tr>\n                                <td><strong>Modulus of Elasticity<\/strong><\/td>\n                                <td>The resistance of a material to elastic deformation under stress. It is kept low in Khorasan mortar to provide flexibility to structures.<\/td>\n                            <\/tr>\n                            <tr>\n                                <td><strong>Sacrificial Layer<\/strong><\/td>\n                                <td>The principle where the mortar absorbs and dissipates stresses and weathering on itself, wearing out and deteriorating in order to protect the main structural material.<\/td>\n                            <\/tr>\n                            <tr>\n                                <td><strong>Vapor Diffusion<\/strong><\/td>\n                                <td>The process of water vapor passing through the pores of a structural element from a high-pressure zone to a low-pressure zone.<\/td>\n                            <\/tr>\n                            <tr>\n                                <td><strong>Salt Crystallization Buffer<\/strong><\/td>\n                                <td>The mechanism where dissolved salts accumulate in the wide pore structure of the mortar instead of the stone pores, reducing the erosion pressure on the stone.<\/td>\n                            <\/tr>\n                            <tr>\n                                <td><strong>XRD Analysis<\/strong><\/td>\n                                <td>The X-Ray Diffraction technique used to determine the crystalline phase composition and mineral structure of materials.<\/td>\n                            <\/tr>\n                            <tr>\n                                <td><strong>SEM Analysis<\/strong><\/td>\n                                <td>The Scanning Electron Microscopy method used to examine the microstructure, crystal morphologies, and pores of a material.<\/td>\n                            <\/tr>\n                            <tr>\n                                <td><strong>TG-DTA Analysis<\/strong><\/td>\n                                <td>A thermal analysis method that measures weight loss as a function of temperature increase to determine the proportions of binder, hydraulic phases, and carbonates in the mortar.<\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n\n                <!-- REFERENCES -->\n                <div class=\"hmsa-ref-section\">\n                    <span class=\"hmsa-ref-title\">References<\/span>\n                    <ul class=\"hmsa-ref-list\">\n                        <li>Hughes, J. J., &amp; V\u00e1lek, J. Mortars and Renders in Ancient and Historic Buildings. Springer.<\/li>\n                        <li>Moropoulou, A. et al. \u201cTechnology and Behavior of Roman Mortars.\u201d Construction and Building Materials.<\/li>\n                        <li>Papayianni, I. \u201cThe Historical Mortars in Byzantine Monuments.\u201d Cement &amp; Concrete Composites.<\/li>\n                        <li>Veiga, M. R. \u201cConservation of Historic Mortars.\u201d Materials and Structures.<\/li>\n                        <li>EN 459-1 Building Lime Standards.<\/li>\n                        <li>EN 998-1 Specification for Mortars for Masonry.<\/li>\n                    <\/ul>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    `;\n\n    \/\/ C. INITIALIZATION & LOGIC\n    function initHmsaSystemKhora() {\n        \/\/ 1. Inject CSS and HTML if not present\n        if (!document.getElementById('hmsa-modal-root-khora')) {\n            document.head.insertAdjacentHTML('beforeend', hmsaStyles);\n            document.body.insertAdjacentHTML('beforeend', hmsaModalHtml);\n        }\n\n        \/\/ 2. Define Elements\n        const triggerCard = document.getElementById('hmsa-trigger-card-khora');\n        const modalRoot = document.getElementById('hmsa-modal-root-khora');\n        const closeBtn = document.getElementById('hmsa-close-action-khora');\n\n        \/\/ 3. Event Listeners\n        function openModal(e) {\n            \/\/ If user clicks the 'Read on Page' link, do NOT open modal\n            if (e.target.classList.contains('hmsa-page-link')) {\n                return;\n            }\n            e.preventDefault();\n            modalRoot.classList.add('active');\n            document.body.style.overflow = 'hidden'; \/\/ Lock scrolling\n        }\n\n        if (triggerCard) {\n            triggerCard.addEventListener('click', openModal);\n        }\n\n        function closeModal() {\n            modalRoot.classList.remove('active');\n            document.body.style.overflow = ''; \/\/ Unlock scrolling\n        }\n\n        if (closeBtn) closeBtn.addEventListener('click', closeModal);\n\n        \/\/ Close on ESC Key\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape' && modalRoot.classList.contains('active')) {\n                closeModal();\n            }\n        });\n    }\n\n    \/\/ D. Run on Load\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initHmsaSystemKhora);\n    } else {\n        initHmsaSystemKhora();\n    }\n\n})();\n<\/script>\n\n\n\n<!-- ============================================================================== -->\n<!-- =================== HMSA ACADEMY: SILICATE PAINT CARD BEGINNING ============== -->\n<!-- ============================================================================== -->\n\n<!-- 1. STYLE TEMPLATE (Design, Layout and Animations) -->\n<style>\n    \/* --- GENERAL CARD STYLES --- *\/\n    #hmsa-trigger-card-silikat {\n        font-family: 'Segoe UI', Arial, sans-serif;\n        background: #fff; border-radius: 8px; padding: 30px;\n        box-shadow: 0 5px 20px rgba(0,0,0,0.08); \n        border-left: 5px solid #b24a3a; \/* Terracotta Theme *\/\n        cursor: pointer; transition: transform 0.3s ease; max-width: 800px; margin: 40px auto;\n        box-sizing: border-box; display: block; position: relative; z-index: 1;\n    }\n    #hmsa-trigger-card-silikat:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.12); }\n    \n    #hmsa-trigger-card-silikat .hmsa-card-meta { font-size: 11px; color: #999; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }\n    #hmsa-trigger-card-silikat .hmsa-card-title { font-size: 24px; color: #222; font-weight: 800; margin: 0 0 15px 0; line-height: 1.3; }\n    #hmsa-trigger-card-silikat .hmsa-card-desc { font-size: 15px; color: #666; line-height: 1.5; margin: 0 0 20px 0; text-align: justify; }\n\n    \/* Button Group *\/\n    #hmsa-trigger-card-silikat .hmsa-action-group {\n        display: flex; align-items: center; gap: 20px;\n        margin-top: 25px; border-top: 1px solid #f0f0f0; padding-top: 20px;\n    }\n    #hmsa-trigger-card-silikat .hmsa-read-btn { \n        background: #b24a3a; border: none; color: #fff; font-weight: 700; font-size: 13px; \n        cursor: pointer; padding: 10px 20px; border-radius: 4px; text-transform: uppercase; \n        transition: background 0.3s;\n    }\n    #hmsa-trigger-card-silikat .hmsa-read-btn:hover { background: #8e3224; }\n    #hmsa-trigger-card-silikat .hmsa-page-link {\n        text-decoration: none; color: #555; font-size: 13px; font-weight: 600;\n        border-bottom: 1px solid transparent; transition: all 0.3s; text-transform: uppercase;\n    }\n    #hmsa-trigger-card-silikat .hmsa-page-link:hover { color: #b24a3a; border-bottom: 1px solid #b24a3a; }\n\n    \/* --- MODAL (POPUP) STYLES --- *\/\n    #hmsa-modal-root-silikat {\n        position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n        background-color: rgba(255,255,255,0.99); z-index: 2147483647; \n        opacity: 0; visibility: hidden; transition: opacity 0.3s ease;\n        overflow-y: auto; -webkit-overflow-scrolling: touch;\n        font-family: 'Segoe UI', Arial, sans-serif; box-sizing: border-box;\n    }\n    #hmsa-modal-root-silikat.active { opacity: 1; visibility: visible; }\n    #hmsa-modal-root-silikat * { box-sizing: border-box; }\n\n    .hmsa-content-container-silikat {\n        max-width: 850px; margin: 60px auto 100px auto; padding: 0 30px;\n        color: #333; transform: translateY(20px); transition: transform 0.4s ease;\n    }\n    #hmsa-modal-root-silikat.active .hmsa-content-container-silikat { transform: translateY(0); }\n\n    .hmsa-close-btn-silikat {\n        position: fixed; top: 25px; right: 30px; font-size: 45px; color: #ccc;\n        background: transparent; border: none; cursor: pointer; z-index: 2147483648;\n        line-height: 1; transition: color 0.3s;\n    }\n    .hmsa-close-btn-silikat:hover { color: #b24a3a; }\n\n    \/* Typography *\/\n    .hmsa-header-meta-silikat { font-size:12px; color:#b24a3a; font-weight:bold; text-transform:uppercase; margin-bottom:10px; }\n    .hmsa-article-title-silikat { font-size: 32px; font-weight: 800; color: #111; line-height: 1.3; margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 20px; }\n    \n    .hmsa-author-silikat { \n        font-size: 15px; color: #555; margin-bottom: 30px; display: block; font-weight: 400;\n    }\n    .hmsa-author-silikat strong { color: #b24a3a; font-weight: 700; }\n\n    \/* Abstract Box *\/\n    .hmsa-abstract-box-silikat {\n        background-color: #f9f9f9;\n        border-left: 4px solid #b24a3a;\n        padding: 20px 25px;\n        margin-bottom: 30px;\n        border-radius: 0 4px 4px 0;\n    }\n    .hmsa-abstract-text-silikat { font-size: 16px; line-height: 1.6; color: #555; font-style: italic; margin: 0; text-align: justify; }\n\n    \/* Headings and Text *\/\n    .hmsa-subhead-silikat { \n        font-size: 22px; font-weight: 700; color: #b24a3a; \n        margin-top: 40px; margin-bottom: 15px; \n        border-bottom: 1px solid #f0f0f0; padding-bottom: 8px; \n        display:block; \n    }\n    .hmsa-text-silikat { font-size: 18px; line-height: 1.8; color: #2c3e50; margin-bottom: 25px; text-align: justify; }\n    .hmsa-text-silikat strong { font-weight: 700; color: #111; }\n\n    \/* Lists *\/\n    .hmsa-list-silikat { list-style: disc; padding-left: 20px; margin: 20px 0 30px 20px; }\n    .hmsa-list-silikat li { \n        margin-bottom: 10px; font-size: 18px; line-height: 1.6; color: #333; text-align: justify;\n    }\n\n    \/* --- TABLE DESIGN --- *\/\n    .hmsa-table-wrapper-silikat {\n        overflow-x: auto;\n        margin: 40px 0 10px 0;\n        border: 1px solid #eee;\n        border-radius: 8px;\n        box-shadow: 0 2px 10px rgba(0,0,0,0.03);\n    }\n    .hmsa-table-silikat {\n        width: 100%;\n        border-collapse: collapse;\n        min-width: 600px;\n        font-size: 15px;\n    }\n    .hmsa-table-silikat th {\n        background: #f9f9f9;\n        color: #b24a3a;\n        font-weight: bold;\n        padding: 15px;\n        text-align: left;\n        border-bottom: 2px solid #ddd;\n    }\n    .hmsa-table-silikat td {\n        padding: 15px;\n        border-bottom: 1px solid #eee;\n        color: #444;\n        vertical-align: top;\n        line-height: 1.5;\n    }\n    .hmsa-table-silikat tr:last-child td { border-bottom: none; }\n    .hmsa-caption-silikat { font-size: 14px; color: #777; margin-top: 10px; text-align: center; font-style: italic; display: block; margin-bottom: 40px; }\n\n    \/* --- CYCLE DIAGRAM --- *\/\n    .hmsa-cycle-wrapper-silikat {\n        position: relative;\n        width: 100%;\n        height: 550px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin: 60px 0;\n        font-family: Arial, sans-serif;\n        background: #fff; \n    }\n    .hmsa-cycle-track-silikat {\n        position: absolute;\n        width: 400px;\n        height: 400px;\n        border-radius: 50%;\n        border: 2px dashed #e0e0e0;\n        z-index: 0;\n        animation: rotateHmsaSilikat 120s linear infinite;\n    }\n    @keyframes rotateHmsaSilikat {\n        from { transform: rotate(0deg); }\n        to { transform: rotate(360deg); }\n    }\n    .hmsa-core-silikat {\n        position: absolute;\n        width: 170px;\n        height: 170px;\n        background: #fff;\n        border-radius: 50%;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        text-align: center;\n        z-index: 20;\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n        border: 1px solid #eee;\n    }\n    .hmsa-item-silikat {\n        position: absolute;\n        width: 200px;\n        text-align: center;\n        cursor: default;\n        z-index: 10;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n    .hmsa-pos-1-silikat { transform: rotate(210deg) translate(220px) rotate(-210deg); }\n    .hmsa-pos-2-silikat { transform: rotate(330deg) translate(220px) rotate(-330deg); }\n    .hmsa-pos-3-silikat { transform: rotate(30deg) translate(220px) rotate(-30deg); }\n    .hmsa-pos-4-silikat { transform: rotate(90deg) translate(220px) rotate(-90deg); }\n    .hmsa-pos-5-silikat { transform: rotate(150deg) translate(220px) rotate(-150deg); }\n    .hmsa-pos-6-silikat { transform: rotate(270deg) translate(220px) rotate(-270deg); }\n\n    .hmsa-icon-box-silikat {\n        width: 45px;\n        height: 45px;\n        background: #fff;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n        border: 2px solid #eee;\n        font-size: 20px;\n        margin-bottom: 8px;\n        transition: transform 0.3s;\n    }\n    .hmsa-item-silikat:hover .hmsa-icon-box-silikat {\n        transform: scale(1.15);\n        border-color: #b24a3a;\n    }\n    .hmsa-info-card-silikat {\n        background: #fff;\n        border: 1px solid #eee;\n        padding: 10px;\n        border-radius: 8px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        width: 100%;\n        transition: transform 0.3s;\n    }\n    .hmsa-item-silikat:hover .hmsa-info-card-silikat {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n    }\n    .hmsa-info-title-silikat {\n        font-size: 11px;\n        font-weight: 800;\n        color: #b24a3a;\n        display: block;\n        margin-bottom: 3px;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n    .hmsa-info-text-silikat {\n        font-size: 11px;\n        color: #666;\n        margin: 0;\n        line-height: 1.3;\n    }\n\n    \/* References *\/\n    .hmsa-ref-section-silikat { margin-top: 80px; padding-top: 30px; border-top: 2px solid #eee; background: #fafafa; padding: 30px; border-radius: 8px; }\n    .hmsa-ref-title-silikat { font-weight: 800; color: #333; margin-bottom: 15px; display: block; font-size: 18px; }\n    .hmsa-ref-list-silikat { list-style: none; padding: 0; }\n    .hmsa-ref-list-silikat li { margin-bottom: 10px; font-size: 14px; text-align: left; color: #555; line-height: 1.5; }\n\n    @media (max-width: 800px) {\n        #hmsa-trigger-card-silikat { width: 92%; margin: 20px auto; }\n        #hmsa-trigger-card-silikat .hmsa-action-group { flex-direction: column; align-items: flex-start; gap: 15px; }\n        .hmsa-content-container-silikat { margin-top: 60px; padding: 0 20px; }\n        .hmsa-close-btn-silikat { top: 15px; right: 20px; }\n        .hmsa-article-title-silikat { font-size: 24px; }\n        .hmsa-text-silikat { font-size: 16px; }\n        .hmsa-cycle-wrapper-silikat { height: auto; flex-direction: column; margin: 40px 0; padding: 20px 0; }\n        .hmsa-cycle-track-silikat { display: none; }\n        .hmsa-core-silikat { position: relative; margin-bottom: 40px; }\n        .hmsa-item-silikat { position: relative; transform: none; margin-bottom: 20px; width: 100%; flex-direction: row; text-align: left; align-items: flex-start; }\n        .hmsa-icon-box-silikat { margin-right: 15px; flex-shrink: 0; margin-bottom: 0; }\n        .hmsa-info-card-silikat { text-align: left; width: auto; flex-grow: 1; }\n    }\n<\/style>\n\n<!-- 2. VISIBLE CARD PART (Summary card displayed on the site) -->\n<div id=\"hmsa-trigger-card-silikat\" class=\"hmsa-card-wrapper\">\n    <div class=\"hmsa-card-meta\">HMSA ACADEMY: MATERIALS SCIENCE &#038; RESTORATION<\/div>\n    <h2 class=\"hmsa-card-title\">The Role of Natural Silicate Paints in Restoration Technology<\/h2>\n    <p class=\"hmsa-card-desc\">\n        An advanced restoration technology providing physical and chemical compatibility with historic substrates through high vapor permeability, mineral-based structure, chemical silicification bonding, and UV resistance.\n    <\/p>\n    \n    <!-- BUTTON GROUP -->\n    <div class=\"hmsa-action-group\">\n        <!-- Popup Open Button -->\n        <button class=\"hmsa-read-btn\">Qu\u0131ck Read (Popup) &rarr;<\/button>\n        \n        <!-- Go to Page Link -->\n        <a href=\"https:\/\/www.letoon.com.tr\/eng\/the-role-of-natural-silicate-paints-in-restoration-technology-a-scientific-review-on-breathing-mineral-protection-systems-in-historic-buildings\/\" class=\"hmsa-page-link\" target=\"_blank\">Read on Page &nearr;<\/a>\n    <\/div>\n<\/div>\n\n<!-- 3. MODAL (POPUP) HTML CONTENT -->\n<div id=\"hmsa-modal-root-silikat\">\n    <button class=\"hmsa-close-btn-silikat\" id=\"hmsa-close-action-silikat\">&times;<\/button>\n    \n    <div class=\"hmsa-content-container-silikat\">\n        <div class=\"hmsa-header-meta-silikat\">MATERIALS SCIENCE &#038; CONSERVATION ENGINEERING<\/div>\n        \n        <!-- TITLE -->\n        <h1 class=\"hmsa-article-title-silikat\">The Role of Natural Silicate Paints in Restoration Technology: A Scientific Review on Breathing Mineral Protection Systems in Historic Buildings<\/h1>\n        \n        <!-- AUTHOR \/ INSTITUTION AREA -->\n        <div class=\"hmsa-author-silikat\">\n            Author: <strong>HMSA Academy<\/strong> <span> \/\/ Research and Conservation Group<\/span>\n        <\/div>\n\n        <!-- INTRODUCTION (Abstract Box) -->\n        <div class=\"hmsa-abstract-box-silikat\">\n            <h3 style=\"margin-top:0; color:#b24a3a; font-size:18px; margin-bottom:10px;\">Abstract<\/h3>\n            <p class=\"hmsa-abstract-text-silikat\">\n                In the conservation of historic structures, surface coating systems are not merely aesthetic choices; they represent a critical area of intervention in terms of building physics, materials science, and conservation engineering. Modern synthetic paints can cause irreversible damage such as moisture entrapment, salt crystallization, surface decay, and biological degradation by disrupting the natural hygrothermal behavior of historic building materials. In contrast, natural silicate paints are regarded as an advanced restoration technology that ensures physical and chemical compatibility with historic substrates owing to their high vapor permeability, mineral-based structure, chemical bonding mechanism, and UV resistance.\n            <\/p>\n        <\/div>\n        \n        <!-- 1. Introduction -->\n        <h3 class=\"hmsa-subhead-silikat\">1. Introduction<\/h3>\n        <p class=\"hmsa-text-silikat\">\n            Historic buildings are active physical systems. These systems continuously interact with environmental humidity, temperature variations, capillary water movements, and atmospheric gas transfer. Therefore, the primary role of surface coating systems used in restoration practices is not merely coloration, but providing protection without disrupting the original hygrothermal behavior of the structure.\n        <\/p>\n        <p class=\"hmsa-text-silikat\">\n            Modern synthetic coatings often accelerate degradation mechanisms in historic structures due to their low vapor permeability, tendency to form films, and thermoplastic behavior. For this reason, natural silicate paints stand out as &#8220;breathing mineral surface technologies&#8221; in contemporary conservation architecture.\n        <\/p>\n\n        <!-- 2. Chemical Structure -->\n        <h3 class=\"hmsa-subhead-silikat\">2. Chemical Structure of Natural Silicate Paints<\/h3>\n        <p class=\"hmsa-text-silikat\">\n            The primary binder of natural silicate paints is potassium silicate. Its chemical structure is expressed as <strong>K\u2082SiO\u2083<\/strong>. This binder system is mineral-based, contains no organic resins, exhibits no thermoplastic behavior, and does not form a closed polymer film on the surface. Consequently, natural silicate paints provide high compatibility with mineral-based historic substrates, such as lime renders and historic stone facades.\n        <\/p>\n\n        <!-- 3. Vapor Permeability -->\n        <h3 class=\"hmsa-subhead-silikat\">3. Vapor Permeability and Breathing Technology<\/h3>\n        \n        <h4 style=\"color: #444; font-size: 19px; margin-top: 25px; margin-bottom: 10px;\">3.1. Hygrothermal Balance<\/h4>\n        <p class=\"hmsa-text-silikat\">\n            Historic wall systems are open systems operating on capillary moisture movement, vapor diffusion, and thermal equilibrium. The water vapor diffusion equivalent air layer thickness (<strong>s<sub>d<\/sub><\/strong>) value of surface coatings used on these structures must be low. Natural silicate paints do not obstruct the breathing capacity of the wall due to their high vapor permeability, open pore structure, and capillary active behavior.\n        <\/p>\n\n        <h4 style=\"color: #444; font-size: 19px; margin-top: 25px; margin-bottom: 10px;\">3.2. Prevention of Moisture Entrapment<\/h4>\n        <p class=\"hmsa-text-silikat\">\n            Synthetic paints form a polymeric film on the surface, preventing moisture from escaping. This condition triggers serious degradation mechanisms such as freeze-thaw damage, paint blistering, plaster detachment, and stone exfoliation. In natural silicate paints, however, the pores remain open, water vapor diffuses freely, and moisture within the wall is discharged in a balanced manner. This feature is of critical importance for historic building physics.\n        <\/p>\n\n        <!-- 4. Silicification Mechanism -->\n        <h3 class=\"hmsa-subhead-silikat\">4. Silicification Mechanism and Chemical Reaction with the Substrate<\/h3>\n        \n        <h4 style=\"color: #444; font-size: 19px; margin-top: 25px; margin-bottom: 10px;\">4.1. Silicification Reaction<\/h4>\n        <p class=\"hmsa-text-silikat\">\n            The most prominent feature distinguishing natural silicate paints from conventional paints is their chemical reaction with mineral surfaces. The potassium silicate binder reacts with the mineral components in the substrate to form insoluble silicate structures. The basic reaction mechanism can be summarized as follows:\n        <\/p>\n        <p class=\"hmsa-text-silikat\" style=\"text-align: center; font-weight: bold; background: #fafafa; padding: 15px; border-radius: 4px; border: 1px solid #eee; margin: 20px 0;\">\n            K\u2082SiO\u2083 + CaCO\u2083 &rarr; C-S-H\n        <\/p>\n        <p class=\"hmsa-text-silikat\">\n            This process is defined as &#8220;silicification&#8221;.\n        <\/p>\n\n        <h4 style=\"color: #444; font-size: 19px; margin-top: 25px; margin-bottom: 10px;\">4.2. Molecular Integration Technology<\/h4>\n        <p class=\"hmsa-text-silikat\">\n            While synthetic paints adhere to the surface only through physical adhesion, silicate paints integrate with the mineral structure of the substrate. This reduces the risk of peeling, prevents flaking, and ensures long-term surface stability. Consequently, the paint does not act as a foreign layer on the surface; rather, it becomes a continuation of the mineral structure.\n        <\/p>\n\n        <!-- 5. Thermal Compatibility -->\n        <h3 class=\"hmsa-subhead-silikat\">5. Thermal Compatibility and Micro-crack Control<\/h3>\n        <p class=\"hmsa-text-silikat\">\n            Historic building materials expand and contract with temperature changes. Differences in thermal movement between modern polymeric coatings and historic substrates can cause micro-cracks, loss of adhesion, and surface delamination. Natural silicate paints, however, exhibit thermal behavior similar to that of the mineral substrate. Thanks to this thermal expansion coefficient compatibility, surface stresses are reduced, micro-crack formation is minimized, and long-term stability is achieved.\n        <\/p>\n\n        <span class=\"hmsa-caption-silikat\" style=\"margin-bottom:10px;\">Figure 1. Multi-Functional Protection Mechanism of Natural Silicate Paints<\/span>\n\n        <!-- CYCLE DIAGRAM -->\n        <div class=\"hmsa-cycle-wrapper-silikat\">\n            <div class=\"hmsa-cycle-track-silikat\"><\/div>\n            <div class=\"hmsa-core-silikat\">\n                <div style=\"font-weight:bold; font-size:11px; color:#333; margin-top:5px;\">SILICATE PAINTS<br>MECHANISM<\/div>\n            <\/div>\n            \n            <div class=\"hmsa-item-silikat hmsa-pos-1-silikat\">\n                <div class=\"hmsa-info-card-silikat\"><span class=\"hmsa-info-title-silikat\">SILICIFICATION REACTION<\/span><p class=\"hmsa-info-text-silikat\">Chemical bonding between potassium silicate and mineral substrates.<\/p><\/div>\n            <\/div>\n            <div class=\"hmsa-item-silikat hmsa-pos-2-silikat\">\n                <div class=\"hmsa-info-card-silikat\"><span class=\"hmsa-info-title-silikat\">HIGH BREATHABILITY<\/span><p class=\"hmsa-info-text-silikat\">Preventing moisture entrapment with open pore structure and very low s<sub>d<\/sub> value.<\/p><\/div>\n            <\/div>\n            <div class=\"hmsa-item-silikat hmsa-pos-3-silikat\">\n                <div class=\"hmsa-info-card-silikat\"><span class=\"hmsa-info-title-silikat\">THERMAL COMPATIBILITY<\/span><p class=\"hmsa-info-text-silikat\">Similar thermal expansion coefficient to substrate and micro-crack control.<\/p><\/div>\n            <\/div>\n            <div class=\"hmsa-item-silikat hmsa-pos-4-silikat\">\n                <div class=\"hmsa-info-card-silikat\"><span class=\"hmsa-info-title-silikat\">MINERAL PIGMENTS<\/span><p class=\"hmsa-info-text-silikat\">High color stability against sunlight via inorganic pigments.<\/p><\/div>\n            <\/div>\n            <div class=\"hmsa-item-silikat hmsa-pos-5-silikat\">\n                <div class=\"hmsa-info-card-silikat\"><span class=\"hmsa-info-title-silikat\">ANTISTATIC SURFACE<\/span><p class=\"hmsa-info-text-silikat\">Structures preventing dust and soot accumulation, self-cleaning properties.<\/p><\/div>\n            <\/div>\n            <div class=\"hmsa-item-silikat hmsa-pos-6-silikat\">\n                <div class=\"hmsa-info-card-silikat\"><span class=\"hmsa-info-title-silikat\">HIGH ALKALINITY<\/span><p class=\"hmsa-info-text-silikat\">Natural barrier against algae, mold, and bacteria growth with pH 11-12.<\/p><\/div>\n            <\/div>\n        <\/div>\n        <!-- \/CYCLE DIAGRAM -->\n\n        <!-- 6. Mineral Pigment Technology -->\n        <h3 class=\"hmsa-subhead-silikat\">6. Mineral Pigment Technology and UV Resistance<\/h3>\n        <p class=\"hmsa-text-silikat\">\n            The pigments used in natural silicate paints are based on metal oxides, natural minerals, and inorganic color compounds. These pigments exhibit high resistance to ultraviolet rays. Due to this UV resistance, color stability is preserved, fading is minimized, and surface aging occurs homogeneously. This prevents unnatural color changes in historic structures over time.\n        <\/p>\n\n        <!-- 7. Antistatic Behavior -->\n        <h3 class=\"hmsa-subhead-silikat\">7. Antistatic Behavior and Surface Cleaning<\/h3>\n        <p class=\"hmsa-text-silikat\">\n            Polymer-based synthetic paints generate electrostatic charges, attracting pollutants such as dust, soot, and exhaust particles to the surface. In contrast, natural silicate paints exhibit antistatic behavior due to their mineral structure. This characteristic reduces surface soiling, creates a self-cleaning effect, and extends maintenance periods. This parameter offers a major advantage, particularly for historic structures in dense urban environments.\n        <\/p>\n\n        <!-- 8. Biological Decay -->\n        <h3 class=\"hmsa-subhead-silikat\">8. Natural Protection Against Biological Decay<\/h3>\n        <p class=\"hmsa-text-silikat\">\n            Natural silicate paints have a high alkalinity level. The surface pH value is approximately in the range of <strong>pH &approx; 11 &#8211; 12<\/strong>. This highly alkaline environment naturally suppresses the formation of algae, mold, fungi, and biofilm. Thus, biological resistance is achieved without the need for chemical biocide additives.\n        <\/p>\n\n        <!-- 9. Conservation Principles Evaluation -->\n        <h3 class=\"hmsa-subhead-silikat\">9. Evaluation in Terms of Conservation Principles in Restoration Technology<\/h3>\n        <p class=\"hmsa-text-silikat\">\n            According to international conservation criteria, restoration materials must be compatible with the original material, must not cause irreversible damage, must not alter the physical behavior of the structure, and must be breathable. Natural silicate paints meet the majority of these criteria thanks to their mineral character, low diffusion resistance, chemical compatibility, and capacity to preserve hygrothermal balance. For this reason, they are accepted as one of the fundamental surface coating systems of contemporary conservation technology on historic stone facades, lime plasters, mineral-based surfaces, and monumental structures.\n        <\/p>\n\n        <!-- 10. Conclusion -->\n        <h3 class=\"hmsa-subhead-silikat\">10. Conclusion<\/h3>\n        <p class=\"hmsa-text-silikat\">\n            Natural silicate paints are not merely decorative paint systems in the restoration of historic structures; they represent a high-performance mineral surface technology in terms of building physics and conservation engineering. From a materials science perspective, they provide silicification, mineral crystal structure, and UV resistance; from a building physics perspective, they offer high vapor permeability, hygrothermal compatibility, and moisture regulation; and from a conservation engineering perspective, they deliver surface stability, biological resistance, and long-term durability. By respecting the original material behavior and preserving the breathing capacity of historic structures, natural silicate paints stand out as one of the most scientific surface protection systems in contemporary restoration technology.\n        <\/p>\n\n        <!-- GLOSSARY OF TERMS -->\n        <h3 class=\"hmsa-subhead-silikat\">HMSA Glossary of Terms<\/h3>\n        <div class=\"hmsa-table-wrapper-silikat\">\n            <table class=\"hmsa-table-silikat\">\n                <thead>\n                    <tr>\n                        <th width=\"30%\">Term<\/th>\n                        <th>Description<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td><strong>Silicification<\/strong><\/td>\n                        <td>The process where the potassium silicate binder chemically reacts with the mineral substrate to form insoluble silicate structures.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td><strong>Water Vapor Diffusion Resistance (s<sub>d<\/sub>)<\/strong><\/td>\n                        <td>The resistance level of the material against water vapor transmission. This value is extremely low in silicate paints.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td><strong>Potassium Silicate (K\u2082SiO\u2083)<\/strong><\/td>\n                        <td>The mineral-based liquid glass (mineral binder) component that forms the foundation of natural silicate paints.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td><strong>C-S-H (Calcium Silicate Hydrate)<\/strong><\/td>\n                        <td>The durable crystalline network structure integrated with the substrate, formed by the reaction of the paint binder with the lime-bearing surface.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td><strong>Antistatic Character<\/strong><\/td>\n                        <td>The property of the material not to accumulate electrostatic charges, thereby not attracting airborne dust, soot, and dirt particles.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td><strong>Alkalinity (pH)<\/strong><\/td>\n                        <td>The degree of basicity of solutions. The high pH (11-12) level of silicate paints naturally prevents biofilm formation.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td><strong>UV Stability<\/strong><\/td>\n                        <td>The ability of inorganic mineral pigments to resist fading, color change, and chemical degradation against ultraviolet rays from the sun.<\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n\n        <!-- REFERENCES -->\n        <div class=\"hmsa-ref-section-silikat\">\n            <span class=\"hmsa-ref-title-silikat\">References<\/span>\n            <ul class=\"hmsa-ref-list-silikat\">\n                <li>[1] Keim, A. W. Mineral Paint Systems and Silicate Technology. Keim Technical Publications.<\/li>\n                <li>[2] Torraca, G. Lectures on Materials Science for Architectural Conservation. ICCROM.<\/li>\n                <li>[3] Veiga, M. R. \u201cCompatible Renders and Coatings for Historic Masonry.\u201d Construction and Building Materials.<\/li>\n                <li>[4] Moropoulou, A. et al. \u201cPhysico-Chemical Characteristics of Historic Mortars and Surface Coatings.\u201d Journal of Cultural Heritage.<\/li>\n                <li>[5] EN 1062-1 Paints and Varnishes Standards.<\/li>\n                <li>[6] EN ISO 7783 Water Vapour Permeability Standards.<\/li>\n                <li>[7] RILEM Recommendations for Restoration Materials in Historic Structures.<\/li>\n            <\/ul>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<!-- 4. INTERACTION SCRIPT (Open, Close and Keyboard Controls) -->\n<script>\n(function() {\n    function initHmsaSystemSilikat() {\n        const triggerCard = document.getElementById('hmsa-trigger-card-silikat');\n        const modalRoot = document.getElementById('hmsa-modal-root-silikat');\n        const closeBtn = document.getElementById('hmsa-close-action-silikat');\n\n        if (!triggerCard || !modalRoot || !closeBtn) return;\n\n        \/\/ Modal Open Function\n        function openModal(e) {\n            \/\/ Opens when any area or button except the \"Read on Page\" link is clicked\n            if (e.target.classList.contains('hmsa-page-link')) {\n                return;\n            }\n            e.preventDefault();\n            modalRoot.classList.add('active');\n            document.body.style.overflow = 'hidden'; \/\/ Prevents background scrolling\n        }\n\n        \/\/ Modal Close Function\n        function closeModal() {\n            modalRoot.classList.remove('active');\n            document.body.style.overflow = ''; \/\/ Restores normal scrolling\n        }\n\n        \/\/ Event Listeners\n        triggerCard.addEventListener('click', openModal);\n        closeBtn.addEventListener('click', closeModal);\n\n        \/\/ Close on ESC key press\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape' && modalRoot.classList.contains('active')) {\n                closeModal();\n            }\n        });\n    }\n\n    \/\/ Initialize when DOM structure is ready\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initHmsaSystemSilikat);\n    } else {\n        initHmsaSystemSilikat();\n    }\n})();\n<\/script>\n<!-- =================== HMSA ACADEMY: SILICATE PAINT CARD END ==================== -->\n\n\n\n<!-- ============================================================================== -->\n<!-- =================== HMSA ACADEMY: SILANE CARD START ========================= -->\n<!-- ============================================================================== -->\n\n<!-- 1. STYLE TEMPLATE (Design, Layout and Animations) -->\n<style>\n    \/* --- GENERAL CARD STYLES --- *\/\n    #hmsa-trigger-card-silan {\n        font-family: 'Segoe UI', Arial, sans-serif;\n        background: #fff; border-radius: 8px; padding: 30px;\n        box-shadow: 0 5px 20px rgba(0,0,0,0.08); \n        border-left: 5px solid #b24a3a; \/* Terracotta Theme *\/\n        cursor: pointer; transition: transform 0.3s ease; max-width: 800px; margin: 40px auto;\n        box-sizing: border-box; display: block; position: relative; z-index: 1;\n    }\n    #hmsa-trigger-card-silan:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.12); }\n    \n    #hmsa-trigger-card-silan .hmsa-card-meta { font-size: 11px; color: #999; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }\n    #hmsa-trigger-card-silan .hmsa-card-title { font-size: 24px; color: #222; font-weight: 800; margin: 0 0 15px 0; line-height: 1.3; }\n    #hmsa-trigger-card-silan .hmsa-card-desc { font-size: 15px; color: #666; line-height: 1.5; margin: 0 0 20px 0; text-align: justify; }\n\n    \/* Button Group *\/\n    #hmsa-trigger-card-silan .hmsa-action-group {\n        display: flex; align-items: center; gap: 20px;\n        margin-top: 25px; border-top: 1px solid #f0f0f0; padding-top: 20px;\n    }\n    #hmsa-trigger-card-silan .hmsa-read-btn { \n        background: #b24a3a; border: none; color: #fff; font-weight: 700; font-size: 13px; \n        cursor: pointer; padding: 10px 20px; border-radius: 4px; text-transform: uppercase; \n        transition: background 0.3s;\n    }\n    #hmsa-trigger-card-silan .hmsa-read-btn:hover { background: #8e3224; }\n    #hmsa-trigger-card-silan .hmsa-page-link {\n        text-decoration: none; color: #555; font-size: 13px; font-weight: 600;\n        border-bottom: 1px solid transparent; transition: all 0.3s; text-transform: uppercase;\n    }\n    #hmsa-trigger-card-silan .hmsa-page-link:hover { color: #b24a3a; border-bottom: 1px solid #b24a3a; }\n\n    \/* --- MODAL (POPUP) STYLES --- *\/\n    #hmsa-modal-root-silan {\n        position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n        background-color: rgba(255,255,255,0.99); z-index: 2147483647; \n        opacity: 0; visibility: hidden; transition: opacity 0.3s ease;\n        overflow-y: auto; -webkit-overflow-scrolling: touch;\n        font-family: 'Segoe UI', Arial, sans-serif; box-sizing: border-box;\n    }\n    #hmsa-modal-root-silan.active { opacity: 1; visibility: visible; }\n    #hmsa-modal-root-silan * { box-sizing: border-box; }\n\n    .hmsa-content-container-silan {\n        max-width: 850px; margin: 60px auto 100px auto; padding: 0 30px;\n        color: #333; transform: translateY(20px); transition: transform 0.4s ease;\n    }\n    #hmsa-modal-root-silan.active .hmsa-content-container-silan { transform: translateY(0); }\n\n    .hmsa-close-btn-silan {\n        position: fixed; top: 25px; right: 30px; font-size: 45px; color: #ccc;\n        background: transparent; border: none; cursor: pointer; z-index: 2147483648;\n        line-height: 1; transition: color 0.3s;\n    }\n    .hmsa-close-btn-silan:hover { color: #b24a3a; }\n\n    \/* Typography *\/\n    .hmsa-header-meta-silan { font-size:12px; color:#b24a3a; font-weight:bold; text-transform:uppercase; margin-bottom:10px; }\n    .hmsa-article-title-silan { font-size: 32px; font-weight: 800; color: #111; line-height: 1.3; margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 20px; }\n    \n    .hmsa-author-silan { \n        font-size: 15px; color: #555; margin-bottom: 30px; display: block; font-weight: 400;\n    }\n    .hmsa-author-silan strong { color: #b24a3a; font-weight: 700; }\n\n    \/* Abstract Box *\/\n    .hmsa-abstract-box-silan {\n        background-color: #f9f9f9;\n        border-left: 4px solid #b24a3a;\n        padding: 20px 25px;\n        margin-bottom: 30px;\n        border-radius: 0 4px 4px 0;\n    }\n    .hmsa-abstract-text-silan { font-size: 16px; line-height: 1.6; color: #555; font-style: italic; margin: 0; text-align: justify; }\n\n    \/* Headings and Text *\/\n    .hmsa-subhead-silan { \n        font-size: 22px; font-weight: 700; color: #b24a3a; \n        margin-top: 40px; margin-bottom: 15px; \n        border-bottom: 1px solid #f0f0f0; padding-bottom: 8px; \n        display:block; \n    }\n    .hmsa-text-silan { font-size: 18px; line-height: 1.8; color: #2c3e50; margin-bottom: 25px; text-align: justify; }\n    .hmsa-text-silan strong { font-weight: 700; color: #111; }\n\n    \/* Lists *\/\n    .hmsa-list-silan { list-style: disc; padding-left: 20px; margin: 20px 0 30px 20px; }\n    .hmsa-list-silan li { \n        margin-bottom: 10px; font-size: 18px; line-height: 1.6; color: #333; text-align: justify;\n    }\n\n    \/* --- TABLE DESIGN --- *\/\n    .hmsa-table-wrapper-silan {\n        overflow-x: auto;\n        margin: 40px 0 10px 0;\n        border: 1px solid #eee;\n        border-radius: 8px;\n        box-shadow: 0 2px 10px rgba(0,0,0,0.03);\n    }\n    .hmsa-table-silan {\n        width: 100%;\n        border-collapse: collapse;\n        min-width: 600px;\n        font-size: 15px;\n    }\n    .hmsa-table-silan th {\n        background: #f9f9f9;\n        color: #b24a3a;\n        font-weight: bold;\n        padding: 15px;\n        text-align: left;\n        border-bottom: 2px solid #ddd;\n    }\n    .hmsa-table-silan td {\n        padding: 15px;\n        border-bottom: 1px solid #eee;\n        color: #444;\n        vertical-align: top;\n        line-height: 1.5;\n    }\n    .hmsa-table-silan tr:last-child td { border-bottom: none; }\n    .hmsa-caption-silan { font-size: 14px; color: #777; margin-top: 10px; text-align: center; font-style: italic; display: block; margin-bottom: 40px; }\n\n    \/* --- CYCLE DIAGRAM --- *\/\n    .hmsa-cycle-wrapper-silan {\n        position: relative;\n        width: 100%;\n        height: 550px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin: 60px 0;\n        font-family: Arial, sans-serif;\n        background: #fff; \n    }\n    .hmsa-cycle-track-silan {\n        position: absolute;\n        width: 400px;\n        height: 400px;\n        border-radius: 50%;\n        border: 2px dashed #e0e0e0;\n        z-index: 0;\n        animation: rotateHmsaSilan 120s linear infinite;\n    }\n    @keyframes rotateHmsaSilan {\n        from { transform: rotate(0deg); }\n        to { transform: rotate(360deg); }\n    }\n    .hmsa-core-silan {\n        position: absolute;\n        width: 170px;\n        height: 170px;\n        background: #fff;\n        border-radius: 50%;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        text-align: center;\n        z-index: 20;\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n        border: 1px solid #eee;\n    }\n    .hmsa-item-silan {\n        position: absolute;\n        width: 200px;\n        text-align: center;\n        cursor: default;\n        z-index: 10;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n    .hmsa-pos-1-silan { transform: rotate(210deg) translate(220px) rotate(-210deg); }\n    .hmsa-pos-2-silan { transform: rotate(330deg) translate(220px) rotate(-330deg); }\n    .hmsa-pos-3-silan { transform: rotate(30deg) translate(220px) rotate(-30deg); }\n    .hmsa-pos-4-silan { transform: rotate(90deg) translate(220px) rotate(-90deg); }\n    .hmsa-pos-5-silan { transform: rotate(150deg) translate(220px) rotate(-150deg); }\n    .hmsa-pos-6-silan { transform: rotate(270deg) translate(220px) rotate(-270deg); }\n\n    .hmsa-icon-box-silan {\n        width: 45px;\n        height: 45px;\n        background: #fff;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n        border: 2px solid #eee;\n        font-size: 20px;\n        margin-bottom: 8px;\n        transition: transform 0.3s;\n    }\n    .hmsa-item-silan:hover .hmsa-icon-box-silan {\n        transform: scale(1.15);\n        border-color: #b24a3a;\n    }\n    .hmsa-info-card-silan {\n        background: #fff;\n        border: 1px solid #eee;\n        padding: 10px;\n        border-radius: 8px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        width: 100%;\n        transition: transform 0.3s;\n    }\n    .hmsa-item-silan:hover .hmsa-info-card-silan {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n    }\n    .hmsa-info-title-silan {\n        font-size: 11px;\n        font-weight: 800;\n        color: #b24a3a;\n        display: block;\n        margin-bottom: 3px;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n    .hmsa-info-text-silan {\n        font-size: 11px;\n        color: #666;\n        margin: 0;\n        line-height: 1.3;\n    }\n\n    \/* References *\/\n    .hmsa-ref-section-silan { margin-top: 80px; padding-top: 30px; border-top: 2px solid #eee; background: #fafafa; padding: 30px; border-radius: 8px; }\n    .hmsa-ref-title-silan { font-weight: 800; color: #333; margin-bottom: 15px; display: block; font-size: 18px; }\n    .hmsa-ref-list-silan { list-style: none; padding: 0; }\n    .hmsa-ref-list-silan li { margin-bottom: 10px; font-size: 14px; text-align: left; color: #555; line-height: 1.5; }\n\n    @media (max-width: 800px) {\n        #hmsa-trigger-card-silan { width: 92%; margin: 20px auto; }\n        #hmsa-trigger-card-silan .hmsa-action-group { flex-direction: column; align-items: flex-start; gap: 15px; }\n        .hmsa-content-container-silan { margin-top: 60px; padding: 0 20px; }\n        .hmsa-close-btn-silan { top: 15px; right: 20px; }\n        .hmsa-article-title-silan { font-size: 24px; }\n        .hmsa-text-silan { font-size: 16px; }\n        .hmsa-cycle-wrapper-silan { height: auto; flex-direction: column; margin: 40px 0; padding: 20px 0; }\n        .hmsa-cycle-track-silan { display: none; }\n        .hmsa-core-silan { position: relative; margin-bottom: 40px; }\n        .hmsa-item-silan { position: relative; transform: none; margin-bottom: 20px; width: 100%; flex-direction: row; text-align: left; align-items: flex-start; }\n        .hmsa-icon-box-silan { margin-right: 15px; flex-shrink: 0; margin-bottom: 0; }\n        .hmsa-info-card-silan { text-align: left; width: auto; flex-grow: 1; }\n    }\n<\/style>\n\n<!-- 2. VISIBLE CARD PORTION (Summary Card) -->\n<div id=\"hmsa-trigger-card-silan\" class=\"hmsa-card-wrapper\">\n    <div class=\"hmsa-card-meta\">HMSA ACADEMY: MATERIALS SCIENCE &#038; RESTORATION<\/div>\n    <h2 class=\"hmsa-card-title\">The Role of Silane-Based Water Repellents in Restoration Technology<\/h2>\n    <p class=\"hmsa-card-desc\">\n        A scientific analysis of advanced hydrophobic protection systems that prevent liquid water ingress in historical masonry structures through low molecular size, high penetration depth, and breathability retention.\n    <\/p>\n    \n    <!-- BUTTON GROUP -->\n    <div class=\"hmsa-action-group\">\n        <!-- Popup Trigger Button -->\n        <button class=\"hmsa-read-btn\">Qu\u0131ck Read (Popup) &rarr;<\/button>\n        \n        <!-- Redirect Link -->\n        <a href=\"https:\/\/www.letoon.com.tr\/eng\/the-role-of-silane-based-water-repellents-in-restoration-technology-a-scientific-analysis-of-hydrophobic-protection-systems-in-historical-buildings\/\" class=\"hmsa-page-link\" target=\"_blank\">Read on Page &nearr;<\/a>\n    <\/div>\n<\/div>\n\n<!-- 3. MODAL (POPUP) HTML CONTENT -->\n<div id=\"hmsa-modal-root-silan\">\n    <button class=\"hmsa-close-btn-silan\" id=\"hmsa-close-action-silan\">&times;<\/button>\n    \n    <div class=\"hmsa-content-container-silan\">\n        <div class=\"hmsa-header-meta-silan\">MATERIALS SCIENCE &#038; CONSERVATION ENGINEERING<\/div>\n        \n        <!-- TITLE -->\n        <h1 class=\"hmsa-article-title-silan\">The Role of Silane-Based Water Repellents in Restoration Technology: A Scientific Analysis of Hydrophobic Protection Systems in Historical Buildings<\/h1>\n        \n        <!-- AUTHOR \/ GROUP INFORMATION -->\n        <div class=\"hmsa-author-silan\">\n            Author: <strong>HMSA Academy<\/strong> <span> \/\/ Research and Conservation Group<\/span>\n        <\/div>\n\n        <!-- INTRO (Abstract Box) -->\n        <div class=\"hmsa-abstract-box-silan\">\n            <h3 style=\"margin-top:0; color:#b24a3a; font-size:18px; margin-bottom:10px;\">Abstract<\/h3>\n            <p class=\"hmsa-abstract-text-silan\">\n                In the conservation of historical structures, water is considered one of the most critical agents of decay. Processes such as capillary moisture transport, freeze-thaw cycles, salt crystallization, biological colonization, and the transport of atmospheric pollutants lead to severe physical and chemical damage in stone, brick, and mineral-based surfaces. Therefore, in contemporary restoration technology, hydrophobic systems capable of restricting water ingress while preserving the breathability of the structure are of paramount importance. Silane-based water repellents are regarded as one of the most advanced protection technologies in restoration engineering, owing to their low molecular size, high penetration capacity, hydrophobic action that preserves vapor permeability, and ability to form chemical bonds with mineral substrates.\n            <\/p>\n        <\/div>\n        \n        <!-- 1. Introduction -->\n        <h3 class=\"hmsa-subhead-silan\">1. Introduction<\/h3>\n        <p class=\"hmsa-text-silan\">\n            Most of the degradation mechanisms observed in historical buildings are directly or indirectly related to water. In particular, capillary moisture rise, rainwater penetration, freeze-thaw cycles, salt transport, and biological colonization weaken the microstructure of historical materials over time.\n        <\/p>\n        <p class=\"hmsa-text-silan\">\n            Therefore, a primary objective in contemporary conservation engineering is to restrict the ingress of liquid water into the structure while avoiding any obstruction to water vapor diffusion. Silane-based water repellent systems are among the advanced restoration technologies capable of meeting both requirements simultaneously.\n        <\/p>\n\n        <!-- 2. Chemical Foundation -->\n        <h3 class=\"hmsa-subhead-silan\">2. Chemical Foundation of Silane Technology<\/h3>\n        <p class=\"hmsa-text-silan\">\n            Silane-based protectants consist of organosilicon compounds. The fundamental chemical structure is expressed as follows:\n        <\/p>\n        <p class=\"hmsa-text-silan\" style=\"text-align: center; font-weight: bold; background: #fafafa; padding: 15px; border-radius: 4px; border: 1px solid #eee; margin: 20px 0;\">\n            R &#8211; Si(OR&#8217;)\u2083\n        <\/p>\n        <p class=\"hmsa-text-silan\">\n            Where; <strong>R<\/strong> represents the hydrophobic organic group, and <strong>OR&#8217;<\/strong> represents the hydrolyzable alkoxy groups. Thanks to this structure, silane molecules can penetrate deeply into mineral substrates, chemically bond to pore walls, and lower surface energy to establish water-repellent behavior.\n        <\/p>\n\n        <!-- 3. Hydrophobic Action Mechanism -->\n        <h3 class=\"hmsa-subhead-silan\">3. Hydrophobic Action Mechanism<\/h3>\n        \n        <h4 style=\"color: #444; font-size: 19px; margin-top: 25px; margin-bottom: 10px;\">3.1. Prevention of Capillary Water Movement<\/h4>\n        <p class=\"hmsa-text-silan\">\n            In mineral building materials, water movement occurs largely through capillary action. Capillary suction behavior is described by the following relationship:\n        <\/p>\n        <p class=\"hmsa-text-silan\" style=\"text-align: center; font-weight: bold; background: #fafafa; padding: 15px; border-radius: 4px; border: 1px solid #eee; margin: 20px 0;\">\n            h = (2\u03b3 cos \u03b8) \/ (\u03c1 g r)\n        <\/p>\n        <p class=\"hmsa-text-silan\">\n            Where; <strong>\u03b8<\/strong> represents the contact angle, <strong>\u03b3<\/strong> represents surface tension, <strong>\u03c1<\/strong> represents liquid density, <strong>g<\/strong> represents the acceleration due to gravity, and <strong>r<\/strong> represents the capillary radius. Silane applications increase the surface contact angle, bringing it to the following level:\n        <\/p>\n        <p class=\"hmsa-text-silan\" style=\"text-align: center; font-weight: bold; background: #fafafa; padding: 15px; border-radius: 4px; border: 1px solid #eee; margin: 20px 0;\">\n            \u03b8 > 90\u00b0\n        <\/p>\n        <p class=\"hmsa-text-silan\">\n            Consequently, capillary water absorption ceases, liquid water penetration is prevented, and the surface acquires a hydrophobic character.\n        <\/p>\n\n        <h4 style=\"color: #444; font-size: 19px; margin-top: 25px; margin-bottom: 10px;\">3.2. Preservation of Vapor Permeability<\/h4>\n        <p class=\"hmsa-text-silan\">\n            The most critical benefit of silane technology in terms of restoration is that it does not physically block the pores. Silane molecules do not fill the pore voids, do not form a film on the surface, and do not alter the microporous geometry. Therefore, water vapor diffusion continues, the structure breathes, and the hygrothermal balance is maintained. This characteristic offers a major advantage over modern polymeric coatings in historical buildings.\n        <\/p>\n\n        <!-- 4. Chemical Bonding -->\n        <h3 class=\"hmsa-subhead-silan\">4. Chemical Bonding with the Mineral Substrate<\/h3>\n        \n        <h4 style=\"color: #444; font-size: 19px; margin-top: 25px; margin-bottom: 10px;\">4.1. Hydrolysis and Condensation Reactions<\/h4>\n        <p class=\"hmsa-text-silan\">\n            Following application, silane molecules undergo a hydrolysis reaction with ambient moisture to form silanol groups:\n        <\/p>\n        <p class=\"hmsa-text-silan\" style=\"text-align: center; font-weight: bold; background: #fafafa; padding: 15px; border-radius: 4px; border: 1px solid #eee; margin: 20px 0;\">\n            Si(OR)\u2083 + H\u2082O &rarr; Si(OH)\u2083\n        <\/p>\n        <p class=\"hmsa-text-silan\">\n            These newly formed silanol groups then react with hydroxyl groups on the mineral surface to form siloxane bonds:\n        <\/p>\n        <p class=\"hmsa-text-silan\" style=\"text-align: center; font-weight: bold; background: #fafafa; padding: 15px; border-radius: 4px; border: 1px solid #eee; margin: 20px 0;\">\n            Si &#8211; OH + HO &#8211; Surface &rarr; Si &#8211; O &#8211; Surface\n        <\/p>\n        <p class=\"hmsa-text-silan\">\n            Through this reaction, high adhesion, long-term stability, and strong chemical bonding are achieved.\n        <\/p>\n\n        <!-- 5. Freeze-Thaw Damage -->\n        <h3 class=\"hmsa-subhead-silan\">5. Mitigation of Freeze-Thaw Damage<\/h3>\n        <p class=\"hmsa-text-silan\">\n            Free water infiltrating the porous materials of historical structures expands volumetrically when frozen at low temperatures, causing microcracks to develop. Silane treatments restrict the amount of free water in the pores, thereby lowering freeze-thaw pressure, limiting crack formation, and preserving surface durability. Consequently, it is a vital protective technology, especially for stone facades, monumental structures, and regions subject to high rainfall.\n        <\/p>\n\n        <span class=\"hmsa-caption-silan\" style=\"margin-bottom:10px;\">Figure 1. The Multi-Faceted Mechanism of Action of Silane-Based Hydrophobic Protection Systems<\/span>\n\n        <!-- DIAGRAM (CYCLE) -->\n        <div class=\"hmsa-cycle-wrapper-silan\">\n            <div class=\"hmsa-cycle-track-silan\"><\/div>\n            <div class=\"hmsa-core-silan\">\n                <div style=\"font-weight:bold; font-size:11px; color:#333; margin-top:5px;\">SILANE-BASED<br>MECHANISM<\/div>\n            <\/div>\n            \n            <div class=\"hmsa-item-silan hmsa-pos-1-silan\">\n                <div class=\"hmsa-info-card-silan\"><span class=\"hmsa-info-title-silan\">CHEMICAL BONDING<\/span><p class=\"hmsa-info-text-silan\">Stable siloxane bonds formed between silanol groups and mineral surfaces.<\/p><\/div>\n            <\/div>\n            <div class=\"hmsa-item-silan hmsa-pos-2-silan\">\n                <div class=\"hmsa-info-card-silan\"><span class=\"hmsa-info-title-silan\">HYDROPHOBIC EFFECT<\/span><p class=\"hmsa-info-text-silan\">Preventing capillary water absorption by increasing the contact angle (\u03b8 > 90\u00b0).<\/p><\/div>\n            <\/div>\n            <div class=\"hmsa-item-silan hmsa-pos-3-silan\">\n                <div class=\"hmsa-info-card-silan\"><span class=\"hmsa-info-title-silan\">VAPOR PERMEABILITY<\/span><p class=\"hmsa-info-text-silan\">Preserving water vapor diffusion capacity without clogging pores.<\/p><\/div>\n            <\/div>\n            <div class=\"hmsa-item-silan hmsa-pos-4-silan\">\n                <div class=\"hmsa-info-card-silan\"><span class=\"hmsa-info-title-silan\">FREEZE RESISTANCE<\/span><p class=\"hmsa-info-text-silan\">Preventing volumetric freeze-thaw damage by reducing internal pressure.<\/p><\/div>\n            <\/div>\n            <div class=\"hmsa-item-silan hmsa-pos-5-silan\">\n                <div class=\"hmsa-info-card-silan\"><span class=\"hmsa-info-title-silan\">SALT MIGRATION<\/span><p class=\"hmsa-info-text-silan\">Slowing down sub-surface salt accumulation by reducing capillary transport.<\/p><\/div>\n            <\/div>\n            <div class=\"hmsa-item-silan hmsa-pos-6-silan\">\n                <div class=\"hmsa-info-card-silan\"><span class=\"hmsa-info-title-silan\">UV &#038; WEATHER RESISTANCE<\/span><p class=\"hmsa-info-text-silan\">Non-yellowing formulation that maintains optical and aesthetic integrity.<\/p><\/div>\n            <\/div>\n        <\/div>\n        <!-- \/DIAGRAM -->\n\n        <!-- 6. Salt Crystallization -->\n        <h3 class=\"hmsa-subhead-silan\">6. Impact on Salt Crystallization<\/h3>\n        <p class=\"hmsa-text-silan\">\n            Dissolved salts transported by capillary moisture crystallize in drying zones, causing surface spalling, exfoliation, and granular disintegration. Because silane-based systems reduce liquid water ingress and limit capillary transport, they also slow down the rate of salt migration.\n        <\/p>\n        <p class=\"hmsa-text-silan\" style=\"border-left: 4px solid #b24a3a; padding-left: 15px; font-style: italic; color: #555;\">\n            &#8220;Important Conservation Principle: Silane application on salt-laden walls must never be carried out without a detailed preliminary moisture and salt analysis. Otherwise, trapping the existing moisture within the wall could trigger new and more destructive degradation mechanisms.&#8221;\n        <\/p>\n\n        <!-- 7. Application Criteria in Restoration Technology -->\n        <h3 class=\"hmsa-subhead-silan\">7. Application Criteria in Restoration Technology<\/h3>\n        \n        <h4 style=\"color: #444; font-size: 19px; margin-top: 25px; margin-bottom: 10px;\">7.1. Appropriate Substrate Requirements<\/h4>\n        <p class=\"hmsa-text-silan\">\n            Silane systems function effectively on mineral-based, porous, and capillary-active surfaces. They perform exceptionally well on natural stone, historical brick, lime plaster, and mineral mortars.\n        <\/p>\n\n        <h4 style=\"color: #444; font-size: 19px; margin-top: 25px; margin-bottom: 10px;\">7.2. Mandatory Pre-Application Analysis<\/h4>\n        <p class=\"hmsa-text-silan\">\n            For a successful hydrophobic intervention, preliminary diagnostics including moisture analysis, salt analysis, pore distribution assessment, water absorption test, and surface strength analysis must be conducted. This is because improperly applied hydrophobic systems can result in moisture entrapment, sub-surface salt accumulation, and destructive closed-system effects.\n        <\/p>\n\n        <!-- 8. UV Resistance -->\n        <h3 class=\"hmsa-subhead-silan\">8. UV Resistance and Long-Term Stability<\/h3>\n        <p class=\"hmsa-text-silan\">\n            Silane-based systems are highly resistant to UV radiation, do not undergo yellowing, and do not exhibit thermoplastic behavior. Consequently, surface yellowing, plastic film formation, and optical distortions are avoided. These properties are critical for conserving the original aesthetic character of historical buildings.\n        <\/p>\n\n        <!-- 9. Conservation Engineering Evaluation -->\n        <h3 class=\"hmsa-subhead-silan\">9. Evaluation in Terms of Conservation Engineering<\/h3>\n        <p class=\"hmsa-text-silan\">\n            According to international restoration principles, conservation materials must be compatible with the original substrate, cause no irreversible damage, remain breathable, and be minimally invasive. Silane-based systems occupy a significant role in contemporary restoration technology due to their high penetration capacity, low surface film formation, ability to preserve vapor permeability, and chemical compatibility.\n        <\/p>\n\n        <!-- 10. Conclusion -->\n        <h3 class=\"hmsa-subhead-silan\">10. Conclusion<\/h3>\n        <p class=\"hmsa-text-silan\">\n            Silane-based water repellents are recognized as an advanced hydrophobic protection technology in the conservation of historical structures. In terms of materials science, they provide organosilicon chemistry, siloxane bond formation, and deep penetration depth; regarding building physics, they reduce capillary water movement, preserve vapor permeability, and ensure hygrothermal compatibility.\n        <\/p>\n        <p class=\"hmsa-text-silan\">\n            However, the fundamental principle in restoration is not merely for the material to be protective, but to function without disrupting the historical structure&#8217;s natural behavior. Therefore, silane technology only becomes one of the most powerful tools in restoration engineering when paired with correct diagnostics, proper application, and an accurate assessment of building physics.\n        <\/p>\n\n        <!-- GLOSSARY OF TERMS -->\n        <h3 class=\"hmsa-subhead-silan\">HMSA Glossary of Terms<\/h3>\n        <div class=\"hmsa-table-wrapper-silan\">\n            <table class=\"hmsa-table-silan\">\n                <thead>\n                    <tr>\n                        <th width=\"30%\">Term<\/th>\n                        <th>Description<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td><strong>Silane<\/strong><\/td>\n                        <td>Organosilicon-based, low molecular weight hydrophobic protectants capable of deeply penetrating mineral surfaces.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td><strong>Capillary Water Movement<\/strong><\/td>\n                        <td>The rising or spreading of liquid water in porous materials due to capillary action and attractive forces.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td><strong>Contact Angle (\u03b8)<\/strong><\/td>\n                        <td>The junction angle that a droplet forms with a solid surface. When this angle exceeds 90\u00b0, the surface acquires hydrophobic (water-repellent) properties.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td><strong>Siloxane Bonds (Si-O-Surface)<\/strong><\/td>\n                        <td>A stable chemical bonding structure formed by the linkage of silanol groups with hydroxyl (-OH) groups on the mineral substrate.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td><strong>Hydrolysis<\/strong><\/td>\n                        <td>The reaction in which silane compounds convert into reactive silanol groups [Si(OH)\u2083] with the help of ambient moisture\/water.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td><strong>Subflorescence (Sub-surface Crystallization)<\/strong><\/td>\n                        <td>The accumulation and crystallization of dissolved salts just beneath the surface, leading to spalling in masonry structures.<\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n\n        <!-- REFERENCES -->\n        <div class=\"hmsa-ref-section-silan\">\n            <span class=\"hmsa-ref-title-silan\">References<\/span>\n            <ul class=\"hmsa-ref-list-silan\">\n                <li>[1] Charola, A. E. \u201cWater Repellents and Other Protective Treatments.\u201d Journal of the American Institute for Conservation.<\/li>\n                <li>[2] Wendler, E. Water Repellents for Natural Stone Conservation. Getty Conservation Institute.<\/li>\n                <li>[3] Price, C. A. Stone Conservation: An Overview of Current Research. Getty Publications.<\/li>\n                <li>[4] Moropoulou, A. et al. \u201cEvaluation of Silicon-Based Water Repellents on Porous Stones.\u201d Construction and Building Materials.<\/li>\n                <li>[5] EN 1504 Products and Systems for the Protection of Concrete Structures.<\/li>\n                <li>[6] RILEM Recommendations on Water Repellent Treatments for Historic Masonry.<\/li>\n            <\/ul>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<!-- 4. INTERACTION SCRIPT (Open, Close and Keyboard Controls) -->\n<script>\n(function() {\n    function initHmsaSystemSilan() {\n        const triggerCard = document.getElementById('hmsa-trigger-card-silan');\n        const modalRoot = document.getElementById('hmsa-modal-root-silan');\n        const closeBtn = document.getElementById('hmsa-close-action-silan');\n\n        if (!triggerCard || !modalRoot || !closeBtn) return;\n\n        \/\/ Function to Open Modal\n        function openModal(e) {\n            \/\/ Open popup unless the \"Read on Page\" link is clicked\n            if (e.target.classList.contains('hmsa-page-link')) {\n                return;\n            }\n            e.preventDefault();\n            modalRoot.classList.add('active');\n            document.body.style.overflow = 'hidden'; \/\/ Prevents background scrolling\n        }\n\n        \/\/ Function to Close Modal\n        function closeModal() {\n            modalRoot.classList.remove('active');\n            document.body.style.overflow = ''; \/\/ Returns scrolling to normal\n        }\n\n        \/\/ Event Listeners\n        triggerCard.addEventListener('click', openModal);\n        closeBtn.addEventListener('click', closeModal);\n\n        \/\/ Close on ESC key press\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape' && modalRoot.classList.contains('active')) {\n                closeModal();\n            }\n        });\n    }\n\n    \/\/ Initialize once DOM is ready\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initHmsaSystemSilan);\n    } else {\n        initHmsaSystemSilan();\n    }\n})();\n<\/script>\n<!-- =================== HMSA ACADEMY: SILANE CARD END ==================== -->\n","protected":false},"excerpt":{"rendered":"<p>ACADEMY HMSA ACADEMY Our Articles At HMSA Academy, we transparently share our work centered around cultural heritage conservation, sustainable architecture,<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3146","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/3146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/comments?post=3146"}],"version-history":[{"count":0,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/3146\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/media?parent=3146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}