/* Delivered directly so the landing layout does not depend on a rebuilt Tailwind bundle. */
.gpt-landing-container { width: 100%; max-width: 1120px; margin-inline: auto; padding-inline: clamp(1.25rem, 4vw, 1.5rem); }
.gpt-landing-body { max-width: 56rem; }
.gpt-landing-reading { max-width: 44rem; }
.gpt-inquiry-links { display: flex; flex-direction: column; gap: 0.75rem; }
.gpt-business-notice { margin-block: 1.5rem; padding-left: 1rem; border-left: 2px solid rgba(15, 118, 110, 0.4); color: #6b6a66; font-size: 0.9375rem; line-height: 1.5; }
.gpt-business-notice strong { display: block; margin-bottom: 0.25rem; color: #1d1d1f; }
.gpt-article-note { padding: clamp(1.25rem, 4vw, 2rem); border-radius: 1.5rem; background: #f6f5f2; }
.gpt-article-note-list { display: grid; gap: 1rem; }
.gpt-article-note-list > div { display: grid; gap: 0.25rem; }
.gpt-article-note-list dt { color: #1d1d1f; font-weight: 600; }
.gpt-takeover { border-radius: 1.5rem; background: #ffffff; }
.gpt-takeover > div { padding: 1.5rem; }
.gpt-takeover > div + div { border-top: 1px solid rgba(0, 0, 0, 0.08); }
@media (min-width: 640px) {
    .gpt-inquiry-links { flex-direction: row; flex-wrap: wrap; }
    .text-center > .gpt-inquiry-links { justify-content: center; }
    .gpt-article-note-list > div { grid-template-columns: 8rem minmax(0, 1fr); gap: 1rem; }
}