SKB Tiga Menteri: Jadwal Libur Nasional dan Cuti Bersama 2027

.pw-hari-libur { width: 100%; max-width: 1000px; margin: 20px auto; font-family: Arial, Helvetica, sans-serif; background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,.12); border: 1px solid #e5e7eb; } /* HEADER */ .pw-header { background: linear-gradient(135deg, #087f23, #0ca52f); color: #fff; padding: 18px 20px; text-align: center; border-bottom: 5px solid #d90429; } .pw-title { font-size: 21px; font-weight: 800; letter-spacing: .4px; } .pw-subtitle { margin-top: 5px; font-size: 13px; opacity: .9; } .pw-cuti-header { margin-top: 18px; background: linear-gradient(135deg, #b00020, #d90429); border-bottom: 5px solid #087f23; } /* TABLE */ .pw-table-wrap { width: 100%; overflow-x: auto; } .pw-table { width: 100%; border-collapse: collapse; min-width: 650px; font-size: 14px; } .pw-table th { background: #f0fdf4; color: #087f23; padding: 12px 10px; text-align: center; font-weight: 800; border-bottom: 2px solid #087f23; } .pw-table td { padding: 11px 10px; border-bottom: 1px solid #e5e7eb; color: #333; vertical-align: middle; } .pw-table td:first-child { text-align: center; width: 45px; font-weight: 800; color: #d90429; } .pw-table td:nth-child(2) { font-weight: 700; white-space: nowrap; } .pw-table td:nth-child(3) { text-align: center; white-space: nowrap; color: #087f23; font-weight: 700; } .pw-table tbody tr:nth-child(even) { background: #fff7f7; } .pw-table tbody tr:hover { background: #ecfdf3; transition: .2s; } /* CUTI */ .pw-cuti th { background: #fff1f2; color: #b00020; border-bottom-color: #d90429; } .pw-cuti td:nth-child(3) { color: #b00020; } .pw-cuti tbody tr:nth-child(even) { background: #f6fff8; } .pw-cuti tbody tr:hover { background: #fff1f2; } /* FOOTER */ .pw-footer { display: flex; justify-content: space-between; gap: 10px; padding: 12px 16px; background: #111827; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .3px; } .pw-footer span:first-child { color: #5ee37a; } .pw-footer span:last-child { color: #ff6b81; } /* MOBILE */ @media (max-width: 600px) { .pw-hari-libur { margin: 10px auto; border-radius: 10px; } .pw-header { padding: 15px 12px; } .pw-title { font-size: 17px; } .pw-subtitle { font-size: 11px; } .pw-table { font-size: 12px; } .pw-table th, .pw-table td { padding: 9px 8px; } .pw-footer { flex-direction: column; text-align: center; gap: 4px; } }