.seo21-route{margin:0 0 32px;padding:22px;border:1px solid var(--ls-line,#dbe4f1);border-radius:16px;background:var(--ls-panel,#fff)}
.seo21-route h2{margin-top:0}
.seo21-route__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.seo21-route__grid>a{display:flex;flex-direction:column;gap:7px;padding:16px;border:1px solid var(--ls-line,#dbe4f1);border-radius:12px;background:var(--ls-soft,#f5f8ff);color:inherit;text-decoration:none}
.seo21-route__grid>a:hover{border-color:var(--ls-accent,#1456f5)}
.seo21-route__grid a span{color:var(--ls-muted,#5f6f86);font-size:.94rem;line-height:1.45}
.seo21-route__grid--files{grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0}
.seo21-example{margin:28px 0;padding:18px;border:1px solid var(--ls-line,#dbe4f1);border-radius:16px;background:var(--ls-panel,#fff)}
.seo21-example img{display:block;width:100%;height:auto;border-radius:10px}
.seo21-example figcaption{margin-top:12px;color:var(--ls-muted,#5f6f86);line-height:1.55}
.seo21-download{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:16px;border:1px solid var(--ls-line,#dbe4f1);border-radius:12px;background:var(--ls-soft,#f5f8ff)}
.seo21-download a{font-weight:700}
.seo21-download span{color:var(--ls-muted,#5f6f86)}
@media(max-width:720px){.seo21-route{padding:16px}.seo21-route__grid,.seo21-route__grid--files{grid-template-columns:1fr}}

.seo21-route__grid a span{font-weight:400}