/* Default page / single post content styling (page.php, single.php) */
/* Enhanced content styling */
.content-wrapper h1,
.content-wrapper h2,
.content-wrapper h3,
.content-wrapper h4,
.content-wrapper h5,
.content-wrapper h6 {
font-weight: 700;
color: #1e293b;
margin-top: 2rem;
margin-bottom: 1rem;
line-height: 1.3;
}
.content-wrapper h1 {
font-size: 2.25rem;
}
.content-wrapper h2 {
font-size: 1.875rem;
padding-bottom: 0.5rem;
border-bottom: 2px solid #e2e8f0;
}
.content-wrapper h3 {
font-size: 1.5rem;
}
.content-wrapper h4 {
font-size: 1.25rem;
}
.content-wrapper p {
margin-bottom: 1.25rem;
line-height: 1.75;
}
.content-wrapper a {
color: #96598a;
font-weight: 600;
text-decoration: underline;
text-decoration-color: #d284c4;
text-underline-offset: 2px;
transition: all 0.2s;
}
.content-wrapper a:hover {
color: #d284c4;
text-decoration-color: #96598a;
}
.content-wrapper ul,
.content-wrapper ol {
margin-bottom: 1.25rem;
padding-left: 1.5rem;
}
.content-wrapper ul li {
list-style-type: disc;
margin-bottom: 0.5rem;
}
.content-wrapper ol li {
list-style-type: decimal;
margin-bottom: 0.5rem;
}
.content-wrapper blockquote {
border-left: 4px solid #96598a;
padding-left: 1.5rem;
margin: 1.5rem 0;
font-style: italic;
color: #64748b;
background: #f8fafc;
padding: 1rem 1.5rem;
border-radius: 0.5rem;
}
.content-wrapper img {
border-radius: 0.75rem;
margin: 2rem 0;
box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1);
}
.content-wrapper code {
background: #f1f5f9;
padding: 0.2rem 0.4rem;
border-radius: 0.25rem;
font-size: 0.875em;
color: #96598a;
font-family: 'Courier New', monospace;
}
.content-wrapper pre {
background: #1e293b;
color: #e2e8f0;
padding: 1.5rem;
border-radius: 0.75rem;
overflow-x: auto;
margin: 1.5rem 0;
}
.content-wrapper pre code {
background: transparent;
color: inherit;
padding: 0;
}
.content-wrapper table {
width: 100%;
border-collapse: collapse;
margin: 1.5rem 0;
border: 1px solid #e2e8f0;
border-radius: 0.5rem;
overflow: hidden;
}
.content-wrapper table th {
background: #f8fafc;
padding: 0.75rem 1rem;
text-align: left;
font-weight: 700;
border-bottom: 2px solid #e2e8f0;
}
.content-wrapper table td {
padding: 0.75rem 1rem;
border-bottom: 1px solid #e2e8f0;
}
.content-wrapper table tr:last-child td {
border-bottom: none;
}
.content-wrapper hr {
border: none;
border-top: 2px solid #e2e8f0;
margin: 2rem 0;
}