/* Start custom CSS for html, class: .elementor-element-c34df62 */.emr-safehome-page { max-width: 1180px; margin: 0 auto; padding: 18px; font-family: inherit; color: #172033; } .emr-safehome-page * { box-sizing: border-box; } .emr-safehome-page a { color: #0b6fba; text-decoration: underline; text-underline-offset: 3px; } .emr-safehome-hero { background: #ffffff; border: 1px solid rgba(23, 32, 51, 0.08); border-radius: 24px; padding: clamp(22px, 4vw, 42px); box-shadow: 0 14px 42px rgba(23, 32, 51, 0.07); } .emr-label { display: inline-block; margin-bottom: 14px; padding: 8px 14px; border-radius: 999px; background: #eaf3ff; color: #0b6fba; font-weight: 800; font-size: 14px; } .emr-safehome-hero h1 { margin: 0 0 16px; max-width: 980px; font-size: clamp(30px, 4.6vw, 52px); line-height: 1.08; letter-spacing: -0.03em; color: #172033; } .emr-lead { max-width: 920px; margin: 0; font-size: clamp(18px, 2vw, 22px); line-height: 1.55; color: #344054; } .emr-hero-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 24px; } .emr-mini-card { padding: 18px; border-radius: 18px; background: #f6f8fb; border: 1px solid rgba(23, 32, 51, 0.08); } .emr-mini-card strong { display: block; margin-bottom: 8px; font-size: 17px; } .emr-mini-card span { display: block; color: #526071; line-height: 1.45; } .emr-cta { margin-top: 22px; padding: 20px; border-radius: 20px; } .emr-cta-dark, .emr-cta-final { background: #172033; color: #ffffff; } .emr-cta p, .emr-cta-final p { margin: 0 0 16px; color: rgba(255, 255, 255, 0.92); line-height: 1.6; } .emr-buttons { display: flex; flex-wrap: wrap; gap: 10px; } .emr-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 12px 18px; border-radius: 999px; text-decoration: none !important; font-weight: 800; line-height: 1.2; transition: transform 0.2s ease, box-shadow 0.2s ease; } .emr-btn:hover { transform: translateY(-1px); } .emr-btn-main { background: #ff8a00; color: #ffffff !important; } .emr-btn-second { background: #2aabee; color: #ffffff !important; } .emr-btn-light { background: #ffffff; color: #172033 !important; } .emr-toc { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0; padding: 16px; border-radius: 20px; background: #f6f8fb; border: 1px solid rgba(23, 32, 51, 0.08); } .emr-toc strong { width: 100%; } .emr-toc a { display: inline-flex; padding: 8px 12px; border-radius: 999px; background: #ffffff; color: #172033; text-decoration: none !important; border: 1px solid rgba(23, 32, 51, 0.08); font-weight: 700; } .emr-section { margin-top: 26px; padding: clamp(22px, 3vw, 34px); border-radius: 22px; background: #ffffff; border: 1px solid rgba(23, 32, 51, 0.08); } .emr-section h2 { margin: 0 0 14px; font-size: clamp(24px, 3vw, 34px); line-height: 1.18; letter-spacing: -0.02em; } .emr-section h3 { margin: 0 0 10px; font-size: 20px; line-height: 1.25; } .emr-section p, .emr-section li, .emr-section td, .emr-section th { font-size: 16px; line-height: 1.6; } .emr-section p { margin: 0 0 14px; } .emr-table-wrap { overflow-x: auto; margin-top: 16px; border-radius: 18px; border: 1px solid rgba(23, 32, 51, 0.08); } .emr-table-wrap table { width: 100%; min-width: 760px; border-collapse: collapse; background: #ffffff; } .emr-table-wrap th { background: #172033; color: #ffffff; text-align: left; } .emr-table-wrap th, .emr-table-wrap td { padding: 14px; border-bottom: 1px solid rgba(23, 32, 51, 0.08); vertical-align: top; } .emr-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 18px; } .emr-cards article { padding: 18px; border-radius: 18px; background: #f6f8fb; border: 1px solid rgba(23, 32, 51, 0.08); } .emr-cards article p { margin-bottom: 0; color: #526071; } .emr-grid-2 { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 16px; margin-top: 18px; } .emr-note { padding: 20px; border-radius: 18px; background: #f6f8fb; border: 1px solid rgba(23, 32, 51, 0.08); } .emr-note a { display: inline-flex; margin-top: 8px; font-weight: 800; } .emr-warning { background: #fff8ed; border-color: rgba(255, 138, 0, 0.22); } .emr-warning ul { margin-bottom: 14px; } .emr-norms { background: #f5fbf8; } .emr-small { font-size: 14px !important; color: #526071; } .emr-related { background: #f6f8fb; } .emr-related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 18px; } .emr-related-grid a { display: block; padding: 18px; border-radius: 18px; background: #ffffff; border: 1px solid rgba(23, 32, 51, 0.08); text-decoration: none !important; color: #172033 !important; box-shadow: 0 8px 24px rgba(23, 32, 51, 0.05); } .emr-related-grid strong { display: block; margin-bottom: 8px; font-size: 17px; } .emr-related-grid span { display: block; color: #526071; line-height: 1.45; } .emr-faq details { padding: 16px 18px; border-radius: 18px; background: #f6f8fb; border: 1px solid rgba(23, 32, 51, 0.08); margin-top: 10px; } .emr-faq summary { cursor: pointer; font-weight: 800; font-size: 17px; } .emr-faq details p { margin-top: 12px; margin-bottom: 0; color: #526071; } @media (max-width: 980px) { .emr-hero-grid, .emr-cards, .emr-grid-2, .emr-related-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 640px) { .emr-safehome-page { padding: 10px; } .emr-safehome-hero, .emr-section { border-radius: 18px; } .emr-hero-grid, .emr-cards, .emr-grid-2, .emr-related-grid { grid-template-columns: 1fr; } .emr-btn { width: 100%; } .emr-toc { display: block; } .emr-toc a { width: 100%; margin-top: 8px; } .emr-table-wrap table { min-width: 680px; } }/* End custom CSS */