body.computer-cleanup-legal {
    min-height: 100vh;
    background: var(--bg);
    color: #1a1a1a;
}

.computer-cleanup-legal .legal-container {
    max-width: 720px;
    margin: 0 auto;
    padding: 3rem 2rem;
}

.computer-cleanup-legal .legal-container .logo-link {
    display: block;
    text-align: center;
    margin-bottom: 2rem;
}

.computer-cleanup-legal .legal-container .logo {
    max-width: 180px;
    width: 45vw;
    height: auto;
}

.computer-cleanup-legal .legal-container h1 {
    font-size: 1.8rem;
    margin-bottom: 0.3rem;
}

.computer-cleanup-legal .legal-container .meta {
    font-size: 0.85rem;
    color: #999;
    margin-bottom: 2rem;
}

.computer-cleanup-legal .legal-container h2 {
    font-size: 1.2rem;
    margin-top: 2rem;
    margin-bottom: 0.6rem;
}

.computer-cleanup-legal .legal-container h3 {
    font-size: 1.05rem;
    margin-top: 1.2rem;
    margin-bottom: 0.4rem;
}

.computer-cleanup-legal .legal-container p,
.computer-cleanup-legal .legal-container li {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #333;
    margin-bottom: 0.8rem;
}

.computer-cleanup-legal .legal-container ul,
.computer-cleanup-legal .legal-container ol {
    padding-left: 1.5rem;
    margin-bottom: 0.8rem;
}

.computer-cleanup-legal .legal-container ol[type="a"] {
    list-style-type: lower-alpha;
}

.computer-cleanup-legal .legal-container a {
    color: #1a1a1a;
    text-decoration: underline;
}

.computer-cleanup-legal .legal-container a:hover {
    color: #666;
}

.computer-cleanup-legal .caps {
    text-transform: uppercase;
    font-size: 0.9rem;
    line-height: 1.6;
}

.computer-cleanup-legal .email-protect {
    unicode-bidi: bidi-override;
    direction: rtl;
}

.computer-cleanup-legal .bold-intro {
    font-weight: 600;
}

.computer-cleanup-legal .headline-banner {
    font-weight: 700;
    font-size: 1rem;
    color: #1a1a1a;
    background: var(--soft);
    border-left: 3px solid #1a1a1a;
    padding: 0.9rem 1.1rem;
    margin-bottom: 1.6rem;
    line-height: 1.5;
}

.computer-cleanup-legal .copyright {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #eee;
    font-size: 0.85rem;
    color: #999;
}

.computer-cleanup-legal .brand img {
    width: 42px;
    height: 42px;
}

.computer-cleanup-legal .footer-bottom.container {
    padding: 1.5rem 1.5rem 0;
}

/* CC topbar download/store buttons + Microsoft tile.
   Ported from computer-cleanup.css so the legal pages render the same CTA
   styling without pulling in the whole CC home stylesheet. */
.computer-cleanup-legal .btn {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.85rem 1.6rem;
    font-size: 0.95rem;
    font-weight: 600;
    border-radius: 999px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: transform 120ms ease, background 120ms ease, box-shadow 120ms ease;
}
.computer-cleanup-legal .btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(0, 120, 212, 0.18);
}
.computer-cleanup-legal .btn-windows {
    background: var(--blue);
    color: #fff;
    border-color: var(--blue);
}
.computer-cleanup-legal .btn-windows:hover {
    background: var(--blue-hover);
    color: #fff;
    border-color: var(--blue-hover);
}
.computer-cleanup-legal .btn-store {
    background: #fff;
    color: var(--ink);
    border-color: #d8d8d4;
}
.computer-cleanup-legal .btn-store:hover {
    color: var(--ink);
    border-color: var(--ink);
}
.computer-cleanup-legal .btn-download {
    padding: 0.55rem 1.1rem;
    font-size: 0.88rem;
}
.computer-cleanup-legal .topbar .btn-download {
    margin-left: 1rem;
}
.computer-cleanup-legal .topbar .btn-store {
    margin-left: 0;
    padding: 0.55rem 0.95rem;
    font-size: 0.88rem;
}
.computer-cleanup-legal .ms-tile {
    display: inline-grid;
    grid-template-columns: 8px 8px;
    grid-template-rows: 8px 8px;
    gap: 2px;
    flex: 0 0 auto;
}
.computer-cleanup-legal .ms-tile span { display: block; }
.computer-cleanup-legal .ms-tile .r { background: #F25022; }
.computer-cleanup-legal .ms-tile .g { background: #7FBA00; }
.computer-cleanup-legal .ms-tile .b { background: #00A4EF; }
.computer-cleanup-legal .ms-tile .y { background: #FFB900; }
@media (max-width: 720px) {
    .computer-cleanup-legal .topbar .btn-download { margin-left: auto; }
}