.my-left-column { flex: 1; background-color: #ffffff; padding: 32px 40px 0px 32px; }
.my-right-column { width: 240px; background-color: #f1f5f8; padding: 32px; display: flex; flex-direction: column; gap: 12px; }
.my-right-column .my-more-title { font-size: 12px; font-weight: 600; color: #0a2540; margin-bottom: 8px; text-transform: uppercase; }
.my-right-column a { font-size: 14px; color: #0a2540; text-decoration: none; }
.my-right-column a:hover { color: #0073e6; }
.my-section { margin-bottom: 24px; }
.my-section-title { font-size: 12px; font-weight: 600; color: #0a2540; text-transform: uppercase; line-height: 1.4; margin-bottom: 10px; }
.my-section-content { display: flex; gap: 40px; }
.my-column { display: flex; flex-direction: column; gap: 10px; flex: 1; }
.my-menu-item { display: flex; align-items: flex-start; gap: 12px; text-decoration: none; color: #0a2540; }
.my-menu-item:hover { opacity: 0.85; }
.my-menu-item img { width: 28px; height: 28px; flex-shrink: 0; margin-top: 2px; }
.my-menu-text { display: flex; flex-direction: column; line-height: 1.3; }
.my-menu-text .my-title { font-size: 14px; font-weight: 600; color: #0a2540; margin: 0; }
.my-menu-text .my-subtitle { font-size: 13px; color: #0a2540; opacity: 0.5; margin-top: 2px; }
.my-divider { width: 100%; height: 1px; background-color: #f1f5f8; margin: 14px 0; }
Integraties API voor ontwikkelaars Certificeringen
