/**
 * pages/page.css
 * 固定ページ（/page/{slug}）およびフォームページ（/contact, /apply）の専用スタイル。
 * 接頭辞: .p-page / .p-form
 */

/* -----------------------------------------------------------------
 * 固定ページ
 * ----------------------------------------------------------------- */
.p-page {
    padding-block: var(--space-6) var(--space-10);
}

.p-page__title {
    font-size: var(--fs-h1);
    line-height: var(--lh-h1);
    margin-bottom: var(--space-6);
    padding-bottom: var(--space-4);
    border-bottom: var(--border-width) solid var(--color-border-strong);
}

/* リッチテキストで入力された本文のスタイル */
.p-page__body h2 {
    font-size: var(--fs-h2);
    line-height: var(--lh-h2);
    margin-top: var(--space-8);
    margin-bottom: var(--space-4);
}

.p-page__body h3 {
    font-size: var(--fs-h3);
    line-height: var(--lh-h3);
    margin-top: var(--space-6);
    margin-bottom: var(--space-3);
}

.p-page__body p {
    margin-bottom: var(--space-4);
}

.p-page__body ul,
.p-page__body ol {
    margin-bottom: var(--space-4);
    padding-left: var(--space-5);
}

.p-page__body ul li {
    list-style: disc;
    margin-bottom: var(--space-2);
}

.p-page__body ol li {
    list-style: decimal;
    margin-bottom: var(--space-2);
}

.p-page__body a {
    color: var(--color-primary);
    text-decoration: underline;
}

.p-page__body img {
    width: 100%;
    height: auto;
    border-radius: var(--radius-md);
    margin-bottom: var(--space-4);
}

.p-page__body blockquote {
    padding: var(--space-4);
    margin-bottom: var(--space-4);
    background-color: var(--color-surface-alt);
    border-left: 4px solid var(--color-border-strong);
    border-radius: var(--radius-sm);
}

.p-page__body table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: var(--space-4);
}

.p-page__body th,
.p-page__body td {
    padding: var(--space-3);
    border: var(--border-width) solid var(--color-border-strong);
    text-align: left;
}

.p-page__body th {
    background-color: var(--color-surface-alt);
    font-weight: var(--fw-medium);
}

/* -----------------------------------------------------------------
 * フォームページ（お問い合わせ・掲載申請）
 * ----------------------------------------------------------------- */
.p-form {
    padding-block: var(--space-6) var(--space-10);
}

.p-form__title {
    font-size: var(--fs-h1);
    line-height: var(--lh-h1);
    margin-bottom: var(--space-4);
}

.p-form__lead {
    color: var(--color-text-sub);
    margin-bottom: var(--space-6);
}

.p-form__textarea {
    width: 100%;
    min-height: 160px;
    padding: var(--space-3);
    border-radius: var(--radius-sm);
    border: var(--border-width) solid var(--color-border-strong);
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    resize: vertical;
}

.p-form__textarea:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px var(--color-primary-light);
}

.p-form__select {
    width: 100%;
    height: 48px;
    padding-inline: var(--space-3);
    border-radius: var(--radius-sm);
    border: var(--border-width) solid var(--color-border-strong);
    font-size: var(--fs-body);
    background-color: var(--color-bg);
}

.p-form__actions {
    margin-top: var(--space-6);
}

.p-form__complete {
    text-align: center;
    padding-block: var(--space-10);
}

.p-form__complete-title {
    font-size: var(--fs-h2);
    margin-bottom: var(--space-4);
}

.p-form__complete-description {
    color: var(--color-text-sub);
    margin-bottom: var(--space-6);
}