/* Home page specific sections */
.hero { text-align:center; padding:40px 20px; background: linear-gradient(180deg,#111,#222); border-radius:12px; margin-bottom:20px; }
.hero h1 { font-size:2.2em; color:#ff7a18; margin-bottom:12px; }
.hero-btn { margin-top:12px; }

.section-title { color:#ff7a18; margin-bottom:10px; border-bottom:1px solid #ff3d00; display:inline-block; padding-bottom:4px; }
.latest-posts-container, #posts-container { display:flex; flex-direction:column; }
.tip-section, .quote-section { background:#111; padding:12px; margin:20px 0; border-radius:8px; text-align:center; }
.tip-box { background:#ff4500; padding:12px; border-radius:8px; color:#fff; font-weight:bold; cursor:pointer; display:inline-block; }
.tip-text { margin-top:8px; color:#ffa366; }
blockquote { font-style:italic; color:#ffb366; }