.cosmo-parent { display: block; width: fit-content; margin-bottom: 18px; color: #a5bad0; font-size: 14px; text-decoration: none; }
.cosmo-parent:hover { color: #fff; }
.cosmo-day { margin: 0; background: #fff; color: #132b43; border-radius: 22px; padding: clamp(20px, 3vw, 34px); box-shadow: 0 20px 55px #0004; }
.cosmo-day figcaption { font-size: clamp(20px, 2.2vw, 28px); font-weight: 800; line-height: 1.15; }
.beauty-hero .cosmo-day-note { margin: 8px 0 14px; color: #60798d; font-size: 14px; }
.beauty-hero .cosmo-day-note:last-child { margin: 14px 0 0; }
.cosmo-day-list { list-style: none; margin: 0; padding: 0; }
.cosmo-day-list li { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 13px 14px; margin-top: 8px; border-radius: 12px; background: #f5f9fc; border: 1px solid #d9e6ef; }
.cosmo-day-list time { font-weight: 800; color: #2777be; }
.cosmo-day-list span { font-weight: 650; overflow-wrap: anywhere; }
.cosmo-day-list small { color: #60798d; white-space: nowrap; }
.cosmo-day-list .cosmo-day-free { background: #e4f1e6; border-color: #c9e2cd; }
.cosmo-day-list .cosmo-day-free span, .cosmo-day-list .cosmo-day-free time { color: #2d5b3b; }
.cosmo-more { margin-top: 26px; }
@media (max-width: 700px) {
  .cosmo-day-list li { grid-template-columns: 52px minmax(0, 1fr); }
  .cosmo-day-list small { grid-column: 2; }
}