.intro[data-seo-category]{display:block;padding:20px 0 26px}
.intro[data-seo-category] h1{margin:0 0 10px;font-size:clamp(2rem,4vw,3rem);line-height:1.15}
.intro[data-seo-category] p{display:block;max-width:78ch;margin:7px 0;line-height:1.65}
.intro[data-seo-category] nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.intro[data-seo-category] nav a{display:inline-block;padding:6px 12px;background:#fff;border:1px solid #d7deea;border-radius:18px;font-size:.86rem;line-height:1.4;text-decoration:none}
.intro[data-seo-category] nav a:hover,.intro[data-seo-category] nav a:focus-visible{border-color:#1236db;color:#1236db}
[data-seo-guide]{margin:32px 0;padding:24px;background:#fff;border:1px solid #d7deea;border-radius:16px;max-width:90ch;line-height:1.75}
@media(max-width:600px){.intro[data-seo-category]{padding:16px 0 22px}.intro[data-seo-category] nav{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;max-width:100%;gap:6px;padding-bottom:7px}.intro[data-seo-category] nav a{padding:6px 10px}[data-seo-guide]{padding:18px;margin:24px 0}}