body { font-family: 'Inter', sans-serif; margin: 0; background: #fff; color: #000; }
.container { max-width: 960px; margin: auto; padding: 2rem 1rem; }
.hero { text-align: left; padding: 6rem 0 0; }
.hero h1 { font-size: 2.5rem; }
.hero p { font-size: 14px; color: #000;margin-bottom: 2rem; text-align:left;  }
.sectionr { text-align: left; }
.sectionr h2 { font-size: 1.5rem; margin-bottom: 1rem; }
.sectionr h3 { font-size: 18px; }
.mb { margin-bottom: 2rem; }
.mt { margin-top: 2rem; }
.sticky-footer { position: fixed; bottom: 0; width: 100%; background: #ff4747; color: #fff; text-align: center; padding: 1rem; }
.sticky-footer a { color: #fff; font-weight: bold; text-decoration: underline; }
.rf-date{ font-weight:700!important; font-size:1rem;}
ul li { list-style:none;margin-bottom: 15px;position: relative;padding-left: 22px;background: url(/assets/images/icon_bullet.svg) no-repeat left top 4px;}

.rmf-table-wrap {
    width: 100%;
    overflow-x: auto;
    margin: 22px 0 28px;
}

.rmf-retention-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    overflow: hidden;
    font-size: 15px;
    box-shadow: 0 10px 30px rgba(37, 99, 235, 0.08);
}

.rmf-retention-table thead th {
    background: linear-gradient(135deg, #2563eb, #1e40af);
    color: #ffffff;
    padding: 16px 18px;
    text-align: left;
    font-weight: 700;
}

.rmf-retention-table tbody td {
    padding: 15px 18px;
    color: #334155;
    border-bottom: 1px solid #e5e7eb;
    line-height: 1.6;
}

.rmf-retention-table tbody tr:nth-child(even) {
    background: #f8fbff;
}

.rmf-retention-table tbody tr:last-child td {
    border-bottom: none;
}

.rmf-retention-table tbody td:first-child {
    font-weight: 600;
    color: #0f172a;
}