.data-policy { padding-bottom: 72px; }
.data-policy__hero { min-height: 236px; align-items: end; }
.data-policy__hero > div { max-width: 760px; }
.data-policy__date { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; padding: 9px 12px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; background: rgba(255,255,255,.1); color: #e3e9f4; font-size: 12px; white-space: nowrap; }
.data-policy__highlights { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-bottom: 28px; }
.data-policy__highlight { display: flex; align-items: flex-start; gap: 13px; min-height: 108px; padding: 18px; border: 1px solid #e2e6ee; border-radius: 13px; background: #fff; box-shadow: 0 8px 24px rgba(32,44,67,.035); }
.data-policy__highlight > i { display: grid; place-items: center; flex: 0 0 38px; height: 38px; border-radius: 10px; color: #514ec2; background: #f0effb; font-size: 19px; }
.data-policy__highlight strong { display: block; margin: 1px 0 5px; color: #273247; font-size: 14px; font-weight: 650; }
.data-policy__highlight p { margin: 0; color: #607086; font-size: 12.5px; line-height: 1.48; }
.data-policy__layout { display: grid; grid-template-columns: minmax(210px, 236px) minmax(0, 1fr); align-items: start; gap: 22px; }
.data-policy__toc { position: sticky; top: 90px; display: grid; gap: 2px; padding: 16px 12px; border: 1px solid #e2e6ee; border-radius: 13px; background: #fff; box-shadow: 0 8px 24px rgba(32,44,67,.03); }
.data-policy__toc > strong { padding: 3px 10px 10px; color: #273247; font-size: 11px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.data-policy__toc a { display: flex; align-items: baseline; gap: 10px; padding: 8px 10px; border-radius: 8px; color: #596a7e; font-size: 12.5px; line-height: 1.3; text-decoration: none; }
.data-policy__toc a span { color: #918fb0; font-size: 10px; font-weight: 700; }
.data-policy__toc a:hover, .data-policy__toc a:focus-visible { color: #4441aa; background: #f0effb; }
.data-policy__sections { display: grid; gap: 12px; min-width: 0; }
.data-policy__section { scroll-margin-top: 90px; padding: clamp(20px, 2.4vw, 29px); border: 1px solid #e1e6ed; border-radius: 13px; background: #fff; box-shadow: 0 9px 26px rgba(32,44,67,.035); }
.data-policy__section:target { border-color: #9b99d3; box-shadow: 0 0 0 3px rgba(94,91,200,.1); }
.data-policy__section-head { display: flex; align-items: center; gap: 13px; margin-bottom: 13px; }
.data-policy__section-icon { display: grid; place-items: center; flex: 0 0 43px; height: 43px; border-radius: 11px; color: #5552c3; background: #f0effb; font-size: 20px; }
.data-policy__number { display: block; margin-bottom: 2px; color: #7976ba; font-size: 10px; font-weight: 700; letter-spacing: .09em; }
.data-policy__section h2 { margin: 0; color: #253951; font-size: clamp(17px, 1.8vw, 20px); font-weight: 660; line-height: 1.22; }
.data-policy__section p { margin: 0; color: #536579; font-size: 14px; line-height: 1.62; }
.data-policy__section ul { display: grid; gap: 9px; margin: 12px 0 0; padding-left: 20px; color: #536579; font-size: 13.7px; line-height: 1.57; }
.data-policy__section li::marker { color: #6865c8; }
.data-policy__ai-boundary { margin-top: 15px; padding: 14px 16px; border: 1px solid #d8e7e4; border-radius: 10px; background: #f3faf8; }
.data-policy__ai-boundary strong { display: block; margin-bottom: 5px; color: #275e59; font-size: 13px; }
.data-policy__section .data-policy__ai-boundary p { color: #385b58; font-size: 13px; line-height: 1.55; }
.data-policy__emphasis { color: #253951; font-weight: 750; background: linear-gradient(transparent 76%, rgba(94,91,200,.17) 0); -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.content-policy .data-policy__emphasis { color: #24545a; background-image: linear-gradient(transparent 76%, rgba(20,124,131,.17) 0); }
.data-policy .data-policy__action-link { display: inline-flex; align-items: center; gap: 7px; margin-top: 15px; color: #4c49b7; font-size: 13px; font-weight: 650; text-decoration: underline; text-underline-offset: 3px; }
.data-policy .data-policy__action-link:hover { color: #35329a; }
.data-policy__contact { display: flex; align-items: center; justify-content: space-between; gap: 26px; margin-top: 24px; padding: 27px 30px; border: 1px solid #cfd1f0; border-radius: 15px; background: linear-gradient(125deg, #eeefff, #f8f7ff); }
.data-policy__contact > div:first-child > i { color: #514ec2; font-size: 22px; }
.data-policy__contact h2 { margin: 6px 0; color: #273247; font-size: 19px; font-weight: 650; }
.data-policy__contact p { max-width: 620px; margin: 0; color: #596b80; font-size: 13px; line-height: 1.5; }
.data-policy__law { display: inline-flex; align-items: center; gap: 7px; margin-top: 12px; color: #4c49b7; font-size: 12px; line-height: 1.35; text-decoration: underline; text-underline-offset: 2px; }
.data-policy__contact-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 9px; }
.data-policy__contact-actions a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 10px 14px; border-radius: 9px; font-size: 12.5px; font-weight: 620; text-decoration: none; }
.data-policy__primary { color: #fff; background: #202c43; }
.data-policy__primary:hover { color: #fff; background: #34405a; }
.data-policy__secondary { border: 1px solid #c9c8e9; color: #4c49b7; background: #fff; }
.data-policy__secondary:hover { color: #35329a; background: #f8f7ff; }
.content-policy .public-faq__hero { background: linear-gradient(110deg, rgba(25,44,62,.99), rgba(34,61,79,.94) 58%, rgba(38,72,88,.78)), url("../img/mdb-career-hero.webp") center / cover; }
.content-policy .public-faq__eyebrow { color: #b9e6e7; }
.content-policy .data-policy__highlight > i, .content-policy .data-policy__section-icon { color: #147c83; background: #eaf7f5; }
.content-policy .data-policy__number, .content-policy .data-policy__toc a span { color: #528b91; }
.content-policy .data-policy__section:target { border-color: #65aaa9; box-shadow: 0 0 0 3px rgba(20,124,131,.11); }
.content-policy .data-policy__toc a:hover, .content-policy .data-policy__toc a:focus-visible { color: #136b72; background: #eaf7f5; }
.content-policy__inline-link { display: inline-flex; align-items: center; gap: 7px; margin-top: 14px; color: #136b72; font-size: 13px; font-weight: 620; text-decoration: underline; text-underline-offset: 3px; }
.content-policy__inline-link:hover { color: #0c4e53; }
.content-policy__note { display: flex; gap: 10px; margin-top: 16px !important; padding: 13px 15px; border-left: 3px solid #52a6a5; border-radius: 0 9px 9px 0; background: #eff8f7; color: #345d63 !important; font-size: 12.5px !important; line-height: 1.5 !important; }
.content-policy__note i { flex: 0 0 auto; color: #147c83; font-size: 15px; }
.content-policy .data-policy__contact { border-color: #cfe5e3; background: linear-gradient(125deg, #edf9f7, #f8fbfb); }
.content-policy .data-policy__contact > div:first-child > i { color: #147c83; }
.content-policy .data-policy__secondary { border-color: #b9d8d6; color: #136b72; }
.content-policy .data-policy__secondary:hover { color: #0c4e53; background: #f3fbfa; }
.role-candidate .data-policy--portal { min-height: 0; padding: 0 0 48px; }
.role-candidate .data-policy--portal .public-faq__hero { margin-bottom: 20px; }
.role-candidate .data-policy--portal .data-policy__toc { top: 82px; }
.role-candidate .data-policy--portal .data-policy__section { scroll-margin-top: 82px; }
@media (max-width: 970px) { .data-policy__layout { grid-template-columns: minmax(185px, 210px) minmax(0, 1fr); gap: 14px; } .data-policy__contact { align-items: flex-start; flex-direction: column; } }
@media (max-width: 760px) { .data-policy__hero { align-items: flex-start; } .data-policy__highlights { grid-template-columns: minmax(0, 1fr); gap: 9px; } .data-policy__highlight { min-height: 0; } .data-policy__layout { grid-template-columns: minmax(0, 1fr); } .data-policy__toc { position: static; display: flex; flex-wrap: wrap; gap: 4px; } .data-policy__toc > strong { flex-basis: 100%; } .data-policy__toc a { border: 1px solid #e5e7ed; } }
@media (max-width: 540px) { .data-policy { padding-bottom: 48px; } .data-policy__hero { gap: 16px; } .data-policy__date { white-space: normal; } .data-policy__section { padding: 19px; } .data-policy__contact { padding: 22px; } .data-policy__contact-actions { flex-wrap: wrap; width: 100%; } .data-policy__contact-actions a { flex: 1 1 130px; } }
