Zirconia vs Titanium Implants Long Term Biocompatibility

Dental implantology has witnessed a revolutionary shift in materials science over the past three decades. The long-term success of any implant fundamentally relies on a concept known as biocompatibility—the ability of a material to coexist harmoniously with living tissue without eliciting a negative immune response. For patients and clinicians alike, the decision often narrows down to two dominant biomaterials: zirconia and titanium. While titanium has been the gold standard for over fifty years, zirconia has emerged as a compelling metal-free alternative, driven by the rising demand for holistic and aesthetic solutions.
Biocompatibility is not merely a static property; it is a dynamic, long-term interaction between the implant surface and the host's biological system. The initial weeks post-surgery involve a race between tissue integration and bacterial colonization. The surface topography, chemical composition, and corrosion resistance of the chosen material dictate this outcome. Modern research suggests that while both materials achieve high rates of osseointegration—the direct structural and functional connection between living bone and the implant surface—their pathways to achieving this stability differ significantly. This article dives into the 10 to 20-year trajectory of these materials, examining hard and soft tissue responses, immunological reactions, and oxidative stress to determine which option truly offers superior long-term biocompatibility.
Titanium implants, typically composed of commercially pure titanium (cpTi) or the alloy Ti-6Al-4V, have a legacy of documented clinical success exceeding 95% survival rates over ten years. The biocompatibility of titanium is largely attributed to the spontaneous formation of a passive titanium dioxide layer on its surface. This layer is highly stable, inert, and self-repairing in the event of minor scratching. However, the long-term narrative is nuanced. Mechanical wear from micro-movements and exposure to fluoride or hydrogen peroxide can degrade this protective layer, a phenomenon known as tribocorrosion. When this layer breaks down, metal ions—including potentially sensitizing nickel or vanadium—can leach into the peri-implant tissues, sometimes triggering type IV hypersensitivity reactions that mimic peri-implantitis.
Zirconia, specifically yttria-stabilized tetragonal zirconia polycrystal (Y-TZP), belongs to the category of advanced ceramics. Its surface is characterized by a high density of hydroxyl groups, which confer super-hydrophilicity, attracting water molecules and plasma proteins immediately upon insertion. This protein adsorption layer is critical for cellular attachment. Zirconia exhibits a unique transformation toughening mechanism that prevents catastrophic crack propagation, making it incredibly durable despite being a ceramic. From a biological perspective, zirconia demonstrates significantly lower bacterial colonization than titanium, especially regarding pathogenic strains like Porphyromonas gingivalis. This reduced plaque affinity is a massive advantage for maintaining the long-term stability of peri-implant soft tissues.
The cellular choreography differs remarkably between these surfaces. On titanium, osseointegration is a well-characterized process involving the activation of osteoprogenitor cells via the Wnt signaling pathway. The moderate roughness of sandblasted, acid-etched titanium surfaces creates micro-retentive spaces ideal for fibrin clot stabilization. Conversely, zirconia interacts with the immune system in a more subdued manner. In vitro studies analyzing macrophage phenotypes reveal that zirconia tends to polarize macrophages towards the pro-healing M2 phenotype rather than the pro-inflammatory M1 phenotype. This suggests that zirconia actively promotes a regenerative environment, reducing the risk of fibrous encapsulation, which is the bane of long-term implant success.
Genotoxicity and systemic burden are heavy terms often avoided in casual clinical discourse but essential in the metal-free debate. Long-term, low-dose exposure to titanium particles has been documented in lymph nodes and even blood serum of patients with failing implants. While the link to systemic disease remains a contentious area of research (a phenomenon sometimes referred to as "metallosis"), the body’s inability to metabolize or excrete these particles leaves a question mark regarding a lifelong health span. Zirconia, being chemically inert and virtually insoluble, presents a clearance problem, but only as particulate debris that fails to dissolve, rather than bioactive metallic ions that can bind to proteins. The absence of electrical conductivity in zirconia also eliminates the potential for oral galvanism, a rare but disturbing phenomenon where dissimilar metals in the mouth create a battery effect and electrical currents.
Long-Term Biological Performance Comparison
| Feature |
Titanium (Ti-6Al-4V) |
Zirconia (Y-TZP) |
| Osseointegration Speed |
Rapid, well-documented bone-to-implant contact (BIC) ~60-70%. |
Comparable BIC rates but relies on surface topography rather than biochemical bonding. |
| Soft Tissue Seal |
Biological width similar to natural teeth, but grayish color may show through thin mucosa. |
Superior high-density collagen fiber attachment perpendicular to the surface, tooth-like aesthetic color. |
| Bacterial Affinity |
Higher affinity for S. mutans and P. gingivalis biofilm formation. |
Low plaque accumulation; chemically inert surface resists biofilm adhesion. |
| Corrosion Potential |
Risk of tribocorrosion and metal ion release in acidic environments. |
Excellent corrosion resistance; no ion release; susceptible to low-temperature degradation (aging). |
| Immunological Response |
Can trigger M1 macrophage polarization; risk of allergy to nickel/aluminum traces. |
Promotes M2 macrophage phenotype; inert to immune cell detection. |
The mechanical connection to the bone matrix also dictates biological safety. The modulus of elasticity for zirconia is approximately 210 GPa, whereas titanium hovers around 110 GPa, and cortical bone is roughly 14 GPa. This stark mismatch in stiffness between both implant materials and natural bone creates stress shielding. Under masticatory loads, the implant bears most of the force rather than the surrounding bone, which can lead to crestal bone resorption over decades. While two-piece zirconia implants attempt to solve this through flexible connections, the one-piece designs often place immense stress on the marginal bone. Optimal long-term biocompatibility hinges not just on chemistry, but on this biomechanical transduction of force to the skeleton.
Aesthetics play an undeniable role in the biological health of the implant. A titanium implant placed in the aesthetic zone often requires a ceramic abutment to mask the gray metallic hue. However, the micro-gap between the metal fixture and the ceramic abutment provides a dead space for bacterial habitation. Zirconia, being a tooth-colored material, can be fabricated as a single, monolithic piece (one-piece implant), eliminating the micro-gap entirely. This limits the space for micro-leakage and volatile sulfur compound production, actively protecting the surrounding bone from cytokine-driven resorption.
Frequently Asked Questions
Is zirconia safer than titanium for patients with autoimmune diseases?
Many clinicians lean toward zirconia due to its inert nature. Titanium debris can potentially act as an adjuvant, exacerbating immune activation in susceptible individuals. While titanium is generally safe, the metal-free nature of zirconia eliminates the variable of metal-triggered inflammation, making it theoretically safer for compromised immune systems, though robust clinical trials comparing the two in this specific demographic are still limited.
Can a zirconia implant fracture more easily than a titanium one?
Historically, early generations of zirconia were prone to bulk fracture. Modern Y-TZP ceramics have undergone significant processing improvements, including hot isostatic pressing, to increase density. While the tensile strength of zirconia is lower than titanium, properly designed implants with adequate diameter and careful occlusal management exhibit fracture rates that approach, but do not quite match, the zero-fracture tolerance of titanium in high-stress posterior regions.
Why does titanium cause a gray line around the gums?
The gray line is caused by light reflecting off the opaque metallic fixture through the translucent soft tissue. Unlike natural roots which allow some light transmission, titanium blocks light entirely. Zirconia mimics the optical properties of natural dentin, scattering light similarly, thus providing a pinker, more natural appearance in the cervical region of the crown.
Does the body reject a titanium implant over time?
True biological "rejection" is an allergic or immune-mediated phenomenon distinct from infection-driven bone loss (peri-implantitis). Titanium rarely causes a frank allergy; however, chronic low-grade inflammation due to titanium particle dissolution can lead to progressive bone loss. This is not rejection in the transplant sense, but a failure of biocompatibility equilibrium, often misdiagnosed as standard periodontal disease.
For further reading on the fundamentals of osseointegration, please refer to this comprehensive overview on Wikipedia: Osseointegration. To understand the chemical structure and phases of the ceramic material, you can review the detailed entry on Wikipedia: Zirconium dioxide.
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsCSEJrw8rEi2wM2YV-W9Iqqsyox0ZNwrCSd2we4LVlewLI2o9hvWFDv8w_ODCjs72_y05WIEYKzlPjnahb_UGbGHAiO1_6-pKYtqI2q5VxalPULWl9dqy__dRS3Q9_nFCyzntzTv8LSCU2Wx_BrDSc6p9tmLcQ9gDXFbNFBka6rmAOZUGVF0m9Q5ByQ/s1600/Comparing_zirconia_and_titanium_%E2%80%A6_202608121454.webp" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" data-original-height="1024" data-original-width="1024" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsCSEJrw8rEi2wM2YV-W9Iqqsyox0ZNwrCSd2we4LVlewLI2o9hvWFDv8w_ODCjs72_y05WIEYKzlPjnahb_UGbGHAiO1_6-pKYtqI2q5VxalPULWl9dqy__dRS3Q9_nFCyzntzTv8LSCU2Wx_BrDSc6p9tmLcQ9gDXFbNFBka6rmAOZUGVF0m9Q5ByQ/s1600-rw/Comparing_zirconia_and_titanium_%E2%80%A6_202608121454.webp"/></a></div>
<div class="ogs-article-wrapper">
<article class="ogs-article">
<p class="ogs-intro"><span class="ogs-dropcap">Dental</span> implantology has witnessed a revolutionary shift in materials science over the past three decades. The long-term success of any implant fundamentally relies on a concept known as biocompatibility—the ability of a material to coexist harmoniously with living tissue without eliciting a negative immune response. For patients and clinicians alike, the decision often narrows down to two dominant biomaterials: zirconia and titanium. While titanium has been the gold standard for over fifty years, zirconia has emerged as a compelling metal-free alternative, driven by the rising demand for holistic and aesthetic solutions.</p>
<p class="ogs-paragraph"><span class="ogs-first-word">Biocompatibility</span> is not merely a static property; it is a dynamic, long-term interaction between the implant surface and the host's biological system. The initial weeks post-surgery involve a race between tissue integration and bacterial colonization. The surface topography, chemical composition, and corrosion resistance of the chosen material dictate this outcome. Modern research suggests that while both materials achieve high rates of osseointegration—the direct structural and functional connection between living bone and the implant surface—their pathways to achieving this stability differ significantly. This article dives into the 10 to 20-year trajectory of these materials, examining hard and soft tissue responses, immunological reactions, and oxidative stress to determine which option truly offers superior long-term biocompatibility.</p>
<div class="ogs-highlight-box">
</div>
<p class="ogs-paragraph"><span class="ogs-first-word">Titanium</span> implants, typically composed of commercially pure titanium (cpTi) or the alloy Ti-6Al-4V, have a legacy of documented clinical success exceeding 95% survival rates over ten years. The biocompatibility of titanium is largely attributed to the spontaneous formation of a passive titanium dioxide layer on its surface. This layer is highly stable, inert, and self-repairing in the event of minor scratching. However, the long-term narrative is nuanced. Mechanical wear from micro-movements and exposure to fluoride or hydrogen peroxide can degrade this protective layer, a phenomenon known as tribocorrosion. When this layer breaks down, metal ions—including potentially sensitizing nickel or vanadium—can leach into the peri-implant tissues, sometimes triggering type IV hypersensitivity reactions that mimic peri-implantitis.</p>
<p class="ogs-paragraph"><span class="ogs-first-word">Zirconia</span>, specifically yttria-stabilized tetragonal zirconia polycrystal (Y-TZP), belongs to the category of advanced ceramics. Its surface is characterized by a high density of hydroxyl groups, which confer super-hydrophilicity, attracting water molecules and plasma proteins immediately upon insertion. This protein adsorption layer is critical for cellular attachment. Zirconia exhibits a unique transformation toughening mechanism that prevents catastrophic crack propagation, making it incredibly durable despite being a ceramic. From a biological perspective, zirconia demonstrates significantly lower bacterial colonization than titanium, especially regarding pathogenic strains like Porphyromonas gingivalis. This reduced plaque affinity is a massive advantage for maintaining the long-term stability of peri-implant soft tissues.</p>
<p class="ogs-paragraph"><span class="ogs-first-word">The</span> cellular choreography differs remarkably between these surfaces. On titanium, osseointegration is a well-characterized process involving the activation of osteoprogenitor cells via the Wnt signaling pathway. The moderate roughness of sandblasted, acid-etched titanium surfaces creates micro-retentive spaces ideal for fibrin clot stabilization. Conversely, zirconia interacts with the immune system in a more subdued manner. In vitro studies analyzing macrophage phenotypes reveal that zirconia tends to polarize macrophages towards the pro-healing M2 phenotype rather than the pro-inflammatory M1 phenotype. This suggests that zirconia actively promotes a regenerative environment, reducing the risk of fibrous encapsulation, which is the bane of long-term implant success.</p>
<p class="ogs-paragraph"><span class="ogs-first-word">Genotoxicity</span> and systemic burden are heavy terms often avoided in casual clinical discourse but essential in the metal-free debate. Long-term, low-dose exposure to titanium particles has been documented in lymph nodes and even blood serum of patients with failing implants. While the link to systemic disease remains a contentious area of research (a phenomenon sometimes referred to as "metallosis"), the body’s inability to metabolize or excrete these particles leaves a question mark regarding a lifelong health span. Zirconia, being chemically inert and virtually insoluble, presents a clearance problem, but only as particulate debris that fails to dissolve, rather than bioactive metallic ions that can bind to proteins. The absence of electrical conductivity in zirconia also eliminates the potential for oral galvanism, a rare but disturbing phenomenon where dissimilar metals in the mouth create a battery effect and electrical currents.</p>
<div class="ogs-table-container">
<h2 class="ogs-section-title">Long-Term Biological Performance Comparison</h2>
<table class="ogs-comparison-table">
<thead class="ogs-table-head">
<tr>
<th class="ogs-th">Feature</th>
<th class="ogs-th">Titanium (Ti-6Al-4V)</th>
<th class="ogs-th">Zirconia (Y-TZP)</th>
</tr>
</thead>
<tbody>
<tr>
<td class="ogs-td" data-label="Feature">Osseointegration Speed</td>
<td class="ogs-td" data-label="Titanium (Ti-6Al-4V)">Rapid, well-documented bone-to-implant contact (BIC) ~60-70%.</td>
<td class="ogs-td" data-label="Zirconia (Y-TZP)">Comparable BIC rates but relies on surface topography rather than biochemical bonding.</td>
</tr>
<tr>
<td class="ogs-td" data-label="Feature">Soft Tissue Seal</td>
<td class="ogs-td" data-label="Titanium (Ti-6Al-4V)">Biological width similar to natural teeth, but grayish color may show through thin mucosa.</td>
<td class="ogs-td" data-label="Zirconia (Y-TZP)">Superior high-density collagen fiber attachment perpendicular to the surface, tooth-like aesthetic color.</td>
</tr>
<tr>
<td class="ogs-td" data-label="Feature">Bacterial Affinity</td>
<td class="ogs-td" data-label="Titanium (Ti-6Al-4V)">Higher affinity for S. mutans and P. gingivalis biofilm formation.</td>
<td class="ogs-td" data-label="Zirconia (Y-TZP)">Low plaque accumulation; chemically inert surface resists biofilm adhesion.</td>
</tr>
<tr>
<td class="ogs-td" data-label="Feature">Corrosion Potential</td>
<td class="ogs-td" data-label="Titanium (Ti-6Al-4V)">Risk of tribocorrosion and metal ion release in acidic environments.</td>
<td class="ogs-td" data-label="Zirconia (Y-TZP)">Excellent corrosion resistance; no ion release; susceptible to low-temperature degradation (aging).</td>
</tr>
<tr>
<td class="ogs-td" data-label="Feature">Immunological Response</td>
<td class="ogs-td" data-label="Titanium (Ti-6Al-4V)">Can trigger M1 macrophage polarization; risk of allergy to nickel/aluminum traces.</td>
<td class="ogs-td" data-label="Zirconia (Y-TZP)">Promotes M2 macrophage phenotype; inert to immune cell detection.</td>
</tr>
</tbody>
</table>
</div>
<p class="ogs-paragraph"><span class="ogs-first-word">The</span> mechanical connection to the bone matrix also dictates biological safety. The modulus of elasticity for zirconia is approximately 210 GPa, whereas titanium hovers around 110 GPa, and cortical bone is roughly 14 GPa. This stark mismatch in stiffness between both implant materials and natural bone creates stress shielding. Under masticatory loads, the implant bears most of the force rather than the surrounding bone, which can lead to crestal bone resorption over decades. While two-piece zirconia implants attempt to solve this through flexible connections, the one-piece designs often place immense stress on the marginal bone. Optimal long-term biocompatibility hinges not just on chemistry, but on this biomechanical transduction of force to the skeleton.</p>
<p class="ogs-paragraph"><span class="ogs-first-word">Aesthetics</span> play an undeniable role in the biological health of the implant. A titanium implant placed in the aesthetic zone often requires a ceramic abutment to mask the gray metallic hue. However, the micro-gap between the metal fixture and the ceramic abutment provides a dead space for bacterial habitation. Zirconia, being a tooth-colored material, can be fabricated as a single, monolithic piece (one-piece implant), eliminating the micro-gap entirely. This limits the space for micro-leakage and volatile sulfur compound production, actively protecting the surrounding bone from cytokine-driven resorption.</p>
<div class="ogs-faq-section">
<h2 class="ogs-section-title">Frequently Asked Questions</h2>
<div class="ogs-faq-item">
<h3 class="ogs-question">Is zirconia safer than titanium for patients with autoimmune diseases?</h3>
<p class="ogs-answer">Many clinicians lean toward zirconia due to its inert nature. Titanium debris can potentially act as an adjuvant, exacerbating immune activation in susceptible individuals. While titanium is generally safe, the metal-free nature of zirconia eliminates the variable of metal-triggered inflammation, making it theoretically safer for compromised immune systems, though robust clinical trials comparing the two in this specific demographic are still limited.</p>
</div>
<div class="ogs-faq-item">
<h3 class="ogs-question">Can a zirconia implant fracture more easily than a titanium one?</h3>
<p class="ogs-answer">Historically, early generations of zirconia were prone to bulk fracture. Modern Y-TZP ceramics have undergone significant processing improvements, including hot isostatic pressing, to increase density. While the tensile strength of zirconia is lower than titanium, properly designed implants with adequate diameter and careful occlusal management exhibit fracture rates that approach, but do not quite match, the zero-fracture tolerance of titanium in high-stress posterior regions.</p>
</div>
<div class="ogs-faq-item">
<h3 class="ogs-question">Why does titanium cause a gray line around the gums?</h3>
<p class="ogs-answer">The gray line is caused by light reflecting off the opaque metallic fixture through the translucent soft tissue. Unlike natural roots which allow some light transmission, titanium blocks light entirely. Zirconia mimics the optical properties of natural dentin, scattering light similarly, thus providing a pinker, more natural appearance in the cervical region of the crown.</p>
</div>
<div class="ogs-faq-item">
<h3 class="ogs-question">Does the body reject a titanium implant over time?</h3>
<p class="ogs-answer">True biological "rejection" is an allergic or immune-mediated phenomenon distinct from infection-driven bone loss (peri-implantitis). Titanium rarely causes a frank allergy; however, chronic low-grade inflammation due to titanium particle dissolution can lead to progressive bone loss. This is not rejection in the transplant sense, but a failure of biocompatibility equilibrium, often misdiagnosed as standard periodontal disease.</p>
</div>
</div>
<div class="ogs-sources">
<p class="ogs-source-text">For further reading on the fundamentals of osseointegration, please refer to this comprehensive overview on <a class="ogs-link" href="https://en.wikipedia.org/wiki/Osseointegration" rel="noopener" target="_blank">Wikipedia: Osseointegration</a>. To understand the chemical structure and phases of the ceramic material, you can review the detailed entry on <a class="ogs-link" href="https://en.wikipedia.org/wiki/Zirconium_dioxide" rel="noopener" target="_blank">Wikipedia: Zirconium dioxide</a>.</p>
</div>
</article>
</div>
<style>
.ogs-article-wrapper {
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box;
display: block;
overflow-x: hidden !important;
word-wrap: break-word !important;
margin: 0;
padding: 0;
}
.ogs-article {
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box;
display: block;
overflow-x: hidden !important;
word-wrap: break-word !important;
font-family: 'Segoe UI', Roboto, sans-serif;
line-height: 1.8;
color: #333;
margin: 0;
padding: 0 5px;
}
.ogs-intro, .ogs-paragraph {
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box;
display: block;
overflow-x: hidden !important;
word-wrap: break-word !important;
margin: 0 0 20px 0;
padding: 0;
font-size: 18px;
line-height: 1.9;
color: #2c3e50;
}
.ogs-dropcap {
font-size: 4.2em;
font-weight: 900;
line-height: 0.8;
float: left;
margin-right: 12px;
margin-bottom: 2px;
color: #0b5e7c;
text-transform: uppercase;
font-family: 'Georgia', serif;
}
.ogs-first-word {
font-size: 2.4em;
font-weight: 900;
color: #c0392b;
margin-right: 6px;
float: left;
line-height: 0.9;
text-transform: capitalize;
}
.ogs-section-title {
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box;
display: block;
overflow-x: hidden !important;
word-wrap: break-word !important;
font-size: 24px;
font-weight: 700;
color: #1a5276;
border-bottom: 3px solid #e67e22;
padding-bottom: 8px;
margin: 30px 0 20px 0;
text-align: left;
}
.ogs-highlight-box {
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box;
display: block;
overflow-x: hidden !important;
word-wrap: break-word !important;
background: #f0f8ff;
border-left: 8px solid #2980b9;
padding: 25px;
margin: 30px 0;
border-radius: 0 12px 12px 0;
}
.ogs-list-block {
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box;
display: block;
overflow-x: hidden !important;
word-wrap: break-word !important;
list-style-type: none;
padding: 0;
margin: 15px 0 0 0;
}
.ogs-list-item {
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box;
display: block;
overflow-x: hidden !important;
word-wrap: break-word !important;
background: #ffffff;
margin-bottom: 12px;
padding: 14px 18px 14px 45px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
font-size: 17px;
color: #2c3e50;
position: relative;
border: 1px solid #e1e8f0;
}
.ogs-list-item strong {
color: #0b5e7c;
display: inline-block;
margin-right: 5px;
}
.ogs-table-container {
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box;
display: block;
overflow-x: auto !important;
word-wrap: break-word !important;
margin: 35px 0;
-webkit-overflow-scrolling: touch;
background: #fff;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.ogs-comparison-table {
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box;
border-collapse: collapse;
font-size: 15px;
min-width: 600px;
margin: 0;
}
.ogs-table-head {
background: #1a5276;
color: #ffffff;
}
.ogs-th {
padding: 16px 15px;
text-align: left;
font-weight: 700;
font-size: 16px;
border: 1px solid #1a5276;
max-width: 100% !important;
word-wrap: break-word !important;
box-sizing: border-box;
}
.ogs-td {
padding: 14px 15px;
border: 1px solid #d5dbdb;
color: #2c3e50;
max-width: 100% !important;
word-wrap: break-word !important;
box-sizing: border-box;
vertical-align: top;
}
.ogs-faq-section {
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box;
display: block;
overflow-x: hidden !important;
word-wrap: break-word !important;
margin: 40px 0;
}
.ogs-faq-item {
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box;
display: block;
overflow-x: hidden !important;
word-wrap: break-word !important;
background: #f9fbfd;
border: 1px solid #e1e8f0;
border-radius: 10px;
padding: 20px 25px;
margin-bottom: 18px;
}
.ogs-question {
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box;
display: block;
overflow-x: hidden !important;
word-wrap: break-word !important;
font-size: 19px;
font-weight: 700;
color: #0b5e7c;
margin: 0 0 10px 0;
padding: 0;
}
.ogs-answer {
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box;
display: block;
overflow-x: hidden !important;
word-wrap: break-word !important;
font-size: 17px;
color: #4a5568;
margin: 0;
line-height: 1.7;
}
.ogs-sources {
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box;
display: block;
overflow-x: hidden !important;
word-wrap: break-word !important;
background: #eaf2f8;
padding: 20px;
border-radius: 10px;
margin-top: 25px;
}
.ogs-source-text {
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box;
display: block;
overflow-x: hidden !important;
word-wrap: break-word !important;
font-size: 16px;
color: #1f4f6e;
margin: 0;
}
.ogs-link {
color: #c0392b;
font-weight: 700;
text-decoration: none;
border-bottom: 1px dotted #c0392b;
}
.ogs-link:hover {
color: #e74c3c;
border-bottom: 1px solid #e74c3c;
}
@media only screen and (max-width: 768px) {
.ogs-article {
padding: 0;
}
.ogs-dropcap {
font-size: 3.4em;
}
.ogs-first-word {
font-size: 2em;
}
.ogs-intro, .ogs-paragraph {
font-size: 17px;
}
.ogs-section-title {
font-size: 22px;
}
.ogs-highlight-box {
padding: 18px;
}
.ogs-list-item {
padding: 12px 15px 12px 35px;
font-size: 16px;
}
.ogs-comparison-table {
min-width: auto;
width: 100%;
}
.ogs-comparison-table thead {
display: none;
}
.ogs-comparison-table, .ogs-comparison-table tbody, .ogs-comparison-table tr, .ogs-comparison-table td {
display: block;
width: 100%;
box-sizing: border-box;
}
.ogs-comparison-table tr {
margin-bottom: 20px;
border: 1px solid #bdc3c7;
border-radius: 10px;
background: #fff;
box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
.ogs-td {
padding: 12px 16px;
border: none;
border-bottom: 1px solid #ecf0f1;
position: relative;
text-align: left;
}
.ogs-td:last-child {
border-bottom: none;
}
.ogs-td::before {
content: attr(data-label);
font-weight: 800;
color: #1a5276;
display: block;
margin-bottom: 6px;
font-size: 14px;
text-transform: uppercase;
}
.ogs-faq-item {
padding: 16px 18px;
}
.ogs-question {
font-size: 18px;
}
.ogs-answer {
font-size: 16px;
}
}
</style>