.data-types-page{max-width:1050px;margin:32px auto;padding:45px 52px;border:1px solid #dbe3e2;background:#fff;box-shadow:0 14px 40px rgba(23,52,56,.07)}.data-types-page>header>span,.sensitive-data header>span{color:#08746f;font-size:8px;font-weight:800;letter-spacing:.15em}.data-types-page>header h1{max-width:780px;margin:10px 0;color:#17353a;font:500 35px/1.15 Georgia,serif}.data-types-page>header p{max-width:810px;margin:0;color:#6b7d81;font-size:12px;line-height:1.65}.data-definition{margin:25px 0;padding:16px 18px;border-left:3px solid #08746f;background:#eef7f5}.data-definition b{font-size:11px}.data-definition p{margin:5px 0 0;color:#617579;font-size:10px;line-height:1.55}.data-types-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.data-types-grid article{position:relative;padding:22px 22px 20px;border:1px solid #dce4e3}.data-types-grid article>span{position:absolute;right:17px;top:14px;color:#d1dcda;font:23px Georgia,serif}.data-types-grid h2{margin:0 0 13px;color:#213d42;font-size:13px}.data-types-grid ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.data-types-grid li{position:relative;padding-left:13px;color:#65787c;font-size:10px}.data-types-grid li:before{content:'·';position:absolute;left:0;color:#08746f;font-weight:800}.sensitive-data{margin-top:13px;padding:24px;background:#12383d;color:#fff}.sensitive-data header{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.sensitive-data header>span{grid-column:1/-1;color:#71d0c8}.sensitive-data h2{margin:7px 0;font:500 22px Georgia,serif}.sensitive-data header p{margin:8px 0;color:#ffffffa8;font-size:10px;line-height:1.5}.sensitive-data>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.sensitive-data>div span{padding:7px 9px;border:1px solid #ffffff2f;background:#ffffff0c;font-size:9px}.data-types-page>footer{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding-top:20px;border-top:1px solid #dce4e3}.data-types-page>footer>a{color:#5c7074;text-decoration:none;font-size:9px}.data-types-page>footer>.data-types-start{padding:12px 16px;background:#08746f;color:#fff;font-weight:800}@media(max-width:700px){.data-types-page{margin:12px 8px;padding:30px 21px}.data-types-page>header h1{font-size:28px}.data-types-grid{grid-template-columns:1fr}.sensitive-data header{grid-template-columns:1fr}.data-types-page>footer{align-items:stretch;flex-direction:column;gap:12px}.data-types-page>footer>a{text-align:center}}
