.legal-page{--legal-ink:#17212b;--legal-muted:#66757d;--legal-line:#e3eaec;--legal-teal:#14998d;--legal-orange:#f45a1c;background:#fff;color:var(--legal-ink)}
.legal-main{width:min(1080px,calc(100% - 40px));margin:0 auto;padding:28px 0 38px}.legal-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);min-height:360px;align-items:center;border-bottom:1px solid #edf1f2;overflow:hidden}.legal-breadcrumb{font-size:12px;color:#178f85;margin-bottom:16px}.legal-breadcrumb a{color:inherit;text-decoration:none}.legal-hero h1{font-size:44px;line-height:1.02;margin:0 0 12px;letter-spacing:-1.4px}.legal-hero h1 em{font-style:normal;color:var(--legal-orange)}.legal-lead{font-size:17px;line-height:1.5;color:#278e87;font-weight:700;margin:0 0 13px}.legal-intro{max-width:570px;font-size:14px;line-height:1.7;color:#48565e;margin:0}.legal-note{display:flex;gap:13px;align-items:center;margin-top:20px;padding:12px 15px;border-radius:13px;background:#f2faf7;border:1px solid #e0f2ec;max-width:520px}.legal-note i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ddf4ea;color:#168c7f;font-style:normal;font-size:20px}.legal-note b{display:block;font-size:13px;margin-bottom:2px}.legal-note span{display:block;font-size:12px;color:#637178;line-height:1.4}.legal-hero-art{align-self:stretch;display:flex;align-items:center;justify-content:flex-end;position:relative}.legal-hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.25) 20%,rgba(236,248,255,.35) 100%);border-radius:0 0 26px 26px}.legal-hero-art img{position:relative;z-index:1;width:100%;max-height:355px;object-fit:cover;object-position:center right;mix-blend-mode:multiply}.legal-sections{display:grid;gap:14px;padding-top:24px}.legal-card{display:grid;grid-template-columns:92px minmax(0,1fr) 220px;gap:24px;align-items:center;border:1px solid var(--legal-line);border-radius:16px;padding:22px 24px;background:#fff;box-shadow:0 8px 26px rgba(34,64,78,.045)}.legal-card.compact-art{grid-template-columns:92px minmax(0,1fr) 180px}.legal-num{align-self:start;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e7f6f2;color:#147f75;font-size:19px;font-weight:800}.legal-card:nth-child(even) .legal-num{background:#fff0e8;color:#e9561e}.legal-card h2{font-size:21px;line-height:1.25;margin:0 0 12px}.legal-card p,.legal-card li{font-size:13px;line-height:1.62;color:#36464f}.legal-card p{margin:0 0 9px}.legal-card p:last-child{margin-bottom:0}.legal-card ul{margin:7px 0 8px;padding-left:19px}.legal-card li{margin:4px 0}.legal-card li::marker{color:#13a28e}.legal-card-art{display:flex;justify-content:center;align-items:center}.legal-card-art img{display:block;max-width:100%;max-height:170px;object-fit:contain;mix-blend-mode:multiply}.legal-callout{margin-top:16px;display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center;border:1px solid #f3e4d7;background:linear-gradient(90deg,#fff9f3,#fffdf9);border-radius:16px;padding:18px 24px}.legal-callout img{max-width:170px;max-height:95px;object-fit:contain;mix-blend-mode:multiply}.legal-callout h2{font-size:20px;color:#e95a1e;margin:0 0 6px}.legal-callout p{margin:0;color:#56646b;font-size:13px;line-height:1.6}.legal-updated{margin:18px 0 0;text-align:right;color:#849096;font-size:11px}.privacy-page .legal-note{background:#f2f8ff;border-color:#e0edf8}.privacy-page .legal-note i{background:#e5f2ff;color:#397da0}.privacy-page .legal-card:nth-child(even) .legal-num{background:#eaf3ff;color:#397da0}
@media(max-width:900px){.legal-main{width:min(100% - 28px,760px)}.legal-hero{grid-template-columns:1fr;min-height:0}.legal-hero-copy{padding:14px 4px 0}.legal-hero-art{height:280px;justify-content:center}.legal-hero-art img{max-height:280px;object-position:center}.legal-card,.legal-card.compact-art{grid-template-columns:52px minmax(0,1fr) 150px;gap:14px;padding:18px}.legal-card-art img{max-height:130px}.legal-hero h1{font-size:38px}}
@media(max-width:620px){.legal-main{width:calc(100% - 24px);padding-top:12px}.legal-hero h1{font-size:34px}.legal-lead{font-size:15px}.legal-hero-art{height:215px}.legal-hero-art img{max-height:215px}.legal-sections{gap:10px;padding-top:14px}.legal-card,.legal-card.compact-art{grid-template-columns:42px 1fr;padding:15px 14px;gap:8px 12px}.legal-num{width:36px;height:36px;font-size:16px}.legal-card-copy{grid-column:2}.legal-card-art{grid-column:1/-1;display:none}.legal-card h2{font-size:18px;margin-bottom:8px}.legal-card p,.legal-card li{font-size:13px}.legal-callout{grid-template-columns:1fr;padding:16px}.legal-callout img{display:none}.legal-updated{text-align:left}}
/* v2: header is intentionally NOT restyled here — index.php styles own it. */

