.mk-legal-page { background: var(--clr-text); color: var(--clr-text-dark); } .mk-legal { padding: 138px 0 72px; background: var(--clr-text); } .mk-legal__body { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 56px; align-items: start; } .mk-legal-page .mk-legal__nav { position: sticky; top: 110px; align-self: start; max-height: calc(100vh - 130px); overflow-y: auto; padding-right: 30px; overscroll-behavior: contain; scrollbar-width: none; -ms-overflow-style: none; } .mk-legal-page .mk-legal__nav::-webkit-scrollbar { display: none; width: 0; height: 0; } .mk-legal__nav-title { margin: 0 0 16px; font-family: var(--ff-heading); font-size: var(--type-card-title); color: var(--clr-text-dark); } .mk-legal__nav-links { display: grid; gap: 2px; } .mk-legal__nav-links a { display: block; text-decoration: none; color: var(--clr-text-dark); font-size: var(--type-p); line-height: 1.45; padding: 8px 0; transition: color 0.2s ease; } .mk-legal__nav-links a:hover, .mk-legal__nav-links a:focus-visible { color: var(--clr-primary); } .mk-legal__nav-links a.is-subitem { padding-left: 14px; font-size: var(--type-meta); opacity: 0.82; } .mk-legal__content { min-width: 0; border-left: 1px solid rgba(0,0,0,0.08); padding: 0 0 0 90px; } .mk-legal__content-head { margin: 0 0 34px; } .mk-legal__title { margin-bottom: 20px; color: var(--clr-text-dark); } .mk-legal__meta { margin: 0 0 14px; color: rgba(17,24,39,0.62); font-size: var(--type-lead); font-style: italic; } .mk-legal__intro { margin: 0; max-width: 78ch; color: var(--clr-text-dark); font-size: var(--type-step-body); line-height: 1.7; } .mk-legal__section + .mk-legal__section { margin-top: 32px; padding-top: 32px; border-top: 1px solid rgba(0,0,0,0.08); } .mk-legal__content h2 { margin: 0 0 12px; color: var(--clr-text-dark); } .mk-legal__content h3 { margin: 22px 0 10px; color: var(--clr-text-dark); } .mk-legal__section h4 { color: var(--clr-text-dark); } .mk-legal__content p, .mk-legal__content li { color: var(--clr-text-dark); font-size: var(--type-p); line-height: var(--lh-base); } .mk-legal__content p { margin: 0 0 14px; } .mk-legal__content ul, .mk-legal__content ol { margin: 0 0 14px 20px; padding: 0; } .mk-legal__content li + li { margin-top: 8px; } .mk-legal__content a { color: var(--clr-primary); text-decoration: underline; text-underline-offset: 2px; } .mk-legal__content ul { list-style: disc; } .mk-legal__content ol { list-style: decimal; } .mk-legal__content ul li::marker, .mk-legal__content ol li::marker { color: var(--clr-primary); } .mk-sitemap-page .mk-legal { padding: 60px 0 96px; } .mk-sitemap__shell { width: 100%; max-width: none; } .mk-sitemap__head { max-width: 760px; margin: 0 0 56px; } .mk-sitemap__eyebrow { margin: 0 0 12px; color: var(--clr-primary); font-size: var(--type-meta); font-weight: 800; letter-spacing: .08em; line-height: 1.2; text-transform: uppercase; } .mk-sitemap-page .mk-sitemap__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; align-items: start; } .mk-sitemap-page .mk-sitemap__column { display: grid; gap: 0; min-width: 0; } .mk-sitemap-page .mk-sitemap__group { min-width: 0; margin-bottom: 12px; padding: 24px; border: 1px solid rgba(0,0,0,0.08); border-radius: 8px; background: #ffffff; } .mk-sitemap-page .mk-sitemap__group-head { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; } .mk-sitemap-page .mk-sitemap__group-head .material-icons-outlined { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: transparent; color: var(--clr-primary); font-size: 24px; line-height: 1; flex: 0 0 auto; } .mk-sitemap-page .mk-sitemap__group h2 { margin: 0; color: var(--clr-text-dark); font-size: var(--type-section-title); line-height: 1.2; } .mk-sitemap-page .mk-sitemap__links { display: grid; grid-template-columns: 1fr; gap: 0; margin: 0; padding: 0; list-style: none !important; } .mk-sitemap-page .mk-sitemap__links li { margin: 0 !important; padding: 0; list-style: none !important; } .mk-sitemap-page .mk-sitemap__links li + li { border-top: 1px solid rgba(0,0,0,0.08); } .mk-sitemap-page .mk-sitemap__links a { display: grid; gap: 4px; padding: 14px 0; color: var(--clr-text-dark); text-decoration: none; } .mk-sitemap-page .mk-sitemap__links a:hover strong, .mk-sitemap-page .mk-sitemap__links a:focus-visible strong { color: var(--clr-primary); } .mk-sitemap-page .mk-sitemap__links strong, .mk-sitemap-page .mk-sitemap__links small { display: block; } .mk-sitemap-page .mk-sitemap__links strong { color: inherit; font-size: var(--type-p); line-height: 1.35; transition: color 0.2s ease; } .mk-sitemap-page .mk-sitemap__links small { margin-top: 0; color: rgba(17,24,39,0.62); font-size: var(--type-meta); line-height: 1.45; } .mk-sitemap-page .mk-sitemap__links .material-icons-outlined { display: none; } .mk-legal-page .mk-legal__content .mk-legal__table-wrap { width: 100%; overflow-x: auto; margin: 22px 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .mk-legal-page .mk-legal__content table.mk-legal__table { width: 100%; min-width: 680px; margin: 0; padding: 0; border: 1px solid #d8dce2; border-collapse: collapse; border-spacing: 0; border-radius: 0; background: #ffffff; box-shadow: none; color: #333333; font-size: var(--type-meta); line-height: 1.55; } .mk-legal-page .mk-legal__content table.mk-legal__table thead, .mk-legal-page .mk-legal__content table.mk-legal__table tbody, .mk-legal-page .mk-legal__content table.mk-legal__table tr { background: transparent; border: 0; box-shadow: none; } .mk-legal-page .mk-legal__content table.mk-legal__table th, .mk-legal-page .mk-legal__content table.mk-legal__table td { padding: 12px 14px; border: 1px solid #d8dce2; background: #ffffff; box-shadow: none; color: #333333; text-align: left; vertical-align: top; } .mk-legal-page .mk-legal__content table.mk-legal__table th { background: #f6f7f9; color: #222222; font-weight: 700; white-space: nowrap; } .mk-legal-page .mk-legal__content table.mk-legal__table tr:nth-child(even), .mk-legal-page .mk-legal__content table.mk-legal__table tr:nth-child(odd), .mk-legal-page .mk-legal__content table.mk-legal__table tr:hover, .mk-legal-page .mk-legal__content table.mk-legal__table tbody tr:hover, .mk-legal-page .mk-legal__content table.mk-legal__table tbody tr:nth-child(even), .mk-legal-page .mk-legal__content table.mk-legal__table tbody tr:nth-child(odd) { background: transparent; box-shadow: none; } .mk-legal-page .mk-legal__content table.mk-legal__table tr:hover th, .mk-legal-page .mk-legal__content table.mk-legal__table tr:hover td { background: #ffffff; } .mk-legal-page .mk-legal__content table.mk-legal__table thead tr:hover th { background: #f6f7f9; } .mk-legal-page .mk-legal__content table.mk-legal__table code { display: inline; padding: 2px 5px; border: 1px solid #d8dce2; border-radius: 4px; background: #f6f7f9; box-shadow: none; color: #222222; font-size: 0.88em; white-space: nowrap; } .mk-legal-page .mk-legal__content table.mk-legal__table strong { color: #222222; font-weight: 700; } .mk-legal-page .mk-legal__content table.mk-legal__table a { color: var(--clr-primary); font-weight: inherit; text-decoration: underline; text-underline-offset: 2px; }