.seo-breadcrumb{max-width:1120px;margin:18px auto 0;padding:0 24px;font-size:.78rem;line-height:1.65;color:#58677c;overflow-wrap:anywhere}
.seo-breadcrumb a{color:#31598b}.seo-hint{font-size:.86rem;line-height:1.65;color:#53647b;max-width:680px}.seo-hint a{white-space:normal}
.seo-example{width:300px;flex:0 0 300px;margin:0;min-width:0}.seo-example-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.seo-frame{aspect-ratio:1;background:#fff;border:1px solid #dce3ef;border-radius:8px;overflow:hidden}.seo-frame img{width:100%;height:100%;display:block}.seo-pad img{object-fit:contain}.seo-crop img{object-fit:cover}.seo-wide .seo-frame{aspect-ratio:16/9}.seo-example-pair span{display:block;font-size:.76rem;line-height:1.4;margin-top:6px;color:#304864}.seo-example figcaption{font-size:.7rem;line-height:1.5;color:#61718a;margin-top:8px}
@media(max-width:760px){.visual-refresh .page-top:has(.seo-example){flex-direction:column;align-items:stretch}.seo-example{width:min(100%,236px);flex:auto}.seo-example figcaption{font-size:.68rem}.seo-breadcrumb{padding:0 20px;font-size:.72rem}}