/* Lightweight SEO intro above career tools – mobile first */
.tool-seo{padding:20px 0 8px;border-bottom:1px solid var(--border,#e5e7eb);background:linear-gradient(180deg,#F7F5F0 0%,#fff 55%)}
.tool-seo .wrap{max-width:920px}
.tool-seo-skip{margin:0 0 12px;font-size:13px}
.tool-seo-skip a{font-weight:700;color:var(--blue,#1D5FBF);text-decoration:none}
.tool-seo-skip a:hover{text-decoration:underline}
.tool-seo .breadcrumb{font-size:13px;color:var(--text-muted,#64748b);margin-bottom:8px}
.tool-seo .breadcrumb a{color:inherit;text-decoration:none}
.tool-seo h1{font-size:clamp(1.35rem,3.5vw,1.75rem);line-height:1.25;margin:0 0 10px;color:var(--ink,#0B2540);font-weight:800}
.tool-seo .lead{font-size:1rem;line-height:1.55;color:var(--text-muted,#475569);margin:0 0 14px;max-width:40rem}
.tool-seo h2{font-size:1.05rem;margin:18px 0 8px;color:var(--ink,#0B2540);font-weight:750}
.tool-seo p,.tool-seo li{font-size:.94rem;line-height:1.6;color:#334155}
.tool-seo ul{margin:0 0 10px;padding-left:1.15rem}
.tool-seo .tool-seo-grid{display:grid;gap:10px;margin:12px 0}
@media(min-width:640px){.tool-seo .tool-seo-grid{grid-template-columns:1fr 1fr}}
.tool-seo .chip{border:1px solid var(--border,#e5e7eb);border-radius:12px;padding:12px 14px;background:#fff}
.tool-seo .chip h3{font-size:.9rem;margin:0 0 4px;font-weight:700;color:var(--ink)}
.tool-seo .chip p{font-size:.85rem;margin:0;color:var(--text-muted,#64748b)}
.tool-seo details{border:1px solid var(--border,#e5e7eb);border-radius:10px;padding:10px 12px;margin:0 0 8px;background:#fff}
.tool-seo summary{font-weight:650;cursor:pointer;font-size:.92rem;list-style:none}
.tool-seo summary::-webkit-details-marker{display:none}
.tool-seo details p{margin:8px 0 0;font-size:.88rem;color:var(--text-muted,#64748b)}
.tool-seo-cta{display:inline-flex;margin:12px 0 4px;padding:10px 16px;border-radius:10px;background:var(--ink,#0B2540);color:#fff;font-weight:700;text-decoration:none;font-size:.92rem}
.tool-seo-cta:hover{opacity:.92;color:#fff}
.tool-seo-note{font-size:.8rem;color:var(--text-muted,#64748b);margin:8px 0 0}

/* Richer formatting for tool SEO content */
.tool-seo{padding:28px 0 16px}
.tool-seo .wrap{max-width:920px}
.tool-seo h1{letter-spacing:-.02em}
.tool-seo .lead{font-size:1.05rem;line-height:1.65;color:#475569}
.tool-seo h2{font-size:1.12rem;margin:22px 0 10px;padding-bottom:8px;border-bottom:2px solid #EEF2F7;color:#0B2540}
.tool-seo p{margin:0 0 12px}
.tool-seo .chip{transition:box-shadow .15s ease,border-color .15s ease}
.tool-seo .chip:hover{border-color:#93C5FD;box-shadow:0 4px 14px rgba(11,37,64,.06)}
.tool-seo details{transition:background .15s ease}
.tool-seo details[open]{background:#F8FAFC;border-color:#CBD5E1}
.tool-seo summary{display:flex;justify-content:space-between;align-items:center;gap:12px}
.tool-seo-cta{box-shadow:0 4px 12px rgba(11,37,64,.12)}
.tool-seo .tool-seo-grid{margin:16px 0 8px}
@media(min-width:768px){
  .tool-seo{padding:36px 0 20px}
  .tool-seo h1{font-size:1.85rem}
}

.tool-seo-subline{margin:0 0 10px;font-size:1rem;font-weight:700;color:#123F82;line-height:1.45}
.tool-seo-trust{margin:0 0 14px;font-size:.82rem;color:#64748b;line-height:1.45}
.tool-seo-next{margin:0 0 14px;padding-left:1.2rem}
.tool-seo-next a{color:#1D5FBF;font-weight:600;text-decoration:none}
.tool-seo-next a:hover{text-decoration:underline}
.tool-seo-intro{border-bottom:0;padding-bottom:8px}
.tool-seo-body{background:#fff;border-top:1px solid #E5E9EF;padding-top:28px;margin-top:8px}

.tool-seo-sample{background:#fff;border:1px solid #E5E9EF;border-radius:12px;padding:18px 20px;margin:0 0 18px;font-size:.95rem;line-height:1.65;color:#334155}
.tool-seo-sample-label{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#1D5FBF;margin:0 0 12px}
.tool-seo-sample p{margin:0 0 10px}