/* ==================================================================
   Event detail pages (events/*.html) — shared responsive hardening.
   Theme styles live in ../style.css; only page-scoped mobile guards
   belong here. Scoped to the event body wrapper (.container-fluid.py-5)
   so the topbar, navbar and footer are untouched.
   ================================================================== */

/* Long unbroken tokens in event body copy (contact e-mails such as
   la22resch01003@iith.ac.in, pasted URLs) wrap instead of forcing
   horizontal scroll on 360px phones. */
.container-fluid.py-5 .container p,
.container-fluid.py-5 .container li {
    overflow-wrap: break-word;
}

/* "Important Dates" key/value tables: guard against a future long
   unbroken value pushing the carded table wider than a phone screen
   (break-word participates in min-content sizing via word-break). */
@media (max-width: 575.98px) {
    .container-fluid.py-5 .container .table td {
        word-break: break-word;
    }
}

/* The registration / brochure / event-website text links are the only
   call to action on these pages; give them a finger-sized tap box on
   phones (~24px line box + padding ≈ 40px) without changing the look. */
@media (max-width: 767.98px) {
    .container-fluid.py-5 .container p a {
        display: inline-block;
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
}