/* ----------------------------------- GLOBAL THEME COLORS & BASICS --------------------------------------*/ :root { --primary: #3e5a3c; --primary-light: #e8f1ff; --text-color: #222; --table-border: #d9e3f2; } body { font-family: "Segoe UI", Arial, sans-serif; color: var(--text-color); line-height: 1.6; } /* ----------------------------------- SECTION HEADINGS --------------------------------------*/ h2 { color: var(--primary); margin-top: 35px; font-size: 28px; font-weight: 700; } h3 { color: var(--primary); margin-top: 25px; font-size: 22px; font-weight: 600; } /* ----------------------------------- TABLE STYLES --------------------------------------*/ table { width: 100%; border-collapse: collapse; margin: 18px 0; font-size: 15px; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0px 3px 10px rgba(0,0,0,0.06); } table thead th { background: var(--primary-light); color: var(--primary); padding: 12px 10px; font-weight: 700; border-bottom: 2px solid var(--primary); text-transform: uppercase; font-size: 14px; } table tbody td { padding: 10px 10px; border-bottom: 1px solid var(--table-border); } table tbody tr:nth-child(even) { background: #f8fbff; } table tbody tr:hover { background: #eef5ff; transition: 0.25s ease-in-out; } /* ----------------------------------- BADGE STYLE (for labels) --------------------------------------*/ .badge { display: inline-block; padding: 4px 10px; background: var(--primary-light); color: var(--primary); border-radius: 20px; font-size: 13px; font-weight: 600; } /* ----------------------------------- FAQ SECTION --------------------------------------*/ .faq { margin: 20px 0; padding: 15px 20px; background: #fafcff; border: 1px solid #dbe8ff; border-radius: 10px; box-shadow: 0px 3px 10px rgba(0,0,0,0.05); } .faq dt { font-weight: 700; font-size: 17px; color: var(--primary); margin-bottom: 5px; position: relative; padding-left: 24px; } .faq dt::before { content: "❓"; position: absolute; left: 0; top: 2px; font-size: 18px; } .faq dd { margin: 0 0 18px 0; padding-left: 24px; font-size: 15px; color: #555; border-left: 3px solid var(--primary-light); padding-bottom: 5px; } .faq dd:last-child { margin-bottom: 5px; } .faq dd:hover { background: #f3f8ff; transition: 0.2s; } /* ----------------------------------- SMALL PARAGRAPH TEXT --------------------------------------*/ .small { color: #555; font-size: 14px; } /* ----------------------------------- RESPONSIVE FIXES --------------------------------------*/ @media (max-width: 768px) { table, th, td { font-size: 14px; } h2 { font-size: 24px; } h3 { font-size: 20px; } .faq dt { font-size: 16px; } .faq dd { font-size: 14px; } }