/* Legal pages (privacy policy) - Ethernet Status */

.legal-hero {
    background: #0c526c;
    background: linear-gradient(135deg, #0c526c 0%, #1e5799 45%, #3d7eaa 72%, #6e48aa 100%);
    padding-top: 112px;
    padding-bottom: 62px;
}
.legal-hero .navbar { margin-bottom: 0; }
.legal-hero-text { color: #fff; }
.legal-hero-text h1 {
    color: #fff;
    margin: 0 0 14px;
}
.legal-hero-text .legal-lede {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
    opacity: .9;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    margin: 0;
}
.legal-main { background: #fff; padding: 0 0 72px; }
.legal-col { max-width: 800px; margin: 0 auto; }

.legal-toc {
    background: #eaeff4; border: 1px solid #d3dce4; border-radius: 6px;
    padding: 26px 32px 20px; margin: -36px 0 46px;
    box-shadow: 0 8px 26px rgba(12,82,108,.13);
}
.legal-toc h4 {
    font-size: 12px; letter-spacing: .15em; font-weight: 600;
    text-transform: uppercase; color: #0c526c; margin: 0 0 16px;
}
.legal-toc ol { list-style: none; padding: 0; margin: 0; column-count: 2; column-gap: 36px; }
.legal-toc li { margin-bottom: 10px; break-inside: avoid; }
.legal-toc a { color: #2f3b47; font-size: 14.5px; text-decoration: none; font-weight: 500; }
.legal-toc a:hover { color: #1e5799; }
.toc-num { display: inline-block; width: 23px; color: #6d7d8b; font-weight: 600; }

.legal-col .legal-prose p { font-size: 15.5px; line-height: 1.82; color: #555; margin-bottom: 17px; }
.legal-col .legal-prose p b { color: #2c3540; font-weight: 600; }
.legal-col .legal-prose a { color: #1e5799; border-bottom: 1px solid rgba(30,87,153,.3); }
.legal-col .legal-prose a:hover { color: #6e48aa; text-decoration: none; }

.legal-sec { padding-top: 16px; margin-top: 32px; scroll-margin-top: 20px; border-top: 1px solid #eef1f4; }
.legal-sec h2 {
    font-size: 20px; font-weight: 600;
    color: #182848; margin: 0 0 18px; display: flex; align-items: center; line-height: 1.35;
}
.legal-num {
    flex: 0 0 34px; width: 34px; height: 34px; margin-right: 15px;
    border-radius: 50%; background: linear-gradient(135deg, #1e5799, #6e48aa);
    color: #fff; font-size: 14px; font-weight: 500;
    display: inline-flex; align-items: center; justify-content: center;
}
.legal-sec h3 {
    font-size: 16px; font-weight: 600;
    color: #0c526c; margin: 27px 0 12px; padding-left: 13px; border-left: 3px solid #3abe41;
}

.legal-col .legal-prose p.legal-updated {
    margin-top: 34px;
    padding-top: 18px;
    border-top: 1px solid #eef1f4;
    font-size: 13px;
    line-height: 1.6;
    color: #98a3ab;
}

.legal-col .legal-prose p.legal-updated b {
    color: #98a3ab;
    font-weight: 600;
}


@media (max-width: 767px) {
    .legal-hero { padding-top: 92px; padding-bottom: 50px; }
    .legal-hero-text h1 { font-size: 31px; }
    .legal-toc ol { column-count: 1; }
    .legal-toc { margin-top: -22px; padding: 22px 24px; }
}