.v3-formatted-content {
font-size: clamp(1rem, 1.5vw, 1.1rem);
line-height: 1.8;
color: var(--text-muted);
text-align: left;
}
.v3-formatted-content h1, 
.v3-formatted-content h2, 
.v3-formatted-content h3, 
.v3-formatted-content h4 {
color: #fff;
font-weight: 800;
line-height: 1.3;
margin-top: 2.5em;
margin-bottom: 1em;
}
.v3-formatted-content h2 { font-size: 1.8em; border-bottom: 1px solid rgba(255, 255, 255, 0.08); padding-bottom: 0.5em; }
.v3-formatted-content h3 { font-size: 1.4em; color: var(--secondary-cyan); }
.v3-formatted-content h4 { font-size: 1.2em; } .v3-formatted-content p { margin-bottom: 1.5em; }
.v3-formatted-content strong, .v3-formatted-content b { color: #fff; font-weight: 700; } .v3-formatted-content a {
color: var(--secondary-cyan);
text-decoration: none;
font-weight: 600;
border-bottom: 1px solid rgba(0, 180, 216, 0.3);
transition: all 0.3s ease;
}
.v3-formatted-content a:hover {
color: #fff;
border-bottom-color: #fff;
background: rgba(0, 180, 216, 0.1);
} .v3-formatted-content ul, .v3-formatted-content ol {
margin-bottom: 1.5em;
padding-left: 1.5em;
}
.v3-formatted-content ul li, .v3-formatted-content ol li {
margin-bottom: 0.5em;
position: relative;
}
.v3-formatted-content ul { list-style: none; padding-left: 0; }
.v3-formatted-content ul li { padding-left: 1.8em; }
.v3-formatted-content ul li::before {
content: '→';
position: absolute;
left: 0;
color: var(--secondary-cyan);
font-weight: 900;
} .v3-formatted-content table {
width: 100%;
border-collapse: collapse;
margin: 2em 0;
background: rgba(255, 255, 255, 0.02);
border-radius: 12px;
overflow: hidden;
}
.v3-formatted-content th, .v3-formatted-content td {
padding: 1rem;
border: 1px solid rgba(255, 255, 255, 0.05);
text-align: left;
}
.v3-formatted-content th { background: rgba(255, 255, 255, 0.05); color: #fff; font-weight: 700; } .v3-index-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 2rem;
}
.v3-post-card {
display: flex;
flex-direction: column;
padding: 0;
overflow: hidden;
transition: transform 0.4s ease, border-color 0.4s ease;
}
.v3-post-card:hover {
transform: translateY(-5px);
border-color: rgba(0, 180, 216, 0.4);
}
.post-card-img-wrap {
width: 100%;
height: 200px;
overflow: hidden;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.post-card-img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s ease;
}
.v3-post-card:hover .post-card-img { transform: scale(1.05); }
.post-card-content {
padding: 2rem;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.v3-post-card .v2-link-arrow { transition: transform 0.3s ease; }
.v3-post-card:hover .v2-link-arrow { transform: translateX(5px); color: #fff !important; } @media (max-width: 768px) {
.v3-index-grid { grid-template-columns: 1fr; }
.v3-formatted-content { padding: 0 1rem; }
}