/* Template T7 */
.container { max-width: 960px; }
.article-header { text-align: center; }
.article-header h1 { text-align: center; font-size: clamp(2.2rem, 5vw, 3.2rem); }
.article-meta { justify-content: center; }
.dp-score-badge { position: fixed; right: 32px; top: 120px; z-index: 50; background: #fff; padding: 16px 20px; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,0.08); border: 1px solid #E5E7EB; text-align: center; }
.cta-box { background: linear-gradient(135deg, #166534, #22C55E); padding: 20px 16px; }
.btn-cta { background: #fff; color: #166534; display: block; width: 100%; }
.btn-cta:hover { background: #F0FDF4; }
.faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.faq-answer.open { max-height: 300px; }
.author-signature { justify-content: flex-start; text-align: left; }
@media (max-width: 768px) { .container { max-width: 100%; } .dp-score-badge { position: static; margin-bottom: 16px; } }