/* Landing-page copy and related-tools block shared by tool pages. */
.tp-seo { max-width: 900px; width: calc(100% - 32px); margin: 32px auto 16px; padding: 24px; background: #fff; border-radius: 10px; box-shadow: 0 1px 4px rgba(0,0,0,.08); color: #222; font-family: Arial, sans-serif; line-height: 1.6; font-size: 1rem; text-align: left; box-sizing: border-box; }
.tp-seo h2 { font-size: 1.3rem; margin: 1.4em 0 .5em; color: #1c1a99; }
.tp-seo h2:first-child { margin-top: 0; }
.tp-seo h3 { font-size: 1.05rem; margin: 1em 0 .3em; }
.tp-seo ul, .tp-seo ol { padding-left: 1.4em; }
.tp-seo code { background: #f1f1f5; padding: 1px 5px; border-radius: 4px; font-size: .92em; }
.tp-seo .table-wrap { overflow-x: auto; }
.tp-seo table { border-collapse: collapse; width: 100%; margin: .5em 0; }
.tp-seo th, .tp-seo td { border: 1px solid #ddd; padding: 6px 10px; text-align: left; }
.tp-seo th { background: #f5f5fa; }
.tp-crumbs { font-size: .9rem; color: #666; margin-bottom: 8px; }
.tp-crumbs a, .tp-seo a { color: #1c1a99; }
.tp-related { max-width: 900px; width: calc(100% - 32px); margin: 16px auto; padding: 16px 24px; background: #fff; border-radius: 10px; box-shadow: 0 1px 4px rgba(0,0,0,.08); font-family: Arial, sans-serif; box-sizing: border-box; text-align: left; }
.tp-related h2 { font-size: 1.1rem; margin: 0 0 8px; color: #1c1a99; }
.tp-related ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.tp-related a { display: inline-block; padding: 6px 12px; border: 1px solid #d5d5e5; border-radius: 999px; color: #1c1a99; text-decoration: none; font-size: .92rem; background: #fafaff; }
.tp-related a:hover { background: #ececff; }