:root {
--site-primary: #2563eb;
--site-text: #374151;
--site-heading: #111827;
--site-muted: #f3f4f6;
--site-border: #e5e7eb;
}
body {
font-size: 17px;
line-height: 1.6;
color: var(--site-text);
}
h1, h2, h3 {
color: var(--site-heading);
line-height: 1.2;
}
.inside-article {
max-width: 860px;
margin: 0 auto;
}
.wp-block-button__link,
.cta-button {
background: var(--site-primary);
color: #fff;
padding: 12px 20px;
border-radius: 6px;
font-weight: 700;
text-decoration: none;
}
.quick-answer,
.affiliate-disclaimer {
background: var(--site-muted);
border: 1px solid var(--site-border);
border-radius: 8px;
padding: 16px;
margin: 24px 0;
}
.recommendation-card {
border: 1px solid var(--site-border);
border-radius: 10px;
padding: 20px;
margin: 20px 0;
background: #fff;
}
@media (max-width: 768px) {
body {
font-size: 16px;
}
.wp-block-button__link,
.cta-button {
display: block;
width: 100%;
text-align: center;
}
}