/* Hero proportions matched to the approved compact legal-page mockup. */
.legal-page .legal-main{padding-top:18px}
.legal-page .legal-hero{
    grid-template-columns:minmax(0,1fr) minmax(390px,.96fr);
    min-height:300px;
}
.legal-page .legal-hero-copy{padding:18px 0 22px}
.legal-page .legal-hero-art{
    height:300px;
    min-height:300px;
    align-self:center;
    overflow:hidden;
}
.legal-page .legal-hero-art:before{
    background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.82) 9%,rgba(255,255,255,.22) 27%,rgba(236,248,255,.22) 100%);
}
.legal-page .legal-hero-art img{
    width:100%;
    height:300px;
    max-height:300px;
    object-fit:cover;
    object-position:center;
}
@media(max-width:900px){
    .legal-page .legal-hero{grid-template-columns:1fr}
    .legal-page .legal-hero-art{height:245px;min-height:245px}
    .legal-page .legal-hero-art img{height:245px;max-height:245px}
}
@media(max-width:620px){
    .legal-page .legal-main{padding-top:10px}
    .legal-page .legal-hero-art{height:190px;min-height:190px}
    .legal-page .legal-hero-art img{height:190px;max-height:190px}
}


/* v3 — compact centered legal layout, aligned with the visual width of the footer */
.legal-page .legal-main{
    width:min(1080px,calc(100% - 40px))!important;
    max-width:1080px!important;
    margin:0 auto!important;
    padding:22px 0 38px!important;
}
.legal-page .legal-hero{
    width:100%;
    grid-template-columns:minmax(0,1fr) minmax(360px,500px)!important;
    min-height:0!important;
    padding:14px 20px 18px 24px;
    box-sizing:border-box;
    align-items:center;
}
.legal-page .legal-hero-copy{
    padding:10px 20px 10px 0!important;
}
.legal-page .legal-hero-art{
    width:100%;
    height:270px!important;
    min-height:0!important;
    max-height:270px!important;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:visible!important;
}
.legal-page .legal-hero-art:before{
    inset:-8px -8px -8px -70px;
    border-radius:24px;
    background:linear-gradient(90deg,
        #fff 0%,
        rgba(255,255,255,.96) 15%,
        rgba(255,255,255,.72) 29%,
        rgba(255,255,255,.20) 48%,
        rgba(236,248,255,.12) 100%)!important;
    pointer-events:none;
}
.legal-page .legal-hero-art img{
    display:block;
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:270px!important;
    object-fit:contain!important;
    object-position:center!important;
}
.legal-page .legal-sections,
.legal-page .legal-callout,
.legal-page .legal-updated{
    width:100%;
    box-sizing:border-box;
}
.legal-page .legal-breadcrumb{display:none!important}

@media(max-width:900px){
    .legal-page .legal-main{
        width:min(760px,calc(100% - 28px))!important;
    }
    .legal-page .legal-hero{
        grid-template-columns:1fr!important;
        padding:12px 16px 16px;
    }
    .legal-page .legal-hero-copy{padding:8px 0 4px!important}
    .legal-page .legal-hero-art{
        height:230px!important;
        max-height:230px!important;
    }
    .legal-page .legal-hero-art img{max-height:230px!important}
    .legal-page .legal-hero-art:before{
        inset:-20px -10px -8px -10px;
        background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.70) 16%,rgba(255,255,255,.10) 45%,rgba(236,248,255,.10) 100%)!important;
    }
}
@media(max-width:620px){
    .legal-page .legal-main{
        width:calc(100% - 24px)!important;
        padding-top:10px!important;
    }
    .legal-page .legal-hero{padding:8px 10px 12px}
    .legal-page .legal-hero-art{
        height:185px!important;
        max-height:185px!important;
    }
    .legal-page .legal-hero-art img{max-height:185px!important}
}

/* width-restore: preserve approved v3 container geometry; only use final baked-fade hero art */
.legal-page .legal-hero-art:before{display:none!important}
.legal-page .legal-hero-art img{mix-blend-mode:normal!important;object-fit:contain!important;object-position:center!important}