/* Styles for Views/Home/Privacy.cshtml */
.privacy-shell {
    max-width:1050px;
    margin:30px auto 70px;
    display:grid;
    grid-template-columns:220px minmax(0,1fr);
    gap:28px;
    align-items:start
}

.privacy-mark {
    padding:28px;
    border-radius:26px;
    background:linear-gradient(145deg,var(--home-accent),#d99173);
    color:white;
    position:sticky;
    top:120px;
    box-shadow:0 20px 40px #7c352625
}

.privacy-mark span {
    font-size:3rem;
    display:block;
    margin-bottom:14px
}

.privacy-mark p {
    opacity:.9;
    line-height:1.8
}

.privacy-body {
    background:var(--home-surface);
    border:1px solid var(--home-border);
    border-radius:26px;
    padding:clamp(24px,4vw,54px);
    box-shadow:var(--home-shadow)
}

.privacy-body h1 {
    font-size:clamp(1.8rem,3vw,2.5rem);
    margin-bottom:12px
}

.privacy-body .privacy-date {
    color:var(--home-muted);
    font-size:.85rem;
    border-bottom:1px solid var(--home-border);
    padding-bottom:24px;
    margin-bottom:28px
}

.privacy-body h2 {
    font-size:1.2rem;
    margin:30px 0 10px;
    color:var(--home-accent)
}

.privacy-body p {
    line-height:2;
    white-space:pre-line;
    color:var(--home-text);
    margin-bottom:18px
}

@media(max-width:750px) {
    .privacy-shell {
        grid-template-columns:1fr
    }

    .privacy-mark {
        position:static
    }

    .privacy-mark span {
        font-size:2rem
    }

}