/* css/new-topic.css — new topic form (buttons, forms, errors, back-link come from site.css) */

.new-topic-section { padding: 56px 24px 0; }
.new-topic-container { max-width: 720px; margin: 0 auto; }

.new-topic-title {
    margin-bottom: 36px;
    font-family: var(--lp-display);
    font-weight: 800;
    font-size: clamp(1.9rem, 4.4vw, 2.8rem);
    line-height: 1.1;
    letter-spacing: -0.035em;
}
.new-topic-form { padding: 36px; border: 1px solid var(--lp-line); border-radius: 32px; background: var(--color-white); }
.form-select {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 48px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
    background-repeat: no-repeat;
    background-position: right 18px center;
}
.form-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; }

.success-card { padding: 56px 32px; border: 1px solid var(--lp-line); border-radius: 32px; background: var(--color-white); text-align: center; }
.success-icon { margin-bottom: 16px; font-size: 44px; line-height: 1; }
.success-card h2 { font-family: var(--lp-display); font-weight: 800; font-size: 1.8rem; letter-spacing: -0.03em; }
.success-card p { max-width: 420px; margin: 12px auto 32px; line-height: 1.6; color: var(--lp-muted); }
.success-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }

@media (max-width: 768px) {
    .new-topic-section { padding: 36px 16px 0; }
    .new-topic-form { padding: 24px 20px; border-radius: 24px; }
    .success-card { padding: 40px 22px; border-radius: 24px; }
}