/* ========================================================= download-guide.css — download-guide.html only (uses class="reset-spacing" on , defined in common.css) ========================================================= */ body.page-download-guide { --page-bg: #f2f2f2; --pill-bg: #1b5e20; --radius-pill: 50px; } /* ================= SECTIONS ================= */ .download-section, .android-steps-section, .ios-section, .troubleshoot-section, .start-playing-section { padding: 40px 0; } /* ================= HEADING BARS ================= */ .title-box { margin-bottom: 25px; padding: 18px; } .title-box h1 { font-size: 28px; } .title-box h2 { font-size: 24px; } .check-icon, .warning-icon { margin-left: 10px; padding: 6px 10px; color: #fff; font-size: 14px; border-radius: 6px; } .check-icon { background: #2ecc71; } .warning-icon { background: #f5a623; } .game-icon { margin-left: 10px; font-size: 20px; } /* ================= INTRO TEXT ================= */ .description, .steps-intro, .ios-intro, .troubleshoot-intro, .start-text, .troubleshoot-footer { font-size: 15px; line-height: 1.7; color: #333; } .description { margin-bottom: 25px; } .steps-intro, .troubleshoot-intro { margin: 15px 0 25px; } .ios-intro { margin: 15px 0 20px; } .start-text { margin-top: 15px; line-height: 1.8; } .troubleshoot-footer { margin-top: 25px; } .description a { color: #007bff; text-decoration: none; } .steps-content a { color: #1a73e8; font-weight: bold; text-decoration: none; } .troubleshoot-footer a { color: #1a73e8; text-decoration: underline; } /* ================= BIG DOWNLOAD BUTTON ================= */ .download-wrapper { display: flex; justify-content: center; } .big-download-btn { width: 100%; max-width: 900px; padding: 16px; background: linear-gradient(to right, #3a6ff7, #2f5de0); color: #fff; font-size: 16px; border: none; border-radius: 30px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); cursor: pointer; transition: 0.3s; } .big-download-btn:hover { transform: scale(1.02); } /* ================= STEPS / LISTS ================= */ .steps-content { font-size: 15px; line-height: 1.8; color: #333; } .steps-content ol { padding-left: 20px; } .steps-content li { margin-bottom: 18px; } .ios-list { padding-left: 20px; font-size: 15px; line-height: 1.8; color: #333; } .ios-list li { margin-bottom: 12px; } .steps-image { margin-top: 30px; text-align: center; } .steps-image img { width: 260px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); } /* ================= TROUBLESHOOTING ================= */ .issue { margin-bottom: 25px; } .issue h3 { margin-bottom: 10px; font-size: 18px; color: #222; } .issue ul { padding-left: 20px; } .issue li { font-size: 15px; line-height: 1.7; color: #333; } /* ================= RESPONSIVE ================= */ @media (max-width: 768px) { .title-box h1 { font-size: 22px; } .title-box h2 { font-size: 19px; } .steps-image img { width: 220px; } }