/*
 * privacy-policy.css — Privacy Policy page components
 * Loaded only on page-privacy-policy.php (see functions.php). Relies on
 * the design tokens (--color-*, --font-*, --space-*) declared in
 * style.css, which is enqueued as a dependency before this file.
 */

.nico-legal-page {
    max-width: 720px;
    padding-top: 128px;
    padding-bottom: 128px;
}

.nico-legal-page__title {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 28px;
    color: var(--color-primary);
    margin-bottom: 48px;
}

@media (min-width: 768px) {
    .nico-legal-page__title { font-size: 32px; }
}

/* ==========================================================================
   Content (the_content — generic element styling since this is raw
   block-editor output, not our own markup)
   ========================================================================== */
.nico-legal-content {
    color: var(--color-on-surface);
    font-size: 15px;
    line-height: 1.9;
}

.nico-legal-content > * + * {
    margin-top: 24px;
}

.nico-legal-content h2,
.nico-legal-content h3 {
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 17px;
    color: var(--color-primary);
    margin-top: 48px;
    margin-bottom: 8px;
}

.nico-legal-content h2:first-child,
.nico-legal-content h3:first-child {
    margin-top: 0;
}

.nico-legal-content p {
    color: var(--color-on-surface-variant);
}

.nico-legal-content a {
    color: var(--color-secondary);
    text-decoration: underline;
}

.nico-legal-content ol,
.nico-legal-content ul {
    padding-left: 1.4em;
    color: var(--color-on-surface-variant);
}

.nico-legal-content li + li {
    margin-top: 12px;
}

.nico-legal-content strong {
    color: var(--color-on-surface);
}

/* Utility box for callouts such as "お問い合わせ窓口" contact details.
   Apply via a Group block's Advanced > Additional CSS class(es): nico-info-box */
.nico-legal-content .nico-info-box {
    background-color: var(--color-surface-container-low);
    border: 1px solid var(--color-outline-variant);
    padding: 24px 32px;
    font-family: var(--font-mono);
    font-size: 13px;
    line-height: 2;
    color: var(--color-on-surface);
}

.nico-legal-content .nico-info-box p {
    color: var(--color-on-surface);
}