.page-terms .terms-main {
    padding-bottom: var(--space-80);
}

.page-terms .legal-layout {
    padding-top: var(--space-64);
    padding-bottom: var(--space-80);
}

.page-terms .legal-shell {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: var(--space-32);
    align-items: start;
}

.page-terms .legal-rail {
    position: sticky;
    top: calc(72px + var(--space-24));
    display: grid;
    gap: var(--space-24);
    padding: var(--space-24);
    background: var(--home-panel-strong);
    border-radius: var(--home-radius-lg);
    box-shadow: 0 18px 40px rgba(17, 21, 23, 0.08);
}

.page-terms .legal-toc {
    display: grid;
    gap: var(--space-8);
}

.page-terms .legal-toc a {
    display: block;
    padding: var(--space-12) 0;
    color: var(--home-muted);
    font-size: 0.96rem;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.24s ease;
}

.page-terms .legal-toc a:hover,
.page-terms .legal-toc a.is-active {
    color: var(--home-ink);
}

.page-terms .legal-article {
    display: grid;
    gap: var(--space-32);
    padding: var(--space-32);
    background: var(--home-panel-strong);
    border-radius: var(--home-radius-lg);
    box-shadow: 0 18px 40px rgba(17, 21, 23, 0.08);
}

.page-terms .terms-meta {
    margin: 0;
    color: var(--home-muted);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.page-terms .terms-block {
    display: grid;
    gap: var(--space-16);
    scroll-margin-top: 120px;
}

.page-terms .terms-block h2 {
    margin: 0;
    font-size: 1.55rem;
    line-height: 1.2;
    letter-spacing: -0.03em;
}

.page-terms .terms-block p,
.page-terms .terms-block ul {
    margin: 0;
    max-width: 48rem;
    color: var(--home-muted);
    line-height: 1.7;
}

.page-terms .terms-block ul {
    padding-left: 1.25rem;
    display: grid;
    gap: var(--space-8);
}

.page-terms .terms-block a {
    color: var(--home-ink);
    text-decoration: none;
}

.page-terms .terms-block a:hover {
    color: var(--home-accent);
}

@media (max-width: 1180px) {
    .page-terms .legal-shell {
        grid-template-columns: 1fr;
    }

    .page-terms .legal-rail {
        position: static;
    }
}

@media (max-width: 720px) {
    .page-terms .legal-rail,
    .page-terms .legal-article {
        padding: var(--space-24);
    }
}
