/* Search-focused editorial sections shared by the primary tool pages. */
.focus-tools { margin: 14px 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.focus-tools a { min-height: 124px; padding: 18px; display: grid; align-content: space-between; gap: 10px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); text-decoration: none; }
.focus-tools a:hover { border-color: var(--accent); }
.focus-tools span { color: var(--accent); font-size: 12px; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.focus-tools strong { font-size: 18px; line-height: 1.15; }
.focus-tools small { color: var(--muted); font-size: 14px; }
.seo-guide { margin-top: 14px; padding: clamp(20px, 3vw, 34px); border-top: 3px solid var(--accent); background: var(--surface); }
.seo-guide > header { max-width: 760px; }
.seo-guide h2 { margin: 0; font: 720 clamp(24px, 4vw, 35px)/1.1 var(--font-display); }
.seo-guide h3 { margin: 0 0 8px; font-size: 17px; line-height: 1.2; }
.seo-guide p { margin: 10px 0 0; color: var(--muted); }
.guide-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(240px, .85fr); gap: 32px; margin-top: 26px; }
.guide-steps { margin: 16px 0 0; padding: 0; list-style: none; counter-reset: guide-step; }
.guide-steps li { position: relative; padding: 15px 0 15px 42px; border-top: 1px solid var(--border); counter-increment: guide-step; }
.guide-steps li::before { content: counter(guide-step); position: absolute; left: 0; top: 14px; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; color: white; background: var(--accent); font: 700 11px/1 var(--font-mono); }
.guide-steps strong { display: block; }
.guide-steps span { display: block; margin-top: 3px; color: var(--muted); font-size: 14px; }
.guide-note { align-self: start; padding: 18px; background: oklch(98% 0.006 180); border-left: 3px solid var(--accent); }
.guide-note strong { display: block; font-size: 15px; }
.guide-note p { font-size: 14px; }
.guide-faq { margin-top: 30px; border-top: 1px solid var(--border); }
.guide-faq details { padding: 15px 0; border-bottom: 1px solid var(--border); }
.guide-faq summary { cursor: pointer; font-weight: 750; }
.guide-faq details p { max-width: 72ch; font-size: 14px; }
.guide-links { margin-top: 26px; display: flex; flex-wrap: wrap; gap: 10px; }
.guide-links a { padding: 9px 12px; border: 1px solid var(--border); border-radius: 7px; color: var(--fg); font-size: 14px; font-weight: 700; text-decoration: none; }
.guide-links a:hover { border-color: var(--accent); color: var(--accent); }
@media (max-width: 720px) { .focus-tools, .guide-grid { grid-template-columns: 1fr; } .seo-guide { margin-inline: -13px; } }