.holidays-page{display:flex;flex-direction:column;gap:22px}.holidays-page .panel{background:#fff;border:1px solid #e5e9f1;border-radius:20px;padding:24px;box-shadow:0 8px 25px #1a31500a}.holiday-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.holiday-head label{font-size:13px;color:#65748b;display:block;margin-bottom:7px}.holiday-head select{border:1px solid #dce3ee;background:#fff;border-radius:9px;padding:10px 14px;font-weight:750;font-size:17px;color:#192842}.holiday-summary{font-size:14px;color:#44536c}.notice{padding:12px 16px;border-radius:10px;background:#f1f5ff;color:#4d5d8e;font-size:13px}.notice.error{background:#fff1f0;color:#b73c45}.section-heading{margin-bottom:20px}.section-heading h2{font-size:21px;margin:0 0 6px}.section-heading p{color:#6c7890;font-size:13px;line-height:1.6;margin:0}.gold-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gold-card{border:1px solid #e0e6f2;border-radius:14px;padding:17px;background:#fbfcff}.gold-card .type{font-size:11px;font-weight:800;color:#5867d7}.gold-card h3{font-size:18px;margin:7px 0}.gold-card .range{font-size:14px;color:#38465e;font-weight:700}.gold-card p{font-size:13px;color:#6b7890;margin:9px 0 0;line-height:1.55}.gold-card .leave{color:#3d56bc;font-weight:750}.month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.month-card{border:1px solid #e5eaf2;border-radius:14px;padding:15px}.month-card h3{font-size:16px;margin:0 0 10px}.holiday-item{border-top:1px solid #eef1f6;padding:9px 0;font-size:13px}.holiday-item time{display:block;font-weight:750;color:#c13f50}.holiday-item span{color:#42516c}.empty{padding:20px;color:#7a8798;text-align:center}.help h2{font-size:18px;margin:0 0 10px}.help p{font-size:13px;line-height:1.8;color:#65718a}@media(max-width:800px){.month-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.gold-grid,.month-grid{grid-template-columns:1fr}.holidays-page .panel{padding:17px}}
/* Match the main calendar page spacing and ad-slot treatment. */
.holidays-page{gap:0}.holidays-page .intro{margin-bottom:24px}.holidays-page .holiday-ad{margin:0 0 20px;min-height:105px}.holidays-page>.panel{margin-bottom:20px}.holidays-page>.notice{margin:0 0 20px}.holidays-page .panel{border-radius:var(--site-card-radius);border-color:var(--site-border)}
@media(max-width:600px){.holidays-page .holiday-ad{margin-bottom:16px}}