.m360-date-view{background:#f6f7f9;padding:24px 0 40px}.m360-date-view .m360-dynamic-view__container{width:min(1200px,calc(100% - 64px));margin:0 auto}.m360-date-hero{background:#fff;border-radius:16px;padding:28px;margin:16px 0 22px;box-shadow:0 8px 22px rgba(0,0,0,.06)}.m360-date-hero__eyebrow,.m360-date-card__category{color:#d71920;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.m360-date-hero h1{margin:8px 0;font-size:clamp(30px,4vw,48px);line-height:1.05}.m360-date-hero__description{max-width:860px;color:#374151}.m360-date-stats{display:flex;gap:12px;margin-top:12px}.m360-date-stats span{display:inline-flex;align-items:center;gap:6px;background:#f6f7f9;border-radius:999px;padding:8px 12px}.m360-date-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.m360-date-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.06)}.m360-date-card__thumb{display:block;aspect-ratio:16/10;overflow:hidden;background:#e9e9e9}.m360-date-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}.m360-date-card__body{padding:16px}.m360-date-card h2{margin:6px 0 8px;font-size:20px;line-height:1.18}.m360-date-card h2 a{color:#111!important;text-decoration:none!important}.m360-date-card h2 a:hover,.m360-date-card h2 a:focus-visible{color:#d71920!important}.m360-date-card time{display:block;color:#6b7280;font-size:13px;margin-bottom:8px}.m360-date-card p{margin:0;color:#374151}.m360-date-empty{background:#fff;border-radius:14px;padding:28px;box-shadow:0 8px 22px rgba(0,0,0,.06)}.m360-date-pagination{margin-top:26px}.m360-date-pagination ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.m360-date-pagination a,.m360-date-pagination span{display:inline-flex;min-width:38px;height:38px;align-items:center;justify-content:center;padding:0 12px;border-radius:999px;background:#fff;color:#d71920;font-weight:700;text-decoration:none}.m360-date-pagination .current{background:#d71920;color:#fff}@media(max-width:900px){.m360-date-view .m360-dynamic-view__container{width:min(100% - 32px,1200px)}.m360-date-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.m360-date-view .m360-dynamic-view__container{width:calc(100% - 24px)}.m360-date-results{grid-template-columns:1fr}.m360-date-hero{padding:20px}}