Diversion Safes

About

#diversion-safes-content, #diversion-safes-content * { box-sizing: border-box; } #diversion-safes-content { max-width: 1100px; margin: 24px auto 32px; padding: 0 12px 24px; font-size: 15px; line-height: 1.6; color: #111827; } #diversion-safes-content h1 { font-size: 28px; margin: 0 0 10px; text-align: center; } #diversion-safes-content h2 { font-size: 26px; margin: 24px 0 10px; } #diversion-safes-content h3 { font-size: 20px; margin: 20px 0 8px; } #diversion-safes-content p { margin: 0 0 12px; } #diversion-safes-content ul { margin: 0 0 12px 18px; padding: 0; } #diversion-safes-content li { margin-bottom: 4px; } /* Video block – same pattern as biometric page */ #diversion-safes-content .bio-video-block { margin: 28px 0 8px; } #diversion-safes-content .bio-video-embed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 8px; box-shadow: 0 6px 18px rgba(0,0,0,.12); margin-bottom: 10px; } #diversion-safes-content .bio-video-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } /* Two videos side by side on desktop */ #diversion-safes-content .diversion-video-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 12px; } /* FAQ layout (same as biometric/floor) */ #diversion-safes-content .bio-faq details { border: 1px solid #e5e7eb; border-radius: 8px; padding: 10px 12px; margin-bottom: 10px; background: #f9fafb; } #diversion-safes-content .bio-faq summary { cursor: pointer; font-weight: 600; list-style: none; } #diversion-safes-content .bio-faq summary::-webkit-details-marker { display: none; } #diversion-safes-content .bio-faq summary::before { content: "+"; display: inline-block; margin-right: 6px; font-weight: 700; color: #2f6e9a; } #diversion-safes-content .bio-faq details[open] summary::before { content: "–"; } #diversion-safes-content .bio-faq p { margin-top: 8px; } @media (max-width: 768px) { #diversion-safes-content .diversion-video-grid { grid-te